<%@LANGUAGE="VBSCRIPT" %> <% Response.CacheControl = "no-cache" %>
Lab 1

Details:

This lab is just a little exercise to get you back into the swing of web development. It also serves as a quick way to get everybody set up on the web server and ready for the semester.

Expand/Collapse Section ImageExercise Specifications

  1. Set up your account on the server to host HTML5, PHP, etc
    • Your instructor will create personal storage space for you on
      \\cgtweb1.tech.purdue.edu\ where you will be able to develop, test, and store all of your labs and projects.
    • Only you will be able to view your materials. Other students will not be able to view your materials. The instructor also has access to view your materials.
    • Keep in mind - After this semester, all files will be removed from the storage space. This means you must backup your files in another location. As good practice, you should always backup your files in another location.
       
  2. Create a batch file
    • Open Notepad
    • Type yours similar to this (instructor will explain):

      echo off
      net use y: \\128.210.136.241\<yourFolder> <yourPass> /user:<yourLogin> /persistent:no
       
    • Save as "ConnectDrives.bat"
       
  3. Create a directory structure in your server storage space
    • Create folders for Lab01 through Lab16 (notice that's Lab01 and not Lab1)
    • Create folders for Project1 through Project3
    • These folders will remain in your storage space and will not change. This will keep your files organized. I know this may seem tedious, but if I do not require this, some students will simply store all their files in the root directory and overwrite them all the time. That is NOT a good practice and will not be condoned.
       
  4. Create a Generic HTML5 Site in your Lab01 directory using Dreamweaver
    • Nothing special, just make the two pages validate as HTML5, you don't have to do anything crazy. This is just to get you back into the habit of writing code. Use a validator to make sure your pages are HTML5 compliant.
    • Intro Page (index.html)
      • Name
      • A paragraph about yourself
      • Contact information (email address)
      • Link to your schedule page
    • Schedule Page (schedule.html)
      • Sunday through Saturday format
      • Courses and other 'mandatory' weekly events
      • Link back to your Intro page
         
  5. Get used to testing in multiple browsers. You should test in IE, Firefox, Safari, Chrome, and Opera. Every single exercise that you complete and every project that you complete should be tested in these browsers. If you do not have some of these browsers, you can download them here (or simply google "download firefox" or "safari for windows"):
    • Microsoft Internet Explorer (IE) - only available on Windows
    • Mozilla Firefox - preferred for debugging
      • Install Add-ons:
        • status-4-evar
        • HTML Validator
        • Firebug
        • HTTPFox
        • Web Developer
        • Accessibility Extension
    • Google Chrome - some tools available for debugging
      • Install Extensions:
        • Firebug Lite for Google Chrome
        • Web Developer
    • Safari for windows
       

Grading

Generic Site 4 pts
Server Folders 3 pts
Validate / Accessibility 3 pts
Total 10 pts