Unit F - Day 3

Learning Goals:  

1. Insert images as background
2. Insert images using float

Today we will:

• bout.html and history.html (Pizza Folder)with TextEdit/Textastic
• Add background images, and other images
• Modify content so your pages look like the examples below
• Use css to format the images

Homework:

1. None!

Links:

• Unit F Notes

Unit F - Day 2

Learning Goals:  

1. Insert images as background
2. Create a favicon

Today we will:

• Open index.html, about.html and rooms.html (Lakeland Reeds)with TextEdit/Textastic
• Add background images
• Add a favicon to the address bar
• Use css to format the images
• Work on Beat_Clark.html - add image as a hyperlink at the bottom

Homework:

1. None!

Links:

• Unit F Notes

Unit F - Day 1

Learning Goals:  

1. use the single sided <img> tag to insert images in a web page
2. use the <figure> and <footer> tags to float images

Today we will:

• Open index.html, about.html and rooms.html (Lakeland Reeds)with TextEdit/Textastic
• Add images with height, width, and alt attributes
• Use css to format the images

Homework:

1. None!

Links:

• Unit F Notes

Historic Figure - pt.1

Directions: Within your Web Design folder create a folder called "Historic Figure". Create a web page based on an historic figure of your choice - this does not include sports figures or people from the entertainment industry! Save your page using the person's last name as the file name (remember to include a .html file extension). This page should have an embedded style sheet.  You will need to do some Internet research about your person.

Your web page must contain the following sections:

• A"Biography" section that includes at least a paragraph (4-5 sentances) of biographical information.
• An "Accomplishments" section that outlines the person's major life accomplishments (include at least five accomplishments).
• A "Learn More About..." section that includes absolute hyperlinks to three websites that contain additional information about your subject.

Your page needs to include:

• Title: Historical Figure
• A main, centered heading at the top of the page which includes the person's name and years of life (ex: 1780-1845).
• Use of heading tags - one for each section
• Font attributes - include the use of serif and sans-serif fonts!
• Target links to the three sections and navigation to those sections at the top.
• Background color

Unit E - Day 6

Learning Goals:  

1. Create a navigation bar and apply styles using pseudo-classes

Today we will:

• Create a new document in your GARDEN folder.  Save it as:  resources.html
• Create the navigation bar (don't forget to add styles in the css) and add it to all three pages
• The link color should be yellow, the visited link color should be green and the hover color should be white
• All three pages should use the same style sheet (garden.css)

Homework:

1. None!

Links:

• Unit E Notes

Unit E - Day 5

Learning Goals:  

1. Create a navigation bar and apply styles using pseudo-classes

Today we will:

• Modify the documents in your Pizza folder (index.html, history.html, locations.html) so they look like the examples below.
• Create the navigation bar (don't forget to add styles in the css) and add it to all three pages
• The link color should be red, the visited link color should be gold and the hover color should be white
• All three pages should use the same style sheet (pizza.css)

Homework:

1. None!

Links:

• Unit E Notes

Unit E - Day 4

Learning Goals:  

1. Link to Anchors (target links)

Today we will:

• Create a new document in your Pizza folder.  Save it as :  locations.html
• Add the content and tags necessary to make the document shown below
• Create and apply styles as necessary using your pizza.css stylesheet

Homework:

1. None!

Links:

• Unit E Notes