This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.


Comp 140 - Labs




Laboratory Assignments

The Computer Science 140 lab assignments will cumulatively develop your web page development skills.
Please note - each lab write-up is tentative / subject to updates until it has been flagged with an ok. Ok

You can complete lab assignment work outside of the Camosun College lab area if you have a PC or laptop running Microsoft Windows XP/Vista/Windows 7 or Apple Mac or Linux, and internet access. The software tools you can use include a text editor capable of syntax highlighting such as NotePad++ 3.5 (free) or Textpad (trial) and either SSH or WinSCP (recommended) to establish remote connection to CST's asimov and deepblue servers. HTML editors like Kompozer can be used after lab 2. Adobe's Flash and DreamWeaver software can be downloaded on a 30-day try-before-you-buy basis.

Do not use Microsoft Word to create your lab HTML files! Microsoft Office products support HTML conversion but they do so by adding an excess of overhead HTML making the files harder to decipher later on.

Ready?   Due Date
ready Lab 0 - Installing Apache web server PDF       Lab FAQ This lab is not for marking, just for your education and become acquainted with using the lab computers.

ready Lab 1 - Introduction to WinSCP, HTML and web publishing PDF, PDF.       Lab FAQ

Your DreamSpark registration will have provided you with your personal deepblue account number and password.

Definitions of terms used in the lab as a PDF, or in HTML may be helpful to you.

The optional pre-lab questions PDF, and their answers PDF. The pre-lab review questions are designed to help you identify any topic or area you need to know prior to performing the lab -- the pre-lab work is not for marks -- you may work with others in the lab to discuss the answers.

The answers to the prelab questions are found either in your lecture notes, the textbook, or in the lab write-up. When in doubt, contact your instructor!

Optional: the smiley.ico icon link -- right click on link and select "Save As"
start of the lab class week of Oct 8-11

ready Lab 2 - Creating a web site       Lab FAQ

- images - copy these to your H:\comp140\lab02\PizzaPalace\images folder as directed in the lab write-up.
tomato.jpg,
pineapple.jpg,
greenpepper.jpg,
mushrooms.jpg,
pepperoni.jpg,
pepperoni_pizza.png.
Or the zip file with all of the lab images.
start of the lab class week of Oct 15-18

ready Lab 3 - CSS styles       Lab FAQ start of the lab class week of Oct 23-25

ready Lab 4 - Form

images zip file

For the optional part (not a bonus): if you have extra time and would like to try some additional CSS3 styling ... button CSS file and processform.php - copy this PHP script to your script folder and rename the file to processform.php
start of the lab class week of Oct-29-Nov 1

ready Lab 5 - Javascript - Next week is midterm week so you have two weeks to complete this lab.
The JavaScript order script link.
start of the lab class week of Nov 12-15

ready Lab 6 - JavaScript - jQuery UI widgets - jQuery cookie script       Lab FAQ start of the lab class week of Nov 20-22

ready Lab 7 - Flash start of the lab class week of Nov 27-29 - the sounds for the optional part of the lab.

ready Lab 8 - XML/XSLT start of the lab class week of Dec 4-6 - ledger data