CA-CSS
Schedule our instructor led classroom training at your convenience and never miss another lecture or fall behind. You are in complete control. We invited the Best Web & Graphics Trainers in the industry to help us develop the ultimate training & certification program which includes everything you will need to fully prepare for and succeed in the Web Graphics and Design Industry.
In this video-based course, students will learn how to add new cascading style sheet techniques into their HTML. This course will focus on aspects of cascading style sheets including embedding style sheets, applying color, comments, text and font styles, class and id styles, margins, padding, and much more. After taking this course, the student will have a comprehensive understanding of why and how CSS implements styles.
Expert Trainer
Tracy Berry - Has been involved graphic and web design for more than 15 years. She has utilized Adobe Photoshop on many different forms including the commercial print industry, however over the past years she has focused devoted its use primarily to web production. She has designed over 200 web sites, and in doing so has discovered many tips & tricks to improve both production and efficiency. In addition to Adobe Photoshop she is also an expert in Flash as well as many Macromedia products. In fact, she has been using many of the Macromedia and Adobe products since their genesis. Over the years she has demonstrated great versatility in these products, producing content of many different forms for many different types of clients.
Course Features:
* Main Menu
Move through hours of in-depth content - quickly and easily due to the efficient and organized structure.
* PowerPoint
Utilizing PowerPoint presentations enhances the delivery by displaying a variety of visual information to the user. This type of representation allows the user to better interpret the material through charts, definitions, graphs, and more...
* Controls
Move forward, back, and repeat entire topics or just a section. A progress bar illuminates as you advance through exercises.
* Full Motion Video
All courses feature full-motion videos of instructors teaching the information as if they are speaking directly to you. Our unique delivery simulates a one-on-one classroom environment creating a more personal lesson and learning experience.
* Study Guides
Printable study guides for the entire course are available. This allows all material to be viewed, reviewed, and printed for viewing at a later date.
* Review Exercises
Each section has a review quiz to aid in the learning process by validating the comprehension of the material covered before moving on to a new section.
* Resume
All courses are resumed to where you left off last session allowing you to learn when it is convenient for you without the hassle of remembering where you where.
* Live Demonstrations
Demonstrations are a way for the instructor to show and tell the user how to perform a task by actually doing it on screen in front of them. In this format it gives the user the power to see things done by a professional in the intended environment as many times as they would like.
* Certificate of Completion
Career Academy is recognized worldwide for its technology-based IT training curriculums. Upon successful completion of our program, you will be receiving a Career Academy Distance Education Certificate of Completion.
Course Outline
Course Introduction
Chapter 1 - Controlling Color and Typography
Controlling Color and Typography
What is CSS?
Benefits of CSS
Style Sheet Types
Style Sheet Rules
Embedded Style Sheets
The Style Element
Demo - Creating an Embedded Style Sheet and Adding Rules
Color Methods
Inheritance
Demo - Adding Color with Hexadecimal and RGB Values
CSS Comments
Demo - Commenting Code
Text Styles
CSS Text Properties
Units of Measurements
How to Modify Text Styles
Demo - Controlling the Alignment and Indentation of Text
Demo - Modifying the Text Spacing
Demo - Controlling Text Casing
Font Styles
How to Modify Font Styles
Demo - Specifying Fonts and Font Sizes
Demo - Controlling Font Weight and Style
Demo - Modifying Font Style
Linked Style Sheets
Demo - Creating a Linked Style Sheet
Chapter 1 Review
Chapter 2 - Designing with Cascade
Designing with Cascade
Class Selectors
Demo - Applying Class Styles
ID Selectors
Demo - Styling with ID Selectors
Contextual Selectors (Descendant Selectors)
Demo - Creating Contextual Styles
Attribute Selectors
Demo - Attaching Styles to Elements
Cascading
Demo - Creating Modular Styles
Import Style Sheets
Demo - Importing Style Sheets
Inline Styles
Demo - Creating Inline Styles
Chapter 2 Review
Chapter 3 - Designing Content Sections
Designing Content Sections
Control Margins and Padding
The Box Model
Margin
Padding
Demo - Setting Margins
Modifying Element Padding
Create Borders
Borders
Demo - Creating Borders
Control Element Dimensions (Height & Width)
Demo - Controlling an Element\'s Width
Floating Elements
Demo - Arranging Elements with the Float Property
Content Overflow
Scrollable Content Sections
Demo - Creating a Scrollable Content
Chapter 3 Review
Chapter 4 - Controlling Layout with Positioning
Controlling Layout with Positioning
Positioning
Absolute Positioning
Demo - Positioning Content Sections
Fixed Layouts
Demo - Creating a Fixed Multi-Column Layout
Fluid Layouts
Demo - Creating a Fluid Layout
Relative Positioning
Demo - Arranging Elements with Relative Positioning
Layered Elements
Control the Display of Layered Elements
Demo - Controlling the Stacking Order of Elements
Fixed Positioning
Demo- Applying a Fixed Position
Chapter 4 Review
Chapter 5 - Enhancing an Existing Design
Enhancing an Existing Design
Customize Cursors
Cursor Styles
Demo - Customizing Cursors
How to Choose the Appropriate Link Style
Demo - Customizing Styles for Link States
How the Enhance Form Design
Demo - Customizing Form Styles
Background Images
Demo - Applying a Background Image
Customize Lists
Demo - Styling Lists
Generated Content
Demo - Creating Generated Content
Chapter 5 Review
Chapter 6 - Creating Alternate Style Sheets
Creating Alternate Style Sheets
Create Accessible Style Sheets
Link Relationships
Demo - Creating and Enabling an Alternate Sheet
System Fonts and Colors
Demo - Applying System Styles to an Alternate Style Sheet
Print Style Sheets
Demo - Creating a Print Sheet
Chapter 6 Review
Course Closure
