General

To-Do list for the first weeks

FAQ for CS 110

Debugging Strategy for CS 110

Firebug, a Firefox plug-in for inspecting and debugging HTML, CSS, and JavaScript.

A set of examples of various techniques that there isn't time for in class or space for in the lecture notes.

HTML and CSS

HTML 4.0 Reference

W3Schools has an excellent online school for web design

A "Bare Bones" Reference on HTML . There are many others on the web.

Here is a HTML tag reference that is focussed on the tags used in this course.

I particularly like the W3Schools' CSS demo . They also have a CSS reference.

Here is a large collection of tutorials on HTML, CSS, JavaScript and more

Here is a CSS Tutorial

Here is a wonderful site on CSS and lists

CSS layout techniques

Min Width Columns using CSS

Width Control using CSS

Column Control using CSS

Alternative CSS stylesheets

JavaScript

Our own quick reference on JavaScript.

An online site about JavaScript

JavaScript coding

A JavaScript guide

A JavaScript reference

Miscellaneous

The following web page at Simmons College compiles links to a great many excellent articles on web design:

http://web.simmons.edu/~menzin/IT320/IT320_Bookmarks.html

Are you or your client interested in web hosting? Here's a web hosting review site we found that is very informative.

Using a Personal Computer

General information about using a computer, if you're

Interacting with the Rest of the World

Miscellaneous topics related to this course.

HTML Software

In this course, we first want you to write HTML tags by hand, to give you some practice with how things really work. Later, you can use software that writes the tags for you, and you'll know what it's doing and, most importantly, how to fix it if it gets the HTML wrong. Consequently, for the first few assignments, you should use simple text-based applications like:

What about using MicroSoft Word? There are two issues with using Word: using it as a HTML software and using it as text software.

First, Word can be asked to write out your document with HTML tags, so it's acting like HTML software. However, in my experience, it does a terrible job, writing out huge files filled with junk, sometimes in binary. I've often had to rescue students where Word destroyed their HTML document, and sometimes I've been unable to do so.

Second, Word can be asked to write out your document as plain text (so you'd have to type the HTML tags yourself). When used like this, it's just a big, bulky version of NotePad. However, I've known students who used it this way and found Word added lots of additional coding and it changed the colors, too.

In short, we strongly recommend avoiding MS Word in this course.

Later in the course, we will teach you how to use some commercial HTML software, where you can point and click, use icons, and generally compose a web page in a more convenient way. The current software is called Dreamweaver and it writes out very good HTML code, so that you can examine what it has done and modify it if you want.

Graphics Software

Sound and Movies

HTML Resources

Uploading Your Site to the CWIS

© Computer Science 110 Staff
This work is licensed under a Creative Commons License
Date Modified: Sunday, 06-Apr-2008 23:40:41 EDT