Home

Back

Basis Year fall 2007 - WEB

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.

Course plan:

Lecture nr: Date: Topic: Literature: Comments:

1 25/10 morning A134 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.

2 26/10 morning 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. (I've corrected a few mistakes in lecture2, please download it again)

3 2/11 afternoon 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 morning 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 27/11 afternoon 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.

Department for Software, Electronics og Mediatechnology - Aalborg University Esbjerg - Niels Bohrs Vej 8 - 6700 Esbjerg - Denmark
Phone: +45 7912 7666 - Fax: +45 7912 7710

Lecture nr:	Date:	Topic:	Literature:	Comments:
1	25/10 morning A134	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.
2	26/10 morning 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. (I've corrected a few mistakes in lecture2, please download it again)
3	2/11 afternoon 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 morning 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	27/11 afternoon 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.