Basic Home Page Assignment
Nothing to hand in.
The webpage will be graded directly from a browser.
Note: all webpages MUST work in BOTH
IE and Firefox.
Late assignments will receive a zero!
- Follow the procedures here for setting up
your webspace. It might already exist. Be careful.
- Open Notepad for PC users or textedit for MAC users(be careful, do NOT use Word or Wordpad) and enter the HTML for YOUR homepage.
Be sure you follow the example below. You may NOT use a regular Word Processor such as Word! ONLY a plaintext editor.
- Use "save as..." and pick the type "html" to save the file with the name "index.html".
Do NOT save it as a "doc" or "docx" file!! Click onthe button to specify a type of "all files *.*"
and explicitly type the ".html" after the name.
Be careful you do not end up with something like index.html.txt or index.txt.html.
index.html is the ONLY name that works and it MUST be spelled in lowercase!!
Remember that all your webpages MUST be INSIDE your public_html folder on your H: drive.
(The H: drive is available to your account from anywhere in the world.)
You may NOT use any of the following tags:
instead, use CSS styles as in my exampe below (use "view source") to see my html & CSS.
- any of the other deprecated tags
- Open a browser (IE, Edge, Firefox or Chrome) and test your webpage, by going to
where the "x"'s are replaced by YOUR ID.
If it doesn't work, fix it. Be sure it contains ALL
the same information in the same order as my SAMPLE
PAGE below. You can format it with any type-face, color or background (wallpaper)
CAUTION: some wallpapers have designs that make text
hard to read. Check it out!
You ARE required to make the bordered
box as shown in the example. You can do it with a table tag
The image below is what your page should look like. NOTICE that the bordered area or table if you use one, does NOT
extend to the edges of the screen. It has non-zero margins, which you can set with your CSS.
You may use ANY colors, fonts and sizes you wish, but you must use CSS styles
and all the items (from top to bottom) must be in the order shown.
Be sure to use YOUR OWN name. Remember that there is a DIFFERENCE between align:center and text-align:center.
The text-align:center style is for the CONTENT of a text element (such as a table data element or a paragraph).
Sample page follows
I have used MY OWN CSS class to center the table. Look at the source of this page for hints.
In your browser, right click on this page and select "view source".
| Binghamton University Homepage |
| for |
| your name here |
| picture of something here |