CSC 170 Fall 2018 - LAB 5
Assigned W 11/14, Due M 11/26/2018


DIRECTIONS
  • In this lab, you will create your own web page, by going through a series of versions. (If you finished versions 1-4 already, start at Version 5.)
  • After each version, check that your web page displays correctly in your web browser, BEFORE starting the next version.
  • Use the class notes (PowerPoints), Computer Concepts textbook, and the HTML Tutorial by w3schools.com as references to assist you.

    VERSIONS
    1. [10 pts.] Version 1: Log on to your panther account through Putty and type goweb to create an empty web page.

    2. [10 pts.] Version 2: Type cd public_html to change the directory, then type pico index.html to edit the (empty) index.html file.
    Make the title "My Web Page" and include a heading (H1) that says "I'm on the web!".

    3. [10 pts.] Version 3: Add the DOCTYPE declaration. Add the html, head, and body tags along with the approriate closing tags.
    Change the "My" in "My Web Page" to the possessive form of your name. For example, I would change "My Web Page" to "Adam's Web Page".

    4. [10 pts.] Version 4
    a) Change the font of the word "the" in "I'm on the web!" to italics.
    b) Just before the closing body tag, type the following:
    < p > Quiz 2 will cover the following topics:
    < ul > < li > Module 3: Networks < /li >
    < li > Module 4: The Web < /li > < /ul >
    c) Link the text "Quiz 2" to the webpage http://home.adelphi.edu/~wi16133/csc170/f18/quiz2info.html

    5. [10 pts.] Version 5: In the public_html directory, type pico template.html to create another html file (called template.html). Then:
    a) Add the DOCTYPE declaration. Create html, head, and body tags along with the appropriate closing tags.
    b) Just after the head tag, create a title tag along with its closing tag.
    c) Just before the closing tag for body, type "Last Modified: 11/12/18" and place tags so this shows up in bold font. (Change 11/12/18 to whatever date you actually do this step.)
    d) Check that the template.html file displays correctly on the web. (It should only have the text "Last Modified: 11/12/18") **To view a page not called index.html on the web, you must add the name of the page after the last slash in your web address.

    6. [10 pts.] Version 6: In the public_html directory, type cp template.html aboutme.html. Then, in the file aboutme.html:
    a) Make the title "About Me". After the body tag, make the heading (H1) "About NAME" where NAME is replaced by your first name. (For example, my heading would be "About Adam".)
    b) Type at least 2 sentences about yourself. Mention that you are an Adelphi student somewhere in those sentences. Place them into an H3 tag and its corresponding closing tag.

    7. [20 pts.] Version 7: Log on to Filezilla and place this picture of the AU logo into the public_html directory.
    a) Back on putty, in the aboutme.html file, link the word Adelphi to the image of the AU logo (using "a href").
    b) Right after the body tag, type < img src="http://home.adelphi.edu/~wi16133/csc170/auLogo.jpg" > so that the AU logo appears on your webpage.
    c) Right before the body closing tag, type "Back to my main page" in an H4 tag with appropriate closing tag.
    d) Have the words "main page" link to your index.html file.
    e) Go back to your index.html file and add a link to your aboutme.html file.

    8. [20 pts.] Version 8: On your About Me page, add a table with at least 3 rows and 3 columns. The first row should be labels for the columns in bold font and the first column should be labels for the rows in bold font. The table can be about anything (i.e. a monthly calendar, your schedule this semester, a chart converting binary to decimal, inventory of a store or your pantry, people in your family and their ages, etc.)


    There is nothing to submit on Moodle for this assignment. I will access your web page through a web browser, where I will grade your page and your HTML code.


    Last Modified: 11/14/18