1. CAREER WEB PAGE DESIGN Name

2. View Rubric for detailed information and grading scale Web Site Criteria

3. Web Site Design Criteria – Frame Files Create a Styles01.css for the Web Site 1 Create a frame definition file to define the layout of the frames for your home Web page (index.htm) to display four frames (Refer to Lab 6-3) 2 Add an appropriate image to the first frame (top left—logo.htm) 3  Link your home page to all of your Web pages using a navigation menu in the second frame (menu.htm)  All pages should open in the career.htm frame  Eight menu hyperlinks (1 link to the career.htm frame; 5 topics; 1 link to the Feedback Form; 1 link to the Works Cited)

4. Web Site Design Criteria – Frame Files 4567845678 Use header text (h1, etc.)in the third frame (top right— header.htm) with the following attributes: Include: font color font face (typeface other than default) bold size 9 Add text that explains the purpose of your Web site in the fourth frame (home.htm) 10 Lock the borders of your frames 11Add a link to your email address

5. Web Site Design Criteria - ALL 12 Add the same background (color or theme) to all linked Web pages; exception can be the index.htm page 13 Link all Web pages back to home.htm (add the link to the bottom of all Web pages) 13.5Link all Web pages To Top (add the link to the bottom of all Web pages)

6. Web Site Design Criteria These items only need to appear once throughout the web site 14  Add a link to another Web site—a reference page on the topic of that page—that opens in a NEW page (target="new_page") (Make sure your hyperlink text is not the URL to the Website; add an appropriate text or image link) 15 16  Set link targets on a long page (bookmarks); subtopics of the page  Add hyperlinks to those link targets (horizontal link bar at top of the page) 17 18  Add link target to the top of a page  Add hyperlink(s) to navigate to the top of that page

7. Web Site Design Criteria These items only need to appear once throughout the web site 19 20  Add an appropriate image/graphic (corresponds with topic) with wrapped text  Clear the wrapped text 21  Add either an ordered or unordered list with appropriate tags 22  Add a horizontal rule

8. Web Site Design Criteria These items only need to appear once throughout the web site 23 24 25 26  Add a table with a minimum of three columns Include: No border One columnspan or rowspan Color added to one row

9. Web Site Design Criteria These items only need to appear once throughout the web site 27 28 29 30 31  Add a Web page form (as your last page) asking for feedback on your Web site design. The Action attribute should specify that the form will be sent by e-mail to your e-mail address (method = “post”) Include: Either a text box(es) or textarea Check box(es) Radio button(es) Selection menu 32  At least two Fieldset controls to create groupings

10. Web Site Design and Structure  Below you will determine which elements you will include on each of the.htm files  Elements are broken into categories  Frame files  All  Only once  Determine the elements that you will use listed on the pages below  Design your given pages

11. Logo.htm

12. Menu.htm

13. Header.htm

14. Career.htm

15. Index.htm

16. Nature.htm

17. Training.htm

18. Outlook.htm

19. Earnings.htm

20. Realted.htm

21. Feedback.htm

22. Works Cited.htm