Task 02 - web site design & construction
This task has two components
- subtask 2.1 is to create an initial hard-coded
homepage, a page we will use in class to practice other skills
- use the Notepad editor on any Windows computer and type in the text on the tags page of the 29 January 2009 class notes.
- save the file as index.html so that it will display as the first page in an eventual homepage directory.
- this may be the basis of your permanent page, but it does not have to be
- you may wish to use this hard-coded page solely for HTML practice in class, but create a totally individualized, fuller, multi-level personal web site according the specs below
- place this page in your public_html space by 2359 on Monday, 02 February 2008, and tell me to look at it via an email which gives me the URL to use
- this subtask component is required just to compel you to try out hard coding
- your main task will be to create a fuller, multi-level web site
that could serve as an online pathfinder
- if you wish to make your fuller, multi-level pathfinder web site from your hard-coded page, you may do so
- everything in this task is something we will have demonstrated and/or tried in class.
[top]
Condition
Prepare this task for a client. In this case, the client is me and I have certain expectations.
- You may use any program you want to do this task.
You may hard code your site using only a text editor, like 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 links to all the other pages on your web site (and anything else you want to include on it)
- 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
ATN's 14 Web Commandments 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 granparent 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>/<yourFolderName> I should open up the home page for this pathfinder site
- this means the pathfinder's 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
[top]
Last updated on
