Website Assignment

(This project is worth 45 points.)


Purpose

No one can truly appreciate the effort it takes to create a website until they've written some web pages themselves.  While it isn't a goal of this course to turn you into a professional web developer you should learn how to create basic web pages without fancy tools.  (Such tools rarely create web pages as good as a human can “by hand”.)


Assignment Directions

Each student will design and create a simple three page website to be posted on the HCC student server using FTPDownload this version of WS-FTP-le FTP software which is available free for student use.  You can get the latest version, or other free FTP tools from the links in the Resources section of our class web page.

The content of your website (which you have previously decided on) will reflect one or more of the following:

websites will NOT contain any of the following:

It is very important to receive written permission from the owner if you want to use someone else's intellectual property on your website.  See this Warning from our Dean for what can happen if you use someone's property without permission.  There are links to websites with free public domain (open source) media you can use without permission, in the Resources section of our class web page.

The assignment must be based on the Website Concept project submitted earlier.  The student will use FTP to upload the completed assignment to the student web server at dmclass01.hccfl.edu as explained below.

Minimum Content

The site will contain at least the following (NOTE!  Everything MUST be contained within the folder assigned to you, which was created by your instructor):

Notes:

Keep your media files small.  Space is limited on the student web server, and you won't be graded on the quality of your multimedia.

Your website should include the images and media; that is, don't use the URL to an external image in your IMG tags.  (It may help to review what you did for the Images project.)

When a person clicks a link to a folder (that is, the URL ends with a slash and not a file name), the web server usually returns some pre-selected web page, rather than list the files within the folder.  Most web servers look for a web page named “index.htm” or “index.html”.  This is why it is very important that you name your main page “index.htm”.  If you don't, the link to your website will display either a list of files, or an error message!

You can check out what past CGS-1555 students have done for this project.  (Last term's student website projects can be found at the HCC Student server.)


Submission Instructions

After you've created your website according to the directions above, you will upload (with FTP) the assignment HTML (web page) files and the image files directly to the dmclass01.hccfl.edu server into the directory assigned to you.  For example, if you were assigned the folder “net100”, you upload to the folder called “/net100” on the “host” (another term for “server”) dmclass01.hccfl.edu, via FTPAll links must be tested after uploading and must work.

To download files from the Internet to your (home) computer, it is enough to use FTP as an anonymous user.  But to upload documents to some server (host) you must supply a valid user name and password.  This PowerPoint presentation will walk you through the details of using FTP.  It shows the use of the free FTP program available from our class website Resources section.

The user name (folder name) and password will be sent to each student in the feedback comments for the website concept project, once that is completed.

Any content not the original work of the student (JavaScripts, Java Applets, images, etc.) shall credit the author.  Credit shall be on the page (or in the HTML page as an HTML comment) as may be required by the author or copyright holder.

A single folder with a name similar to “net100”, created for you by your instructor, will contain all the web site contents including all HTML files, images, sub-folders (if any; this is allowed by discouraged), etc.  For example, Wayne Pollock's website is contained in the folder /net100fa on the server dmclass01.hccfl.edu, so the URL of that website is http://dmclass01.hccfl.edu/net100/.

If you don't see your own folder's contents showing in the FTP tool, you may have to change folders.  How you do that depends on which FTP software you are using.  Please don't hesitate to ask for help if you need any!

Please refer to the CGS 1555 index of student pages for your section; it will have a link for your name to your correct folder.

Important Note:

When you have finished uploading (and testing!) your website, you must then submit a single sentence via the drop-box, stating the website is complete and ready to be graded.  No website assignment will be graded until receipt of this notice.


Other Requirements and Hints

Automated Web design tools and/or sites such as Homestead, Dreamweaver, Microsoft Word's “save as web page” feature, FrontPage, Amaya, or Nvu MAY NOT be used.  Pages must be created using a text editor such Notepad, Textpad, Vim, etc., where you type in the HTML tags and text yourself.

Rather than start completely from scratch, you can save a copy of an existing web page and edit that.  Here is a good sample basic HTML page you can use.

Remember the top-level, or entry page to your website must be named “index.htm”.  Your other pages, images, applets, etc. can be named anything you wish so long as the IMG and other HTML tags use the correct names.  Note that spaces should not be used in any file names on a website, or the URLs will need to be URL encoded to work properly on all web browsers.  Just rename all files to simple, short names and you won't have any problems.

While you can create sub-folders in your website, for this assignment it is recommended you keep things simple.  Just put all your HTML files, image and other media files, in the single folder.  Just as was recommended for the Images project.)

A backup copy of your whole website should be retained on your home computer.  This may be needed if the on-line copy gets accidentally deleted.  (You can keep the whole website as a single ZIP file.)

Sometimes your web browser is set for “high security”, and disables JavaScript and/or Java applets.  This seems to be more of a problem with Internet Explorer than with Firefox, Opera, Safari, or Google Chrome.  You can try a different web browser and see if that solves the problem.  Read these directions to enable JavaScript for various browsers.  You can also read these directions to enable Java Applets for various browsers.

The FTP tool can be used to upload files, but you can also use it to delete files, rename files, create sub-folders (sub-directories), etc.

If you discover an error in some page you've uploaded, you can make a change to the copy on your (local) hard disk and upload it again.  The new version will replace the original one.  (You may need to “refresh” (or “reload”) the page in your web browser to see the change.)

A common error is to use URLs that refer to web pages and image files on your home computer.  This may appear to work fine at home.  But once you upload your HTML pages, any links from the web server to your home computer won't work!  This happens most often to students who use MS Word or a similar tool to create their website, rather than creating the web pages “by hand” using a text editor.  If you keep all your files in a single folders as recommended above, then all the URLs should just be simple file names.  Then your website will work no matter which computer it is on!

The sample web pages and links on our class resources web page will be useful to you.  Feel free to download and modify any of my sample pages.

You can find other sample web pages in the class resources, as well as links to websites where you can download free JavaScripts, Java applets, and images.  (Or use your amazing new Internet searching skills to find freely usable images or other content you can use.)

In addition to your book and the on-line tutorials, your instructor will be happy to assist you with this assignment.  Also, you can post specific questions to the class discussion board if you are having trouble with some HTML or with using FTP.


Copyright ©2008–2013 by Wayne Pollock