For this assignment you will create 2 HTML files. You will name the first/main file either INDEX.HTML or DEFAULT.HTML. You will name the other files using any proper HTML file name of your choice. Save these files on your local computer in a subfolder using the instructions in this assignment for the content of each page. Follow the instructions at the bottom of this page to upload your assignment files to a web account for grading.
Both of your assignments in this course will form one whole web project on a theme or topic of interest to you. You may chose anything you like for your topic, for example: some sport, hobby or general topic that interests you. You will need to find some images or photos that relate to this theme. In assignment 2, you will add colour settings and background colours or images that relate to your them.
In this first assignment, you will NOT make use of any colour settings, background colours or images. All of those will be added in assignment 2 when you add in CSS (cascading style sheet) settings to provide these features. If you make use of colour settings (inside HTML tags) in this assignment, rather than from CSS settings (that you will learn later in the course), you will lose marks.
General instructions for HTML files: [4 marks 2 marks per file]
For the main HTML file named either index.html or default.html (your choice): [8 marks total]
At the top of the page, place an image that relates to the main theme of your web project. Be sure that this image has a defined "alt" attribute containing alternate text for the image. It should also have a "title" attribute set to an empty space (so that no "title" box will appear when a visitor's mouse hovers over this image). [2 marks]
This page will have 2 sections in it. Each section should have a sub-heading. The first section should contain links to each of the other web pages in this assignment. [3 marks]
The second section should contain one or two short paragraphs welcoming the visitor to your site with some information about the purpose of your web site. This will not be as detailed as the information will provide in the "about us" web page (next question) just a teaser bit of information for the visitor. [3 marks]
Create an HTML file using a file name of your choice. This web page will contain an "about us" explanation that relates to the theme of your web project. [8 marks total]
At the top of the page, place the image that you have used at the top of your first/main web page. Make this image into an image link pointing back to the main file of your web project. This image must have a defined "alt" attribute, but the "title" attribute is optional. [2 marks]
This web page will have a main heading and at least two sections in the page, each section with a sub-heading. The first section will contain a more detailed explanation of the purpose of your web site. This should explain your interest in this theme/topic or why it is something important to you. This should be at least one or two paragraphs. [3 marks]
The second section on this page should contain several hyperlinks (either hypertext links or image links) pointing to other web sites. Make use of one of the types of HTML lists to itemize these links. [3 marks]
Transfer your files to a web host computer. Here are some pointers to help you through this portion: [5 marks]
The text introduces the basics for FTP (file transfer protocol) on pages 256-259.
There are more detailed instructions on using FTP (file transfer protocol - used to upload files to a host computer) from this link: How to FTP.
Obtain a web account from your instructor on our "nexus" server. For this assignment, upload all of your files (HTML and image files) for this assignment into the top folder in your account on "nexus".
Be sure to open your work from your account on "nexus" and be sure that everything is working correctly before submitting your assignment. Your instructor will provide you with a sample URL to help you complete this step.
Send your instructor an email message with a link pointing to your account on "nexus".
Return to main page