Instructors:
Donald E. Mullins
Carlyle C. Brewster
Lectures:
Wed, 11:15 am-12:05 pm
221 & 301A Price Hall
Laboratories:
Thurs, 12:30 pm - 3:20 pm
300B & 301A Price Hall
Course Info:
ALS 5204
Index #96070
3 Credit Hours
Webpage Updated:
WWW Contact:
Webmaster
Lab 3: WWW Technology 1
Objectives:
  1. Learn about the basics of HTML, Web Pages, and Web Sites.
  2. Become familar with Macromedia Dreamweaver, the software you will use to develop your web site.
  3. Learn about strategies for Web Site Management
  4. Design a structure for your Web Site
  5. Create a simple home page for your site
  6. Create directories (folders) to hold your files
  7. Create an HTML document for (at least one) of your Class Journal Pages
  8. Learn how to add links to your home page to your other pages (implementing your site model)
  9. Upload your files and folders to the Web Server

Need help with HTML & WWW? Go to Resources

Procedure:

  1. Quick Start Notes: Set up your Local and Remote sites in Dreamweaver
  2. Get your hands dirty - build a simple web page! Based on a standard template for all HTML documents

  3. Quick review of Basic Steps in Web Design & Design Considerations - what do the Gurus say?

  4. Create a Diagram of your website. Include at least:
    • A home page
    • A page or section for your class journal
    • A page or section for your electronic portfolio
    • A page or section for your assignments

  5. Look at your web site - what do you see? What is the URL of your site?

  6. Create a Folder on your computer to hold your site pages (Local Site). Later you will copy files from your Local Site to a folder on the server (the Remote Site). Call the Local Site "mySite" or any other name that will identfy the site as yours

  7. Create new folders inside "mySite" to hold different types of files you will create (e.g., "images", "journal", "assignments", "portfolio").

  8. Use the browser to open the new folder - what do you see?

  9. Use SimpleText to create your Site's index.html page (the home page) and one or two more pages from your design.

  10. View your site using your Browser by opening the file or "page". What changed?

  11. Move everything inside your "mySite" folder (directory) to the Server
    • Use the FTP client in Dreamweaver to create directories and to move files to your class account on the Remote Site.
  12. Test the site. Try typing in your URL directly. Try linking through the class page under "Student Sites"
    • URLs for all RIS student pages:
      http://aries.ento.vt.edu/ris/2004/students/path/filename.html
    • path = pid

Lab Assignment

Have your web site functional by October 05th, so that we can begin evaluating your Class Journal Entries.