Web Programming 1 (Basic HTML)

In this assignment, you will be instructed to create a cover web page for your project website (see example). All aspects and requirements of your web page should be related to the your project topic. The color scheme you choose should be consistent with the images that you created for your web page (in a previous assignment).

Getting Started

• This assignment assumes you have completed the lesson that takes you through the Khan Academy introduction to HTML and that you were logged into Khan Academy with your email address as instructed in the lesson. It further assumes that you have added your instructor as your Khan Academy Coach. There are points in this assignment that are allocated for you having done the assigned Khan material by the assigned deadline.


• Login to your cPanel account. Upon registering for this course, a hosting account has been created for each student. The hosting account gives each student access to their own web space on a remote server. This is where you will host your project website. Follow the Accessing cPanel Tutorial to login.


• Access cPanel's File Manager. Once you have logged into your cPanel account, under the "Files" heading, choose the "File Manager" icon. This assignment requires you to use cPanel's File Manager to create/upload your website files. Do not use a program that will generate a web page for you; you are expected to manually type the HTML tags as instructed in the course material.


• Use this Basic Web Page Tutorial as a guide to creating new web pages.


• Be sure to save changes to your web page after each edit you make. You should also view your live web page after each edit to be sure it appears the way you intended. Refer to the Basic Web Page Tutorial if you forgot how to view your live web page.

Create an HTML Cover Page

Edit your index.html file. From cPanel's File Manager, click on "index.html" (which is the default landing web page for your domain name) and select "Edit" (use the basic editor - not the code or html editor).

Add the following requirements to your index.html page:

1. DOCTYPE. Add the doctype for HTML5 as instructed in the video tutorials.


2. Charset. Add the utf-8 charset meta tag as instructed in the video tutorials.


3. Title. Give the document an appropriate title. Remember, the title does not appear on your actual web page, but in the tab at the top of your browser.


4. Headline. Use the largest heading tag to add the title of your project as a headline.


5. Author. Add your name as the author.


6. Line Break. Use at least one line break after the author text.


7. Animation. Add your animation (created in the Pixlr assignment). Be sure to upload the image using the File Manager.


8. ALT Attribute. Add an alt attribute to your animation image tag.


9. Smaller Headline. Use the second largest heading tag to add the text "Abstract" as a headline.


10. Abstract. Using the paragraph tag, write one paragraph describing your project topic.
    • The abstract should narrow down the overall topic to the specific subtopics that you intend to address and what impact you intend to show.
    • Use the emphasis tag at least once.
    • Use the strong tag at least once.


11. Headline. Use the second largest heading tag to add "Table of Contents" as another headline.


12. Ordered List. Create an ordered list of the sections of your website: Purpose, Effects and Impacts, Technical Aspects, Relationship To Data, References. Each section text should be a separate item in the list