Lab 1 – Creating a Web Page

CSCE 102

General information

Read the entire assignment before you start. You will need to save the file in the correct directory (folder) as soon as you type the first few tags so that you can test it as you work and so that you don’t loose your work if the system goes down. Include the closing tags when you enter the opening tags so that you will not forget them. If you are missing the closing html tag, </html>, or the closing body tag,</body>, it may not work or it may work now but not after you add other tags. Always maintain backup copies of your work.

  • The work you turn in is to be your work, not copied from someone else or from the web.
  • Never allow anyone access to your files
  • Never give anyone your password.
  • Never share your USB memory, etc.
  • Never give anyone a printed copy of your file.
  • Never allow anyone to copy your work.

Creating the ‘myhomepage.html’ page: (due at end of lab, print the code and turn it in at the end of lab)

In this lab, you will create a web page using the text editor, Notepad. Using any type of HTML editor for this class is not allowed. Never write your code in Microsoft Word. Code copied from Word and put into Notepad will cause you trouble.Name your file myhomepage.html.

* It is important that you name this web page exactly the name given.

This page must include:

  • TheDocument Type Definition (DTD); Do not copy and paste it into notepad; copying from Word causes problems. Never copy code from Word into Notepad.

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"">

This contains an error on page 31 in your text.

  • The three required XHTML tags (<html>, <head>, <body>)and their closing tags. Remember to include the XML namespace in the opening <html> tag from page 31.
  • An XHTML comment immediately following the openinghead tag that includestoday’s date, your name, and section number
  • An XHTML comment within the body element that contains your user id (login name), the name of your lab instructor, and the name of your lecture instructor for CSCE 102.
  • An appropriate title, using the <title> tag.
  • Your name using an h3 tag.
  • Your email address using an h2 tag.
  • Today’s date using another heading tag (<h1>, <h4>, <h5>, or <h6>).
  • Your section number and lab instructor’s name displayed on the page using another heading tag(<h1>, <h2>, <h3>, <h4>, <h5, or <h6>).
  • A short paragraph about you.
  • An XHTML comment immediately before the closing body tag that contains your name, today’s date, dorm name or street address, and hometown.

*Saving this File:

  1. Create folder on your H: drive called myLabs.
  2. Save this file as myhomepage.htmlin themyLabsfolder on your H: drive.

Note:

You will add a link (which we will discuss later) to this page for each lab you are assigned this semester. We will also be making modifications to this page as the semester progresses. You will be required to keep this file up to date throughout the semester.

Lab 1a – More tags

Create another HTML document

It must include:

  • TheDocument Type Definitiongiven above.
  • The three required XHTML tags (<html> <head> <body>) with their closing tags. Remember to include the XML namespace in the opening <html> tag. Save the file. (*See the information below for saving this file.)
  • Insert comment immediately following the opening head tag that includes today’s date, your name, and section number.
  • A title; using the <title> tag, put Lab 1followed by your nameand your section number in the title.
  • Insert a comment immediately after the opening body tag that contains your full name, email address and today’s date.

NOTE: The information above will be required for every HTML page you create for this class

Trying more tags:

  • A few paragraphs about your experience with computers. Use the following tags at least once: em, strong, br, big, small.
  • Insert one blank line by inserting break tags (<br /).(How many break tags did you need?)
  • Quote six lines fromyour favorite poem; use the blockquote element. (If you can’t remember the words, look on the web.)
  • Use the <h1> tag to display the title of the poem.
  • Use the <h2> tag to display the author of the poem.
  • Display your name and email address at the bottom of the page using an h4 tag.

*Saving this file:

Save this file in your myLabsfolder.

Name the file lab1xx where xx are your first and last initial. So John Smith’s file would be named lab1js.html