Introduction to CSS3
Several years ago, cascading style sheets (CSS) revolutionized Web design. CSS freed Web designers from depending on woefully inadequate HTML tables to create highly stylized Web pages. It provided us with the means to format and reformat multiple pages from one single set of styles, thereby liberatingus from the tedious task of formatting one page at a time. Enter CSS3, the next generation of Web design. Special effects, animations, transitions, gradients - all the content we've traditionally fallen back on graphics and animation software to achieve are now at our fingertips through CSS code. CSS3, the first revision to cascading style sheets since the advent of handheld smartphones and tablets, is here, now, ready for prime time.
Applicable Job Roles: web designers, webmasters, web programmers, and web application developers.
Week 1: Introduction to CSS3
- What are Styles?
- What are Style Sheets?
- How do Style Sheets Cascade?
- CSS and HTML
- CSS - A Bunch of Rules
- The Anatomy of a CSS Rule
- Why CSS3?
Week 2: CSS3 and HTML5
- What is HTML5?
- HTML5 Page Structure
- CSS3 and HTML5 Working Together
- CCS3 and HTML5's Built-In Containers
- CSS3 and other HTML5 Features
- CSS3 and Earlier Versions of HTML
Week 3: In Depth CSS
- Class, Type, ID and CompoundSelectors
- Inline, Internal and External Styles
- CSS Containers
- CSS Rules for Adapting to Display Size and Device Type
- CSS Print Media Formatting
Week 4: Formatting a Page with CSS3
- CSS3 Page Sections and Includes
- Format Boxes with CSS3
- Format Text with CSS3
- Format Images and other Media with CSS3
Week 5: CSS3 Special Effects
- CSS3 Shadow and other Text Effects
- CSS3 Box Shadow and other Box Effects
- CSS3 Color Gradients and Fills
- CSS3 Menu and Navigation Formatting Effects
- CSS3 Background Effects
- Use WebKit, Mozilla and other Browser Extensions with CSS3
Week 6: CSS3 Animations, Transitions and Transformations
- Create and Animate Simple 2D Shapes
- Create Page and Object Transitions
- Create Object 2D and 3D Transformations
- WebKit and other Browser Extension Transformations
Week 7: CSS3 and Mobile Devices
- CSS3 Formatting Based on Screen Size and Device Type
- Integrate CSS3 and jQuery
- Media Quires
- Device Orientation
Week 8: CSS3 Advanced Techniques
- Fluid, Multicolumn Pages
- Stylized Links
- Format Form Fields with CSS3
- CSS3 Sprites
- CSS3 Drop-Down Menus
Introduction to HTML (H101)
- Knowledge of computer graphics, digital video, and Flash movies would also be helpful, but not required.
- Software: Aside from a text editor, such as Windows Notepad or Mac OS TextEdit, there are no required software applications to complete this course; however, you'll find the following software useful:
- Dreamweaver CS4 or later: You can download the latest trial version from adobe.com, but if you do, since the trial version is good for only 30 days, do not install it until the third week of the course.
- XAMPP Web server software. XAMPP is a free Linux Web server emulator you can use to test your Web pages. You can download it from:http://www.apachefriends.org/en/xampp.html It comes in both Windows and Mac OS versions.
- FTP client software: File Transfer Protocol, or FTP, software allows you to upload your Web page files to a Web server. You can perform this function with built-in Windows or Mac utilities, but will find this much easier with an FTP utility. You can download FileZilla for free at: http://filezilla-project.org/ It comes in both Windows and Mac versions.
- Web space: You'll need a website to which you can upload your assignments. There are several free Web hosting sites available. However, many of them place ads on your pages. This can be very annoying, but if you can live with it, so can I.
||CSS, Visual QuickStart Guide
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.
Refund Policy: Please read our Terms and Refund Policy before registering for this course.
Additional Cost: Book and software might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .
How eClasses Work:Instructors post lectures (text-based, no video or audio), reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class.
|IWA Member Price:
Sorry, no other session is scheduled for this course. You can add this course to your wish list and we will notify you when other sessions are scheduled.
Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.