Agenda

Day 1

• Overview of the World Wide Web

• WWW Exercise 1--Creating a Homepage

  • w3setup
  • Viewing your page
  • editing files

• Lehigh File systems - afs, ns1, cs1

  Where to put things

• WWW Exercise 2-- File management

  • Using SCAN to view a page
  • Viewing your pages in LUNX
  • Creating a symbolic link

• Beginning HTML Elements, Tags & Structure.

  • Introduction to Elements and Tags: <X> </X>
  • Document layout elements: head, body, comments, ...
  • Formatting elements for text: p, br, headings, hr,...
  • Elements for text attributes: em, strong, b, i; big, small, font size

• WWW Exercise 3--HTML Editing

  • View and edit page in DTE on the Network Server
  • Examine structure elements in basic page- HTML, HEAD, BODY, TITLE, P
  • Add formatting and text attribute elements
  • View page in Netscape

Day 2

• Day 1 Review.

  • Exercise 1 -- Making a home page.
  • Filesystems - where to put things so they work.
  • Basic HTML Elements and Tagging.
  • Exercise 2: Editing an HTML document on the Network Server.
  • Questions From Day 1.

• Options for creating HTML files.

  • Create a text file containing HTML elements.
  • Put it in a place where the server can get to it.

• Copying and pasting from other document sources.

• Exercise 4 -- Copying a document; editing on the PC.

  • Copy document from another document source.
  • Paste into a new document in NotePad.
  • Make changes and save.
  • Reload in Netscape and view.

• Creating Hypertext Anchors and Links.

  • What are hypertext anchors and links?
  • Text anchors.
  • Named anchors

• Exercise 5 -- Creating Hypertext links.

  • Convert the list of sites in mylinks.html to links.
  • Create a link back to your main page.
  • View on Netscape.

• Uploading and downloading HTML files

• Exercise 6 -- Adding a new page to your web space.

  • Save mylinks.html.
  • Upload mylinks.html.
  • Create a link to mylinks.html from your main page.
  • View on Netscape.

• Creating Lists in HTML.

  • Ordered and Unordered Lists.
  • Definition Lists.

• Exercise 7-- Lists

• Edit document (mylinks.html) in Wordpad
• Directed placement of unordered list elements.
• View with Netscape.
• Change unordered list to definition list.
• View with Netscape
• Upload the changed file and view.

Day 3

• Review

  • Intro to basic HTML tags.
  • Hypertext anchors and links.
  • Uploading files
  • Lists

• Inserting Images

  • Images
  • Alternate text
  • Image links

• Exercise 8 -- Adding images and image links.

  • Copy an image from another directory.
  • Insert that image on your home page.
  • Add ALT attribute.
  • Link to an image located elsewhere.
  • Make a hypertext link based on an image.

• Colors and Backgrounds

• Authoring issues

• Exercise 9--Publishing your home page

• How to get more information...