logo


your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

System Source Learning Center
410-771-5544

Call us for more information and to schedule your classes.

HTML5 & HTML Intro with CSS

Course description

1. Introduction
Where Do I Start?
What Does a Web Designer Do?
What Languages Do I Need to Learn?
What You ve Learned

2. Creating a Simple Page
A Web Page, Step by Step
Before We Begin, Launch a Text Editor
Step 1: Start with Content
Step 2: Give the Document Structure
Step 3: Identify Text Elements
Step 4: Add an Image
Step 5: Change the Look with a Style Sheet
Validating Your Documents
Element Review: Document Structure

3. Marking up Text
Paragraphs
Headings
Lists
More Content Elements
Organizing Page Content
The Inline Element Roundup
Generic Elements (div and span)
Some Special Characters
Putting It All Together
Element Review: Text

4. Adding Links
The href Attribute
Linking to Pages on the Web
Linking Within Your Own Site
Targeting a New Browser Window
Mail Links
Telephone Links
Element Review: Links

5. Adding Images
First, a Word on Image Formats
The img Element
A Window in a Window (iframe)
Element Review: Replaced Elements

6. Basic Table Markup
How Tables Are Used
Minimal Table Structure
Table Headers
Spanning Cells
Table Accessibility
Wrapping Up Tables
Element Review: Tables

7. Forms
How Forms Work
The form Element
Variables and Content
The Great Form Control Round-up
Form Accessibility Features
Form Layout and Design
Element Review: Forms

8. Cascading Style Sheets Orientation
The Benefits of CSS
How Style Sheets Work
The Big Concepts
Moving Forward with CSS

9. Formatting Text
The Font Properties
Changing Text Color
A Few More Selector Types
Text Line Adjustments
Underlines and Other Decorations
Changing Capitalization
Spaced Out
Text Shadow
Changing Lists Bullets and Numbers
CSS Review: Font and Text Properties

10. Colors and Backgrounds
Specifying Color Values
Foreground Color
Background Color
Playing with Opacity
Attribute Selectors
Background Images
The Shorthand background Property
Finally, External Style Sheets
CSS Review: Color and Background Properties

11. Thinking Inside the Box
Element as Boxes
Specifying Box Dimensions
Padding
Borders
Margins
The Box Model in Review
CSS Review: Basic Box Properties

12. Floating and Positioning
Normal Flow
Floating
Positioning Basics
Relative Positioning
Absolute Positioning
Fixed Positioning
CSSvReview: Floating and Positioning Properties

13. Page Layout with CSS
Page Layout Strategies
Page Layout Techniques
Multicolumn Layouts Using Floats
Positioned Layout
Top-to-Bottom Column Backgrounds

14. CSS Techniques
A Clean Slate (CSS Reset)
Image Replacement Techniques
CSS Sprites
Styling Forms
Styling Tables
Basic Responsive Web Design
Wrapping Up Style Sheets
CSS Review: Table Properties

15. Web Graphics Basics
Image Sources
Meet the Formats
Image Size and Resolution
Working with Transparency
PNG-8 Alpha Transparency
Introduction to SVG
Summing Up Images

16. Lean and Mean Web Graphics
General Optimization Strategies
Optimizing GIFs
Optimizing JPEGs
Optimizing PNGs
Optimize to File Size
Optimization in Review

17. How the Web Works
Serving Up Your Information
A Word About Browsers
Web Page Addresses (URLs)
The Anatomy of a Web Page
Putting It All Together

18. Some Big Concepts You Need to Know
A Dizzying Multitude of Devices
Sticking with the Standards
Responsive Web Design
One Web for All (Accessibility)
The Need for Speed (Site Performance)

19. Uploading
Setting up a Server
Making a Connection with FTP
Uploading Your Files
Viewing Your Live Site

 

*Disclaimer: All course objectives and outlines are a guide for students. To ensure student satisfaction, these course topics and order may be modified or added to ensure the latest information is covered to support real world use of the technology.

 


Disclaimer: All course objectives and outlines are a guide for students. The course topics and order of presentation may be modified based upon the needs of each individual class.