TPT
Total:
$0.00
HTML 5 and CSS Classroom Training Curriculum
Share

Description

Designed with the busy teacher in mind, this complete course curriculum in HTML 5 and CSS includes everything you need to educate your students and staff. Professionally developed and sold all over the world, these materials are provided in full-color PDF format with not-for-profit reprinting rights and offer clear, concise, and easy-to-use instructions. Perfect for teachers, students, staff, and individuals. Includes:

· Course Syllabus

· One Classroom Instruction Manuals with Practice Exercises and Keyboard Shortcuts

· 125 Individual Lessons

· Cumulative Review (Test) Questions

· Cumulative Review (Test) Answer Sheet

· Cumulative (Test) Answer Key

Topics Covered:

Getting Acquainted with HTML

1. Introduction to the Internet

2. Introduction to HTML Terminology

3. Options for Writing HTML

4. Unicode Transformation Format (UTF)

5. HTML5 Resources

New for HTML5

1. What's different in HTML5?

2. !DOCTYPE in HTML5

Designing a Webpage

1. Design Considerations and Planning

2. Basic Tags and Document Structure

3. HTML Tags

4. Head Tags

5. Title Tags

6. Body Tags

7. Metadata

8. Saving an HTML Page

Page Formatting

1. Adding a New Paragraph

2. Adding a Line Break

3. Inserting Blank Space

4. Preformatted Text

5. Changing a Pages's Background Color

6. Div Element

Text Items and Objects

1. Headings

2. Comments

3. Block Quotes

4. Horizontal Lines

5. Special Characters

Creating Lists

1. Numbered (Ordered) Lists

2. Bulleted (Unordered) Lists

3. Nested Lists

4. Definition Lists

Links

1. What are Links?

2. Text Links

3. Image Links

4. Opening a Page in a New Window or Tab

5. Setting All Links on a Page to Open in a New Window or Tab

6. Linking to an Area on the Same Page (Bookmarks)

7. Linking to an E-mail Address

8. Linking to Other Types of Files

Images

1. Introduction to Images for Webpages

2. Adding Images to Webpages

3. Re-Sizing an Image

4. Alternative (ALT) Text

5. Image Labels

Basic Tables

1. Inserting a Table

2. Table Borders

3. Table Headers

Iframes

1. What is an Iframe?

2. Inserting Iframes

3. Setting Height and Width

4. Using an Iframe for a Link Target

Forms

1. About Forms

2. Sending to E-mail

3. Text Boxes

4. Text Areas

5. Check Boxes

6. Menu Lists

7. Radio Buttons

8. Submit Button

9. Reset Button

10. Changing the Tab Order

Video and Audio

1. About Video and Audio Files

2. Linking to Video and Audio Files

3. Adding Video

4. Adding Audio

5. Using YouTube to Display Video

Troubleshooting

1. Troubleshooting

Cascading Style Sheets

1. What are Cascading Style Sheets?

2. CSS Syntax

3. Creating an Internal CSS

4. Linking to a CSS

5. Adding Comments and Notes to a CSS

6. Creating an Internal Style Sheet

7. ID and Class

8. Inline Styling

Working With Text in CSS

1. Emphasizing Text (Bold and Italic)

2. Decoration

3. Indentation

4. Transformation

5. Text Alignment

6. Fonts

7. Font Sizes

8. Letter Spacing (Kerning)

9. Line Spacing (Leading)

10. Text Color

11. Margins

12. Padding

13. Borders

14. Styling Links

15. Number and Bullet Styles

16. Sizing Elements

17. Text Wrapping

18. Shadowing

Creating Backgrounds in CSS

1. Colors

2. Images

3. Fixed Images

Images in CSS

1. Opacity

2. Floating Images

3. Image Galleries

4. Image Sprites

Box Model in CSS

1. What is a box model?

2. Margin

3. Padding

4. Border

5. Outline

Working With Elements in CSS

1. Display and Visibility

2. Grouping and Nesting

3. Dimensions and Elements

4. Positioning

5. Floating

6. Pseudo-Classes/Pseudo-Elements

Adding a Navigation Bar in CSS

1. Vertical Navigation Bar

2. Horizontal Navigation Bar - Inline

3. Horizontal Navigation Bar - Floating

CSS Tables

1. Borders

2. Collapsed Borders

3. Table Width and Cell Height

4. Table Color

5. Table Text Alignment

6. Table Padding

Working With Transforms in CSS

1. What are transforms?

2. 2D Transforms

3. 3D Transforms

Transitions and Animations in CSS

1. Transitions

2. Animations

CSS Shorthand

1. Shorthand Properties

Report this resource to TPT
Reported resources will be reviewed by our team. Report this resource to let us know if this resource violates TPT's content guidelines.

HTML 5 and CSS Classroom Training Curriculum

TeachUcomp
113 Followers
$19.00

Highlights

Grades icon
Grades
8th - 12th, Adult Education, Higher Education
Pages
190
Answer Key
Included

Description

Designed with the busy teacher in mind, this complete course curriculum in HTML 5 and CSS includes everything you need to educate your students and staff. Professionally developed and sold all over the world, these materials are provided in full-color PDF format with not-for-profit reprinting rights and offer clear, concise, and easy-to-use instructions. Perfect for teachers, students, staff, and individuals. Includes:

· Course Syllabus

· One Classroom Instruction Manuals with Practice Exercises and Keyboard Shortcuts

· 125 Individual Lessons

· Cumulative Review (Test) Questions

· Cumulative Review (Test) Answer Sheet

· Cumulative (Test) Answer Key

Topics Covered:

Getting Acquainted with HTML

1. Introduction to the Internet

2. Introduction to HTML Terminology

3. Options for Writing HTML

4. Unicode Transformation Format (UTF)

5. HTML5 Resources

New for HTML5

1. What's different in HTML5?

2. !DOCTYPE in HTML5

Designing a Webpage

1. Design Considerations and Planning

2. Basic Tags and Document Structure

3. HTML Tags

4. Head Tags

5. Title Tags

6. Body Tags

7. Metadata

8. Saving an HTML Page

Page Formatting

1. Adding a New Paragraph

2. Adding a Line Break

3. Inserting Blank Space

4. Preformatted Text

5. Changing a Pages's Background Color

6. Div Element

Text Items and Objects

1. Headings

2. Comments

3. Block Quotes

4. Horizontal Lines

5. Special Characters

Creating Lists

1. Numbered (Ordered) Lists

2. Bulleted (Unordered) Lists

3. Nested Lists

4. Definition Lists

Links

1. What are Links?

2. Text Links

3. Image Links

4. Opening a Page in a New Window or Tab

5. Setting All Links on a Page to Open in a New Window or Tab

6. Linking to an Area on the Same Page (Bookmarks)

7. Linking to an E-mail Address

8. Linking to Other Types of Files

Images

1. Introduction to Images for Webpages

2. Adding Images to Webpages

3. Re-Sizing an Image

4. Alternative (ALT) Text

5. Image Labels

Basic Tables

1. Inserting a Table

2. Table Borders

3. Table Headers

Iframes

1. What is an Iframe?

2. Inserting Iframes

3. Setting Height and Width

4. Using an Iframe for a Link Target

Forms

1. About Forms

2. Sending to E-mail

3. Text Boxes

4. Text Areas

5. Check Boxes

6. Menu Lists

7. Radio Buttons

8. Submit Button

9. Reset Button

10. Changing the Tab Order

Video and Audio

1. About Video and Audio Files

2. Linking to Video and Audio Files

3. Adding Video

4. Adding Audio

5. Using YouTube to Display Video

Troubleshooting

1. Troubleshooting

Cascading Style Sheets

1. What are Cascading Style Sheets?

2. CSS Syntax

3. Creating an Internal CSS

4. Linking to a CSS

5. Adding Comments and Notes to a CSS

6. Creating an Internal Style Sheet

7. ID and Class

8. Inline Styling

Working With Text in CSS

1. Emphasizing Text (Bold and Italic)

2. Decoration

3. Indentation

4. Transformation

5. Text Alignment

6. Fonts

7. Font Sizes

8. Letter Spacing (Kerning)

9. Line Spacing (Leading)

10. Text Color

11. Margins

12. Padding

13. Borders

14. Styling Links

15. Number and Bullet Styles

16. Sizing Elements

17. Text Wrapping

18. Shadowing

Creating Backgrounds in CSS

1. Colors

2. Images

3. Fixed Images

Images in CSS

1. Opacity

2. Floating Images

3. Image Galleries

4. Image Sprites

Box Model in CSS

1. What is a box model?

2. Margin

3. Padding

4. Border

5. Outline

Working With Elements in CSS

1. Display and Visibility

2. Grouping and Nesting

3. Dimensions and Elements

4. Positioning

5. Floating

6. Pseudo-Classes/Pseudo-Elements

Adding a Navigation Bar in CSS

1. Vertical Navigation Bar

2. Horizontal Navigation Bar - Inline

3. Horizontal Navigation Bar - Floating

CSS Tables

1. Borders

2. Collapsed Borders

3. Table Width and Cell Height

4. Table Color

5. Table Text Alignment

6. Table Padding

Working With Transforms in CSS

1. What are transforms?

2. 2D Transforms

3. 3D Transforms

Transitions and Animations in CSS

1. Transitions

2. Animations

CSS Shorthand

1. Shorthand Properties

Report this resource to TPT
Reported resources will be reviewed by our team. Report this resource to let us know if this resource violates TPT's content guidelines.

Reviews

This product has not yet been rated.
Rated 0 out of 5

Questions & Answers

Loading
Loading