Unit D - Day 3

Learning Goal: Implement styles to modify the font using CSS style rules

Today we will:

• Create a new Web page in your GARDEN folder called:  hours.html
• Add content so that your page looks like the example shown below
• Modify your pizza.css page to add new styles needed to create the page
•  Create an element selector to change the font for your entire document to a sans-serif font-family
• Create an id selector called #tagline that increases the font size to 1.5em serif text that is centered
• Modify the h2 style to make the text green
•  Modify the box to add a background color of #ffff33
• Validate your code at: validator.w3.org 

Links:

• Code Validator
• Unit D Notes

Unit D - Day 2

Learning Goal: Implement styles to modify the font using CSS style rules

Today we will:

• Create a new Web page in your PIZZA folder called:  history.html
• Add content so that your page looks like the example shown below
• Modify your garden.css page to add new styles needed to create the page
• Validate your code at: validator.w3.org

Links:

• Code Validator
• Unit D Notes

Unit C - Day 5

Learning Goal: Create and link to an external style sheet

Today we will:

• Create a new web page with embedded style sheet - see directions below!
• Check your codes using the code validator 
• Print out your codes and turn them in!

Links:

• Code Validator
• Unit C Notes
• Unit C Review

Unit C - Day 4

Learning Goal: Create and link to an external style sheet

Today we will:

• Create a new web page with embedded style sheet - see directions below!
• Check your codes using the code validator 
• Print out your codes and turn them in!

Links:

• Code Validator
• Unit C Notes
• Unit C Review

Unit C - Day 3

Learning Goal: Create and link to an external style sheet

Today we will:

• Open previously made document with TextEdit/Textastic - index.html in Garden Center folder
• Modify the page so that it looks like the page shown
• Create a new document : garden.css (external style sheet)
• Create new <link /> tag to link index to the new stylesheet
• Validate your code at: validator.w3.org

Links:

• Code Validator
• Unit C Notes

Unit C - Day 2

Learning Goal: Create and link to an external style sheet

Today we will:

• Open previously made document with TextEdit/Textastic - index.html in Lakeland Reeds folder
• Create new style and apply to a section of the document using the <div> tag pair
• Create a new document : styles.css (external style sheet)
• Cut all style statements out of index.html and paste onto new external style sheet
• Create new <link /> tag to link index to the new stylesheet

Practice:

1. Modify index.html from your Pizza folder.
2. Create a new stylesheet in the pizza folder:  pizza.css
3. Create the style statements necessary to make your pizza homepage look like the example shown

Unit C - Day 1

Learning Goals:  

1. Create an embedded style sheet
2. Implement element, id and class selectors

Today we will:

• Open previously made document with TextEdit/Textastic
• Add <style> tag pair w/ attributes to create an embedded style sheet
• Create element, #id and .class selector style rules and apply them to the index.html document

Homework:

1. None!

Web Design Chapter 2

Learning Goal:  Describe basic Web design principles

Today we will:

• Read Chapter 2 from WEB DESIGN; Introductory Concepts and Techniques, 3e
• During reading, complete Chapter 2 Key Terms
• After reading, Please click this link for Chapter 2 Practice Test.
  
  
  Take the practice test, put your name in the correct field at the bottom and print out your results! Please make sure they printed BEFORE closing! You may re-take the practice test as many times as you like to get the best score possible!  Staple the practice test to the Key Terms and turn it in!

Homework:

• None!

Unit B - Day 3

Learning Goal:  Create an HTML document

Today we will:

• Work on our own to start two new web sites
• Create two new folders : Pizza and Garden Center
• Create a new web page in each folder : index.html
• Add necessary elements and content to create the page shown
• *Remember to create a unique <title> for each new home page
• Your pages should look like the pages shown
• Validate your code to check for errors at:  validator.w3.org

Homework:

• None!

Unit B - Day 2

Learning Goal:  Create and Save a web page

Today we will:

• Review information from Unit B lesson
• Unit B Notes
• Create a new folder : Lakeland Reeds
• Create a new web page in folder : index.html
• Add necessary elements and content to create the page shown
• Complet the Unit B Review 

Homework:

• None!

Unit B - Day 1

Learning Goal:  Create and Save a web page

Today we will:

• Open TextEdit and set up preferences (see first post)
• Create and save document as a web page
• Add main elements necessary for all web pages
• Add content to <body> of the document

Homework:

• None!

Web Design Chapter 1

Learning Goal:  Describe the Internet and the World Wide Web

Today we will:

• Read Chapter 1 from WEB DESIGN; Introductory Concepts and Techniques, 3e
• During reading, complete Chapter 1 Key Terms
• After reading, Please click this link for Chapter 1 Practice Test.
  
  
  Take the practice test, put your name in the correct field at the bottom and print out your results! Please make sure they printed BEFORE closing! You may re-take the practice test as many times as you like to get the best score possible!  Staple the practice test to the Key Terms and turn it in!

Homework:

• None!

Web Site Evaluation

Learning Goal:  Evaluate Internet resources for reliability and validity. (IV- B.7)

Today we will:

• Discuss good and bad site design
• Complete the Web Site Evaluation

Homework:

• Web site evaluation (if you didn't finish in class)