Post on 12-Jan-2016
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