Lab 1: Creating Your First Web Page

Instructions:

  1. Your first task is to launch Notepad, which is a free text editor that comes with the Windows operating system.

  2. There are many ways to launch Notepad:

    • You can go to the Start menu, select Run..., then type "notepad" (without the quotes) and press the Enter key
    • Or you can go to Start --> All Programs --> Accessories --> Notepad
    • The INP labs also have a shortcut to Notepad down at the very bottom of the desktop, in the quick start icons. Look for an icon that looks like a notepad and click it.
  3. Once you have Notepad open, create a simple web page using the XHTML 1.0 Transitional doctype. Copy/paste the appropriate code from Lecture 2. Provide a <title> </title> value appropriate to a first lab and your first web page.
  4. Enter a message (appropriate to a school assignment) as the text on the page then save the result by selecting File --> Save As... in Notepad. Name the file lab1.html and save it to the desktop.
  5. To view the file in the various web browsers, first launch the browsers. This can be done via the quick start icons at the bottom of the desktop or via Start --> All Programs. Look for shortcuts to most browsers in the listing for All Programs.
  6. Once you have the browsers open, you can select the "Open..." or "Open File..." options in the File menu (which then has you browse to the desired file) or you can drag the file from the desktop to the open browser window.
  7. Important: Once you have the file open in a browser, you can continue to make changes in Notepad. Save the modifications and refresh the browser window to see the changes!
  8. Then validate your code at the W3C validator (validator.w3.org) to ensure that the code is valid. Make any indicated corrections to achieve successful validation.
  9. Finally, save this file to your removable media.