WEB - Fall 2008

Teacher: Andrea Valente (aaue.dk/~av)
Goal: Create an interactive web-page to document/present your semester project (and/or your group).
Deliver it to me for evaluation (before christmas), as part of your semester project.
Book(s): (see below)

Course plan:

Lecture nr Date Topic Literature Comments

1 16/10 12:45 C113
23/10 12:45 C113 Introduction:
HTML, the interpreter, tags. HTML editors. Images. Read chapters: 1 and 2 and 3 (how does HTML work),
4 (optional), 5 (images), 6 (optional). slides and exercises to do during the lecture.
A list of all HTML4 tags ;)
Problems with Mac and TextEdit: read here.

2 30/10 12:45 C113 Styles and formatting:
CSS, colors and fonts, div. Tables. XHTML. Read chapters: 7 (XHTML), 8 (CSS), 9 (fonts and colors),
10 and 11 and 12 (overview only), 13 (Tables). slides and exercises.

3 6/11 12:45 C113 Interactivity:
Forms, Client-side scripting, JavaScript. Read chapters: 14 (forms), Leftovers.#5 and #6 (scripting).
hands-on intro to Javascript (on-line here),
a tutorial with simple examples in Javascript (do try out the first ones!),
using javascript with forms (example: convert Celsius into Fahrenheit see here; or here). slides and exercises.

4 20/11 12:45 C113 Dynamic html:
DOM, more javascript, computation and games. what is the Document Object Model (DOM)
events in Javascript (try some of these examples here in the 'Event Object' section)
add/change elements in an HTML page with Javascript (an example)
games Javascript: a simple example (then try to look at the code of some of these.) Slides lecture 4

5 1/12 12:45 C113 Extras:
Vectorial graphics (tag canvas).
Server-side scripting, PHP. Draw with javascript: firefox and the canvas element.
a tutorial about PHP (server-side scripting). Slides
Here you have a stand-alone, no-config needed, web-server (6 MB circa).
To use it: copy the folder somewhere (for example in c:\ ),
then call the start batch file to launch the server.
Open the browser at http://localhost and you will see the main server page.
To add some html or php files, go to the folder web/pages.

Lecture nr	Date	Topic	Literature	Comments
1	16/10 12:45 C113 23/10 12:45 C113	Introduction: HTML, the interpreter, tags. HTML editors. Images.	Read chapters: 1 and 2 and 3 (how does HTML work), 4 (optional), 5 (images), 6 (optional).	slides and exercises to do during the lecture. A list of all HTML4 tags ;) Problems with Mac and TextEdit: read here.
2	30/10 12:45 C113	Styles and formatting: CSS, colors and fonts, div. Tables. XHTML.	Read chapters: 7 (XHTML), 8 (CSS), 9 (fonts and colors), 10 and 11 and 12 (overview only), 13 (Tables).	slides and exercises.
3	6/11 12:45 C113	Interactivity: Forms, Client-side scripting, JavaScript.	Read chapters: 14 (forms), Leftovers.#5 and #6 (scripting). hands-on intro to Javascript (on-line here), a tutorial with simple examples in Javascript (do try out the first ones!), using javascript with forms (example: convert Celsius into Fahrenheit see here; or here).	slides and exercises.
4	20/11 12:45 C113	Dynamic html: DOM, more javascript, computation and games.	what is the Document Object Model (DOM) events in Javascript (try some of these examples here in the 'Event Object' section) add/change elements in an HTML page with Javascript (an example) games Javascript: a simple example (then try to look at the code of some of these.)	Slides lecture 4
5	1/12 12:45 C113	Extras: Vectorial graphics (tag canvas). Server-side scripting, PHP.	Draw with javascript: firefox and the canvas element. a tutorial about PHP (server-side scripting).	Slides Here you have a stand-alone, no-config needed, web-server (6 MB circa). To use it: copy the folder somewhere (for example in c:\ ), then call the start batch file to launch the server. Open the browser at http://localhost and you will see the main server page. To add some html or php files, go to the folder web/pages.

HTML Book:
Head First HTML with CSS & XHTML
First Edition: December 2005
Series: Head First
ISBN 10: 0-596-10197-X
ISBN 13: 9780596101978
Pages: 694

JavaScript Book (free and online):
Core JavaScript 1.5 Guide

And: A short overview of the Javascript language.