IMED 1316/1416 Web Page Design 1
Assignment #2: Introduction to HTML - Index Page
- This assignment will demonstrate:
- Making an HTML page, using
the Basic Document
Structure as given in the class handout.
- Using <p>...</p> tags to separate paragraphs of text from each other.
- Using FTP or the hosting service's File Manager to upload
your index page to the Web server that you got last week.
Create a Web page in your text editor and save it as
Make sure your page has the Basic Document
Structure that is in
the class handout.
Your index.html file will eventually become
the initial page for a mini Web site. But for now, just
put at least two paragraphs of text in your index.html
page. Make sure you use <p>...</p> tags to contain
each paragraph. The text that you put in these
paragraphs can be a brief description of the site that you will eventually
build for this class, or it can be Greeking
text, or even nonsense text, as
long as it is not illegal, offensive, or defamatory in nature.
You will make your mini Web site in subsequent assignments during the
rest of the semester. Don't worry about that just yet, though.
Validate your index.html page with the W3C's
I will also be validating your page, so this validation will be part of your
Upload your index.html file to your Freehostia Web site (which you got last week). You
can use Freehostia's File Manager. Here are some important hints regarding Freehostia's
When you log in to your Freehostia account, you will see a panel with the heading Manage your sites/databases.
Click the "File Manager" icon/link.
This is MOST IMPORTANT, and failure to do this next step
is the main reason that students fail to properly upload their
pages: You must double-click the URL of your site in the File Manager's display. This double-click
is necessary because Freehostia has the capability of hosting up to five different web sites on
one account, and you need to be in the proper/desired web site before you upload your files.
After you have navigated to the correct site URL (see the above item), you will click on the big blue button
that says "UPLOAD NEW FILE(S)".
Now click on the small white button "Add Files".
Locate and select the file(s) that you want to upload (which should be only index.html for this assignment)
and then click "Open" (in most browsers).
Finally, click the large blue "Upload" button.
You can test your page on the class server by selecting the
"Student Sites" link on the class site and then clicking your
name in the bulleted list. Make sure you refresh/reload
the page with F5 to get the new version of your page!
When you are all done with this assignment, make sure you
back up your pages to multiple locations, such as
- A jump drive
- An external hard drive
- iDrive online