Class Description
This is an exciting 2-day course which teaches the web designer how to control the appearance of their web design by separating the visual presentation from the content. This class covers basic to advanced design topics including selectors, the cascade, and inheritance. The training also covers how to build effective navigation, how to lay out pages, and how to work with typography, colors, backgrounds, and white space. Using a project-based approach, the Participants will through the process of creating a Web page, while learning the essentials of CSS along the way.
Course Benefits
- Understand The Box Model: Padding, Margins, Borders
- Discover Nested Selectors & More Box Model
- Learn Floats & Clearing
- Use JavaScript to Change CSS
- Explore CSS Rollovers
- Worl with Rounded Corners with Absolute Positioning
- Learn the Bootstrap Grid Layouts
- Create Accessible Form Layouts & Styling
- Develop Custom Corners & Borders (Shadows, etc.)
- Explore Web Fonts with FontSquirrel
Suggested Prerequisites
Knowledge of your operating system and basic computer navigation is required for all classes. We also recommend that you have the Adobe Dreamweaver software before starting the class. You can purchase the software or obtain a trial version of it for the Adobe website.
Course Outline
- CSS for Layouts, float, absolute, relative, box model
- CSS Tricks
- Publishing to Codepen.io
- Bootstrap Grid Layout
- Responsive Design: Print vs Screen vs Tablet
- Custom Corners & Borders (Shadows)
- Column Hovers & Layered Divs
- Templates with Handlebars
- Web Fonts
Related Classes
- Acrobat 101 – Adobe Acrobat for Professionals
- Acrobat 201 – Adobe Acrobat – eForms Introduction
- Animate 101 – Adobe Animate Essentials
- Animate 201 – Adobe Animate Advanced
- Animate 501 – Adobe Animate Bootcamp
- ColdFusion 101 – Adobe ColdFusion – Fast Track to ColdFusion
- ColdFusion 201 – Adobe ColdFusion – Advanced ColdFusion Development
- ColdFusion 301 – Adobe ColdFusion – Advanced: Java for ColdFusion Programmers
- ColdFusion 501 – Adobe ColdFusion – Developers Bootcamp
- Creative Cloud Web 110 – Adobe Creative Cloud Web QuickStart
Our goal is to make sure your class meets your objectives, not ours. Therefore, all of our outlines are treated as guides to help steer the workshop. This outline does not guarantee that all the topics listed will be covered in the time allowed. The amount of material covered is based on the skill level of the student audience. We may change or alter course topics to best suit the classroom situation.
Locations