Griffin | Web Design
 
Resume Table of Contents  

Web Design
HTML

Chapter 2
Creating and Editing a Web Page Using Inline Styles

 
State Standards
 
  • WD 2.2 Content Standard: Students design and develop a basic web site using HTML/XHTML. (LA11.5.7)(LA12.5.7)
  • WD 2.2.3 Utilize HTML/XHTML tags that display and format web content to create a basic web page in a text editor (<html>, <head>, <title>, <body>,</html >,</head>, </title>, </body>)
  • WD 2.2.4 Utilize HTML/XHTML attribute tags
  • WD 2.2.5 Create an ordered/unordered list utilizing HTML <ol>, <li> <ul> tags (A1.1.5)
Chapter Objectives
 
  • Identify elements of a Web page
  • Start Notepad and describe the Notepad window
  • Enable word wrap in Notepad
  • Enter the HTML tags
  • Enter headings and a paragraph of text
  • Create an unordered, ordered, or definition list
  • Save an HTML file
  • Use a browser to view a Web page
  • Activate Notepad
  • Identify Web page image types and attributes
  • Add an image, change the background color of a Web page, center a heading, and add a horizontal rule
  • View the HTML source code in a browser
  • Print a Web page and an HTML file
  • Quit Notepad and a browser
1. HTML Assignment
Duration: 1 Period
  Read/Skim Chapter 2 p. 33 - 42
2.

Login to blackboard and complete the Chapter 2 Questions.

Grading:
1. Questions

 ___ 15 points

Total  
 ___ 15 points
 
3. HTML Assignment
Duration: 1/2 Period
 
  Lecture CH2 - Part 1
4.

HTML Hungerfight Assignment - Part 1
Duration: 1 Period

Create an HTML folder in your WEB1 folder.

Begin the Web page starting on page 43.

Save in the Chapter02\ChapterFiles folder in your H:\ drive. ( i.e. Documents\WEB1\HTML\StudentDataFiles1-5\Chapter02\ChapterFiles\hungerfight.html
(Note: There are no spaces in the file name.)

If you have yet to do so, download the Student Data Files into your WEB1/HTML folder. Extract all files and save into the WEB1/HTML folder.

Note: When working with these files make sure to save them as the correct filename into the correct folder.

p. 43 - 55
5. Lecture CH2 - Part 2 p. 55 - 79
 

Read / Skim / Lecture / CH1 Power Point / CH2 Power Point

 
6.

HTML Chapter 2 Assignment, con' t.
Duration: 1/2 Period

p. 55
 

HTML Chapter 2 Assignment - Part 2
Duration: 1 Period

Continue and complete hungerfight.html. Make sure to type your name, Period, date, and class at the end of the Web page. Instructor will screen grade.

Markup Validation Service

hunger fight

Grading:
1. graphic  
2. title  
3. horizontal rule  
4. headings  
5. text alignment  
6. text formatted  
7. <!DOCTYPE>  
8. correct file name  
9. bulleted list (unordered)  
10. name, period, date, class  
Total  
 ___ 10 points
8.

HTML Apply Your Knowledge Assignment
Duration: 1/2 Period

p. 81
 

Editing the Apply Your Knowledge Web Page

Data files may be obtained from the instructor. Open apply2-1.html. Complete the Web page outlined on page 81. Save as apply2-1solution.html. Instructor will screen grade. (Note: Change to a numbered list.)

AYK2-1

Grading:
1. title  
2. headings  
3. text alignment  
4. text formatted  
5. ordered list (p 50)  
6. <!DOCTYPE>  
7. correct file name  
8. name, period, date, class  
Total  
 ___ 10 points
9. HTML Extend Your Knowledge
Duration: 1 Period
p. 82
 

Open extend2-1.html. Complete the Web page outlined on page 82 and save as
extend2-1solution.html. Instructor will screen grade.

HINTS:

  • Background: <body style="background-color: #e0e0e0">
  • Centered Headline: <h1 style="text-align: center">
  • Bold Term: <dt style="font-weight: bold">

LAb2-1

Grading:
1. title  
2. headings  
3. text alignment  
4. text formatted  
5. horizontal rule  
6. definition list (p 52)  
7. <!DOCTYPE>  
8. correct file name  
9. name, period, date, class  
Total  
 ___ 10 points
10. HTML In the Lab: Join the Drive
Duration: 1 Period
p. 84
 

Start a new HTML file with the title, lab2-1solution.html. Complete the Web page outlined on page 84. Instructor will screen grade. (NOTE: Change to Square bullets.)

LAb2-1

Grading:
1. title  
2. headings  
3. text alignment  
4. text formatted  
5. horizontal rule  
6. square unordered list (p 49)  
7. <!DOCTYPE>  
8. correct file name  
9. name, period, date, class  
Total  
 ___ 10 points
 
11. Optional – Complete the Online Practice Test  
12.

CH2 Multiple Choice Quiz
CH2 Production Quiz

style="list-style-type: _______"

small quiz

Grading:
1. <!DOCTYPE> / title  
2. heading/size  
3. horizontal rule/size  
4. three web site types  
5. three types of lists  
6. three types of images  
7. ordered list (2)  
8. unordered list with the ordered list - disc's, letters, squares  
9. image  
10. name, period, date, class / no space in filename in right folder  
Total  
 ___ 10 points

 

 

Additional Resources

A.

Online Textbook Resource
http://oc.course.com/sc/html6e/index.cfm?action=learn


top