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.
| Lecture nr | Date | Topic | Literature | Comments |
|---|---|---|---|---|
| 1 | day time room | 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 ;) |
| 2 | day time room | 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 | day time room |
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 | day time room | 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
A nice example of dynamic javascript - PGM editor (by Søren Enevoldsen). PGM is a textual file format to define images (see here for details). |
| 5 | day time room |
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. |
| Take a look at some professional website, for example ItalYUM that presents a number of interesting Italian recipes ;) |
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