Starting a Web Page

  • Sample Starter index.html
  • Suggested web page format for 1st quarter

    Steps to take:
    1. Create a web-docs directory:
      • Run the script: ~edanaher/mkweb-docs
      • Go into this web-docs directory:
      • cd web-docs ("change directory web-docs")
    2. Create a "techlab" directory inside of the web-docs directory:
      • mkdir techlab
      • Go into this techlab directory:
      • cd techlab
    3. With an editor, write a file called index.html
      - Sample index.html
    4. To save a "screen shot" of your project:
      • Run the program called gimp (the first time, gimp will install itself)
      • From the "File" menu, choose "Acquire", then "Screen shot".
      • isolate the window of your project running, so there are no overlapping windows on it.
      • click the mouse on the window of your project. Wait a few seconds,
        and gimp make a copy. Save the file as type "jpg". This will be the
        image file that is loaded in Project1.html
    5. To view your webpage, use this this url:
      • http://www.tjhsst.edu/~username/techlab/
      • This should load your index.html file, which can then link to your project screenshots.
    6. Sample student's format for your webpage. (from Kelly Geoghegan, '03)
      View the source code