CAREER WEB PAGE DESIGN Name

View Rubric for detailed information and grading scale Web Site Criteria

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)

Web Site Design Criteria – Frame Files 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 address

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)

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)  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)  Add link target to the top of a page  Add hyperlink(s) to navigate to the top of that page

Web Site Design Criteria These items only need to appear once throughout the web site  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

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

Web Site Design Criteria These items only need to appear once throughout the web site  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 to your 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

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

Logo.htm

Menu.htm

Header.htm

Career.htm

Index.htm

Nature.htm

Training.htm

Outlook.htm

Earnings.htm

Realted.htm

Feedback.htm

Works Cited.htm