Introduction to CSS3

Introduction to CSS3 online course
Course Name

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.

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.
Course Books

Required Book CSS, Visual QuickStart Guide [
]
Course Price
  • Member Price: $140 US
  • Non-Member Price: $240.00 US
[Register Now]

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 migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, 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. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.

 

Register Now

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


4 Web Study Certificates

 Valid XHTML 1.0 Transitional  Valid CSS!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Introduction to Dreamweaver Online CourseDreamweaver Online CourseBuilding Data-Driven Websites Course
Web Videography CourseIntroduction to Microsoft Excel - Online CourseDigital Market Research Course
Contracting Your Services - Online CourseBlog Content Writing Course - OnlineWeb Content Writing Skills Course
DNS Administration CourseGoogle Web Analyics CourseWordpress Theme Design Course
Wordpress Content Management CourseDrupal Beginner CourseProject Management Training Course
Joomla Training CourseWeb Design Legal Issues CourseInteractive e-Survey Strategies Course
Search Engine Optimization CourseWebsite Promotion and Marketing Course - OnlineEmail Marketing Course Strategies
Social media Marketing CourseInternet Marketing Strategies CourseWeb Design Concepts Training Course
Web Design Course Training OnlineResponsive Web Design Training CourseIntroduction to Bootstrap Training Course
Introduction to Photoshop CC CourseAdobe InDesign CourseAdobe Illustrator Online Course
Mobile Web Design Online CourseHTML5 Online CourseCSS3 Online Course
Introduction to Sass Online CourseWeb Animation with CSS and JavaScript Online CourseSQL Using MySQL Online Web Training
SQL Server Online CoursePHP Online CoursePHP Online Course
JavaScript for Beginners Online Web TrainingJavaScript Level 2 Online CoursejQuery Web Programming Online Course
PHP Online CourseJavaScript for Beginners Online Web TrainingXML Web Programming Online Course