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!
  1. Follow the procedures here for setting up your webspace. It might already exist. Be careful.
  2. 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.
  3. 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:
    • <b>
    • <i>
    • <u>
    • <font>
    • <center>
    • any of the other deprecated tags
    instead, use CSS styles as in my exampe below (use "view source") to see my html & CSS.
  4. Open a browser (IE, Edge, Firefox or Chrome) and test your webpage, by going to
    bingweb.binghamton.edu/~xxxxx
    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) you desire.
    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

Binghamton University Homepage
for
your name here
picture of something here
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".