This work
is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
home & schedule | syllabus | contact | grades
Once you are comfortable with hard coding,
you will create a web site for this class and, possibly, for your future use.
Follow the guidelines on this page to create a site
that will include separate pages (or sections) for each of your succeeding tasks (03, 04, and 05),
as you will link those completed tasks to their page, when you have completed them.
You may use any applicable tool to do this task. You may hard code your site using only a text editor, like Brackets or Notepad ++. You may use an HTML editor - any free editor or commercial editors 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.
We will consider several models to look at for ideas. You may make your site exactly like the examples if you wish, but we hope that you will find this task useful enough to custom-build your sites to meet your own needs and design ideas.
You may build upon your hard-coded initial page, or you may use a template to create an entirely different look. But the site must meet the conditions specified for this task.
You will create a web site for use in your work with this and other classes. In its logical structure, your site will look something like this diagram (which, coincidentally, is an image map so you can click on any page and go directly to it).
that 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 web 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
Every page should have some way to alert users when the page was last updated
use hyperlinks (either as text or as linked image objects) to ensure the user can navigate throughout your site.
Add at least one example of a server side script and at least one example of a client side script somewhere on your site.
At a minimum, your home page must validate using the W3C Markup Validation Service and the W3C CSS Validation Service. It must validate in order to get any points for this component. If it doesn't validate, the W3C tool will point out the line of code where the invalid code is located.
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 use your SFTP tool to publish it to Opal, publish the entire folder.
After you have published your web site, post a note in Sakai announcing that it is ready for viewing (include its full URL). When one types in http://opal.ils.unc.edu/~yourOnyen/yourDirectoryName it should open up your home page. This means your home page should be named index.htm or index.html.