Task ② ⇒ web development
a multi-level web site
This is the second component - a Pathfinder web site
You may choose the personal web site option in lieu of the Pathfinder web site.
Task
After you have completed your hard coding (subtask 02.01) and link to CSS (subtask 02.02), your main task will be to create a fuller, multi-level web site.
[top]
Condition
You may use any applicable tool to do this task. You may hard code your site using only a text editor, like Notepad or Notepad ++. You may use a familiar tool, like Microsoft Word, to create your site, paying close attention to the peculiarities of using a tool optimized for text as a tool to create web pages. You may use an html editor - any free editor or one of the editors in the lab such as Dreamweaver
You may use this as an opportunity to try out different things because the requirements for task success are fairly constrained and provide you ample experimental leeway.
You will have several models to look at for ideas. You may make your site exactly like the examples if you wish, but I hope that you will find this task useful enough to custom-build your sites to meet your own needs and design ideas.
In its structure, your site will look something like this diagram (which, coincidentally, is an image map).
In particular, it will include the following (using this material for content):
A top level home page
that will incorporate an introduction to the pathfinder topic and will incorporate at least your name, your email address [which should not be retrievable by a web crawler], and links to at least the second level pages on your Pathfinder web site.
four second level pages
- something about the scope of the pathfinder
- a page for listing the Library of Congress subject headings appropriate to the topic
- a page for listing the browsing areas in Davis Library that are relevant to the topic
- a page for introducing materials on the topic
The third level pages will be for the types of materials relevant to the Pathfinder topic.
You will need at least two third level pages, although you may choose to create eight individual third level pages (one for each type of materials). If you choose to create two pages, one must include all of the types of books except for individual texts and should have internal page links to help navigation. Whether you choose to create two pages or eight, the second one must be for books as this page will link to the fourth level pages.
The fourth level pages will be for specific subject types of books relevant to the pathfinder topic.
You may create one or six fourth level pages. If you choose to create one page, it must include all of the specific subject types of books and should have internal page links to help navigation.
Look and feel
Pay attention to ITS's 14 Web Commandments (they are about two-thirds of the way down the linked page) as you design your site.
Keep your site consistent in look. If you don't choose to use a template, at least ensure that all the pages share a similar look in terms of backgrounds, font style and color, and use of bullets.
Don't overload your home page. Keep it simple so that it loads quickly.
Navigation
Use hyperlinks (either as text or as linked image objects) to ensure the user can navigate throughout your site
Every page in the site should have hyperlinks to the home page.
All pages should have links to other pages on the same level in the site structure. In our example above,
- scope should have links to subject headings, browsing areas, and materials
- subject headings should have links to scope, browsing areas, and materials
- browsing areas should have links to scope, subject headings, and materials
- materials areas should have links to scope, subject headings, and browsing
All pages should have links to pages one level below it in the site structure. In our example above, home would
- have links to scope, subject headings, browsing areas, and materials
- materials would have links to each of the two to eight material type pages
- books would have links to each of the one to six book type pages
All pages should have links to pages one level above it in the site structure.
- each of the third level pages should have a link to its parent page and to the home page
- each of the fourth level pages should have a link to its parent page and to the home page (and may have a link to its grandparent page as well)
Saving to a server
When you create this site, create it to a folder on your computer give the folder the name you want for your site. When you publish it to Isis, publish the entire folder.
Submission
After you have published your web site, send me a note telling me that it is ready for viewing and tell me your site's URL so I can find it. When I type in http://www.unc.edu/~<yourOnyen>/ or http://www.unc.edu/~<yourOnyen>/<yourFolderName> I should open up on the introductory page for the Pathfinder. This means your home page should be named index.htm or index.html
[top]
Standard - specific guidance
The task 02 gradesheet contains the specific standards and their weighted values.
If you prefer the personal website option, you may do that instead.
[top]