Home   Current Courses   Video/Audio Library     Course Archive   Papers Archive   Beyond the Box   CV   Service My Keeper Shelf

COSC 231 Internet Based Computing WINTER 2012


Textbook 1. Lecture notes, Recordings, and InLabs
Date Topic InLab Other
14 February Time to talk about the DOM An Abbreviated DOM Reference
w3schools HTML DOM tutorial
9 February Catch up day. Work on your projects and unfinished InLabs
7 February Open this source file, then open this web page
Do a code walk through of the source file, observing the behavior on the web page.
Notice what you can do with arrays.
Do this inlab: click here!
2 February Javascript (if switch for while) Write an HTML page using Javascript and CSS that does the following:
  • Ask the user for number of rows and for number of columns
  • Display an image (you choose) repeatedly in a 2D layout of the specified number of rows and columns.
  • Make the image small (e.g., 30 X 30).
  • Upload to your home page. Demo.
Use your Javascript book! Do the Javascript tutorial at w3schools.com
26 January
  • CSS: dimension, display, positioning. Beginning Javascript.
  • See here for dimension and positioning.
  • Beginning Javascript see here
Make an HTML page that asks the user how many images to display. display that many copies of the image.
Use image width = 100. Maximum number of images is 10.
  • By the end of today, you should have gone through the w3schools.com css tutorial, from the beginning through positioning.
  • There is a Javascript tutorial located here
  • The page developed in class is HERE
24 January 2012 CSS: (1) id and class, (2) CSS: box model
  • here for id and class
  • here for box model
  • Example from previous semester here
InLab assignment is here (Yankee Doodle)
The final page should look something close to this
Continue the tutorial on CSS at w3schools.com
19 January 2012 Introduction to CSS (see this page!)
When you make it through Styling Text, do the InLab Assignment here Go through the CSS tutorial through CSS Advanced | CSS Align. See here
17 January 2012 Beginning forms
InLab assignment -- form
12 January 2012
  • HTML tabs, attributes, content.
  • Introduction to the Error Console.
  • Introduction to Firebug
InLab assignment
10 January 2012 Get started InLab assignment
2. Assignments (Homework) 3. Projects 4. Quizzes and Tests 5. General 6. Resources


Last changed: