CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site...
-
Upload
johnathan-obrien -
Category
Documents
-
view
216 -
download
0
Transcript of CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site...
![Page 1: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/1.jpg)
CAREER WEB PAGE DESIGN
Name
![Page 2: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/2.jpg)
View Rubric for detailed information and grading scale
Web Site Criteria
![Page 3: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/3.jpg)
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)
![Page 4: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/4.jpg)
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
![Page 5: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/5.jpg)
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)
![Page 6: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/6.jpg)
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
![Page 7: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/7.jpg)
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
![Page 8: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/8.jpg)
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
![Page 9: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/9.jpg)
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
![Page 10: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/10.jpg)
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
![Page 11: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/11.jpg)
Logo.htm
![Page 12: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/12.jpg)
Menu.htm
![Page 13: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/13.jpg)
Header.htm
![Page 14: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/14.jpg)
Career.htm
![Page 15: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/15.jpg)
Index.htm
![Page 16: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/16.jpg)
Nature.htm
![Page 17: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/17.jpg)
Training.htm
![Page 18: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/18.jpg)
Outlook.htm
![Page 19: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/19.jpg)
Earnings.htm
![Page 20: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/20.jpg)
Realted.htm
![Page 21: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/21.jpg)
Feedback.htm
![Page 22: CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.](https://reader036.fdocuments.in/reader036/viewer/2022062408/56649ea45503460f94ba873e/html5/thumbnails/22.jpg)
Works Cited.htm