INLS261 Tools for Information Literacy

[HTML] [CSS] [editors] [optional lab] [CGI] [design] [lab]

Task 02 - Web Sites

Task - create a multi-level personal web site

1. create an interim hard-coded home page

You will start by creating an initial hard-coded homepage, a page we will use in class to practice other skills. This may be the basis of your permanent page [described below], but it does not have to be. You may wish to use it solely for HTML practice in class, but create a totally individualized web site according the specs below. Place this page in your password protected directory by 0800 on Thursday, 14 September, and tell me to look at it via an email.

2. your main task will be to create a fuller, multi-level personal web site

If you already have one, you may modify it to meet these specifications, or your may keep it as it is and instead create a new site according to these specifications and store it in a special directory, separate from your current web site.

You will prepare a web presence for yourselves, one that will make it easy for clients to know you, your current interests, and your skills.

[top]

Condition

everything in this task is something we will have demonstrated and/or tried in class.

You may use any program you want to do this task (you may use a simple text editor or an html editor, like FrontPage or 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.

You will create a web site for use in your work with this and other classes. In its structure, your site will look something like this diagram.

In particular, it will include the following:

a top level home page that will incorporate at least your name, your email address [which can be hidden in the underlying code or saved as an image] and links to all the other pages on your web site (and anything else you want to include on it)
a second level on-line résumé. It may be real or imaginary, but it needs to be somewhat professional. It can be either an html page or a link to a pdf page.
a a second level page that lists all the courses you are currently taking (even if this is only this one). Put links on this page to the home pages for each class you are taking so that you can always find the bookmark for your class pages.
- a third level blank page for each of Tasks 3-6. For Tasks 3-6, you complete your tasks by posting them on your web page and telling me that they are there.
- you will put an image on each of these pages and the image will be hyperlinked to a file in your password protected directory
a second level page that introduces topics or items of interest to you. If you wish, it may have subordinate pages as well
- this second level page should incorporate a list of your ten most influential works, similar to this model, but you can use the interests page as a palate to place anything you want on it
- you may also use it as a second level gateway to any number of additional third level pages for each of your interests.
  [top]

Standard

Pay attention to ATN's 14 Web Commandments as you design your site.

Look and feel

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 buttons) to ensure the user can navigate throughout your site
every page in the site should have hyperlinks to your home page
all pages should have links to other pages on the same level in the site structure. In our example above,
- resume should have links to home, classes, and interests
- classes should have links to home, resume, and interests
- interests should have links to home, resume, and classes
all pages should have links to pages one level below it in the site structure. In our example above,
- home would have links to resume, classes, and interests
- classes would have links to each of the four task pages
all pages should have links to pages one level above it in the site structure
- the links to home will suffice for this requirement for resume, classes, and interests
- each of the task pages should have a link to the classes page and to the home page

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 and tell me that it is ready for viewing and tell me your Isis UserID (or Onyen) 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 your home page. (this means your home page should be named index.htm)

[top]