For this assignment you will create 2 HTML files. You will name the first file either INDEX.HTML or DEFAULT.HTML. You will name the second file using any file name of your choice. Save these files on disk using the instructions in this assignment and follow the instructions at the bottom of this page for uploading to a web account for grading. (Your in-class instructor may also require a printout of all files for this assignment. Please check with your instructor. Distance education students do not supply printouts.)
General instructions for both files: [2 marks 1 mark per file]
Using embedded style sheet settings in each file (use the same settings for both files) for this assignment, make the following settings: [3 marks]
For the first file named either index.html or default.html (your choice), create the web page (as displayed in the following image) that contains the following elements: [6 marks total]
group the items as displayed in the image below [2 marks]
Create a second HTML file using a file name of your choice. Choose a "theme" name for this page and include this theme in a heading at top of page. This web page will have a heading and two sections in the page. [7 marks total]
NOTE: Images used on web sites have an assumed copyright, even if it does not explicitly state that fact. You may only use images from a web site if you have permission to use them.
General page features: [2 marks]
CSS (embedded at the top of the page) using the same settings (as you used in the surfer web page)
include links pointing to each anchor for each section of the page. Include an anchor at the top of the page.
two sub-headings, one for each of the two sections of the page - heading size 2
a horizontal line separating the two sections
include an anchor for each section of the page. Include a link pointing to the anchor at the top of the page at the end of each page section.
<html> <head> <title>The Porcupine Source</head> <title> <body> <div align="centre"> <h2>The Porcupine Source<h1> <p>Welcome to our online catalogue that lists over 200 Porcupine-related products. <hr> Click <a href="catalog.html >here</href> to see our Catalogue. </body> </hmtl>
Second page section: [2 marks]
Include a short paragraph (more than one sentence) about your page theme.
at least two hypertext links to remote sites on the Internet that relate to your page theme.
at least two images that relate to your page theme. Include an alternate text setting for each image.
Include a multimedia feature somewhere in this section of the page. You may use the video clip "disgruntled.wmv" (from the supplied assignment file) or any other multimedia file that you may have (audio or video). This multimedia file should be a local file (uploaded into your web account) not a link to remote site (such as youtube).
If you use the disgruntled.wmv file, note that this multimedia file only works from your web account, not on your local computer. After writing your code, you will have to upload your files into that account to test it and see it working. Here are some settings:
one local hyperlink to your other file for this assignment (either INDEX.HTML or DEFAULT.HTML).
Obtain a web account from your instructor. In that account, make a folder named "surfer" and upload all of the files (HTML, multimedia and image files) for this assignment into that folder in your account on "nexus". [2 marks]
Return to main page