Presentation is loading. Please wait.

Presentation is loading. Please wait.

Final Exam Fall 2012. Introduction Given the page layouts on charts 5 - 8, use Dreamweaver to implement two pages, index.html and oregon.html. Find Final.

Similar presentations


Presentation on theme: "Final Exam Fall 2012. Introduction Given the page layouts on charts 5 - 8, use Dreamweaver to implement two pages, index.html and oregon.html. Find Final."— Presentation transcript:

1 Final Exam Fall 2012

2 Introduction Given the page layouts on charts 5 - 8, use Dreamweaver to implement two pages, index.html and oregon.html. Find Final Exam at the Content tab in Blackboard. Download file Final.zip and unzip it. This should product the directory structure and all the files you need. Final Folder: home folder that contains Index.html images subfolder: used for images files subfolder: used for other html files scripts subfolder: used for layout.css Truetravel.docx: text for #main on index.html page OregonMain.doc: text for #main on oregon.html Company name is True Travel addresses are and Be sure to put a Title on each web page index.html is provided in folder Final. Open that page. It is blank, you will use it as your home page. Create layout.css and save it in subfolder scripts Create a second page, name it oregon.html and save it in subfolder files. 2

3 Introduction The following images are provided in images subfolder: tn_P11.jpg tn_P14.jpg tn_P19.jpg tn_P20.jpg tn_P23.jpg tn_P31.jpg tn_P34.jpg 3

4 Problem Statement Complete the following: Open index.html Fill in the Title field with True Travel It is blank, you will use it as your home page. Follow the directions on slides 5 – 7 to create the page. Create a link from Oregon on the leftMenu to oregon.html in files subfolder Create a link from Yosemite on the leftMenu to yosemite.html in files subfolder Create a link from Hawaii on the leftMenu to hawaii.html in files subfolder In the footer, make an Put the images in the designated places If you have not done so, create oregon.html and save it in the files folder Follow the directions on slide 8 to create the page. Create a link from Home on leftMenu to index.html in Final folder Create a link from Yosemite on the leftMenu to yosemite.html in files subfolder Create a link from Hawaii on the leftMenu to hawaii.html in files subfolder In the footer, make an Put the images in the designated places Rezip the folder Final as FinalAnswer.zip Upload folder FinalAnswer.zip to your account on BlackBoard 4

5 index.html page Create a CSS for the following areas: #header font-size: 36px; color: #FFFFFF; background-color: #002664; vertical-align: middle; position: absolute; height: 115px; width: 100%; left: 0px; top: 0px; #redBar background-color: #BB133E; position: absolute; height: 30px; width: 680px; left: 0px; top: 120px; color: #FFFFFF; font-size: 24px; font-style: italic True Travel Contact Web Page Administrator at This page last updated on: November 30, 2012 We take you where you want to go Content from Truetravel.docx goes here Home Oregon Yosemite Hawaii tn_P20.jpg 5

6 index.html page Create a CSS for the following areas: #leftMenu line-height: normal; background-color: #3399FF; position: absolute; height: 540px; width: 150px; left: 0px; top: 155px; color: #FFFFFF; font-size: 24px; #main line-height: 20px; background-color: #FFFFFF; height: 540px; width: 500px; padding-left: 10px; overflow: auto; position: absolute; left: 160px; top: 155px; font-size: 18px; padding-right: 10px; Contact Web Page Administrator at This page last updated on: November 30, 2012 True Travel We take you where you want to go 6 Content from Truetravel.docx goes here Home Oregon Yosemite Hawaii

7 index.html page Contact Web Page Administrator at This page last updated on November 30, 2012 Create a CSS for the following areas: #rightMenu background-color: #00CC00; position: absolute; height: 575px; width: 150px; left: 685px; top: 120px; #footer font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; background-color: #FFFF66; text-align: left; vertical-align: middle; position: absolute; height: 52px; width: 100%; left: 0px; top: 700px; line-height: 1 multiple; True Travel We take you where you want to go tn_P11.jpg tn_P34.jpg tn_P31.jpg 7 Content from Truetravel.docx goes here Home Oregon Yosemite Hawaii

8 oregon.html page Oregon Coast Create a CSS for the following areas: #header #redBar #leftMenu #main #rightMenu #footer Images tn_P19.jpg tn_P14.jpg tn_P20.jpg tn_P23.jpg Contact Web Page Administrator at This page last updated on: November 30, 2012 Coast Crater Lake Corvallis 8 Content from oregon.docx goes here Home Oregon Yosemite Hawaii


Download ppt "Final Exam Fall 2012. Introduction Given the page layouts on charts 5 - 8, use Dreamweaver to implement two pages, index.html and oregon.html. Find Final."

Similar presentations


Ads by Google