CAREER WEB PAGE DESIGN

Name

View Rubric for detailed information and grading scale

Web Site Criteria

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

4

5678

Use header text (h1, etc.)in the third frame (top right—header.htm) with the following attributes:

Include:font colorfont 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

11 Add a link to your email 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.5

Link 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)

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)

1718

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

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

Web Site Design Criteria

These items only need to appear once throughout the web site

23

242526

Add a table with a minimum of three columns

Include:No borderOne columnspan or rowspanColor added to one row

Web Site Design Criteria

These items only need to appear once throughout the web site

27

28293031

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 textareaCheck 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