Email Us   Phone : 503-259-0312   
  Home    |    Instructor-led Training    |    Self-Paced Learning    |    Online Training     


Contact Us   -   Why Choose Wintrac   -   Clients    

Courses
ADA
Adobe
Agile
AJAX
Android
Apache
AutoCAD
Big Data
Business Analysis
Business Intelligence
Business Objects
Business Skills
C++ programming
Cisco
Citrix
Cloud Computing
COBOL
Cognos
ColdFusion
COM/COM+
CompTIA
CORBA
CRM
Crystal Reports
Datawarehousing
DB2
Desktop Application Software
DNS
Embedded Systems
Google Web Toolkit (GWT)
IPhone
ITIL
Java
JBoss
LDAP
Leadership Development
Lotus
Machine learning/AI
Macintosh
Mainframe programming
Microsoft technologies
Mobile
MultiMedia and design
.NET
NetApp
Networking
New Manager Development
Object oriented analysis and design
OpenVMS
Oracle
Oracle VM
Perl
PHP
PowerBuilder
Professional Soft Skills Workshops
Project Management
Rational
Ruby
Sales Performance
SAP
SAS
Security
SharePoint
SOA
Software quality and tools
SQL Server
Sybase
Symantec
Telecommunications
Teradata
Tivoli
Tomcat
Unix/Linux/Solaris/AIX/
HP-UX
Visual Basic
Visual Foxpro
VMware
Web Development
WebLogic
WebSphere
Websphere MQ (MQSeries)
Windows programming
XML
XML Web Services
Other
Advanced CSS Training v4
Overview

In this advanced CSS training class, students will learn to use CSS to format forms, create list - based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand pro perties. This course has been updated to use the latest CSS3 methods

Audience

Students who want to advance their current CSS skills.

Prerequisites

Experience in HTML and basic CSS.

Course duration

2 Days

Course outline

1. Positioning and Visibility
  • Element F
  • low
  • Position
    • Absolute Positioning
    • Relative Positioning
    • Fixed Positioning
  • Z-index
  • Display
  • Visibility
  • Float
  • Clear
2. Advanced CSS Page Layout
  • Resetting Styles
  • Full Width Layouts
    • Two-column
    • Three-column
  • Fixed Width Layouts
  • A Recommendation on Positioning
  • CSS3 Text Columns
  • Flexible Box Model
3. Media Queries
  • Media Queries
    • What are Media Queries?
    • The Viewport Meta Tag
    • A First Example
    • Responsive Design
  • Image Widths
4. CSS Shorthand Properties
  • What is CSS Shorthand?
    • Benefits of Using CSS Shorthand
    • Value Order of CSS Shorthand Properties
    • CSS Initial Values
  • Shorthand Margins and Padding
  • Shorthand Border
  • Shorthand Backgrounds
  • Shorthand Fonts
  • Shorthand Lists
5. CSS Lists as Hierarchical Navigation
  • Menus as Lists
  • CSS Horizontal Menu
  • CSS Vertical Menu
  • CSS Dynamic Menus
    • CSS Dropdown Menu
    • CSS Flyout Menu
  • CSS3 Menus
    • Dropdown Menus
    • A Mobile-Friendly Menu
  • Accessibility
6. CSS Background Tricks
  • Rounded Corner Boxes
    • Fixed-width Rounded Corner Boxes
    • Rounded Corners with CSS3
    • Mountaintop Corners
  • Tabbed Navigation
  • Drop Shadows
  • CSS Sprites
  • Background Opacity and Images
  • The Opacity Property
7. Laying out and Styling Forms with CSS
  • Laying out the Questions
  • Creating the Form
    • HTML5 Form Fields
    • Adding the Form Fields
  • Advanced CSS Training
  • Reset Revisited
  • Styling the Form
8. CSS Best Practices
  • Considerations
  • Use CSS
  • Use External Style Sheets
  • Organize Your Style Sheets/Preprocessors
  • ID the Body
  • Use CSS Shorthand
  • Combine CSS Rules
  • Use a CSS Reset
  • Use the “LoVe HAte” Rule
  • Use the HTML Lists for Navigation Menus
  • Avoid CSS Hacks
  • Use a CSS Compressor
  • Use a Master Style Sheet
  • Summary of Best Practices
9. Browser-compatibility Issues
  • Quirks Mode
    • Controlling Browser Modes
    • Design Strategy
  • Internet Explorer Conditional Statements
  • Common Browser Bugs / Issues
    • Positioning Legend

 
About us
Contact us
Careers at Wintrac
Our Clients
Why Wintrac


Register for a free training CD-ROM drawing
Refer a client or instructor and earn $$$


Wintrac Inc.
16523 SW McGwire Ct.
Beaverton OR 97007
 
© Wintrac, Inc. All rights reserved.                                                                               Site Map   |   Terms of Use   |   Privacy Policy