Introduction to CSS3 (H154)

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.

Outline

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 JavaScript
Integrate CSS3 and jQuery
Media Quires
Viewport
Device Orientation

Week 8: CSS3 Advanced Techniques

Fluid, Multicolumn Pages
Stylized Links
Format Form Fields with CSS3
CSS3 Sprites
CSS3 Drop-Down Menus

Prerequisites

Introduction to HTML (H101)

Requirements

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.

Books:
Required Book:	CSS, Visual QuickStart Guide
Additional information:
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.

Price:

$240.00

Item No.:

H154

Instructor:

William Harrel

Open Courses: No other sessions are scheduled for this course. You can add to your wish list and you will be notified when other sessions are scheduled.

Instructor's Profile

William Harrel has owned and operated a design firm, WilliamHarrel.com, for nearly 25 years. WilliamHarrel.com has designed and maintains hundreds of websites for several notable clients, such as the California Spine Institute and Communications Technology Watch. Harrel has written 19 books and hundreds of magazine articles on digital design and computer technology in general. He created and currently instructs four online Flash courses offered at over 2,500 colleges and universities, as well as the popular Mobile Web Design course at eClasses.org. His latest book, HTML, CSS and JavaScript Mobile Development for Dummies, focuses on developing Web content for mobile devices.

Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.

�

Testimonials

Rating

No testimonial available!