Client-side assignments: Completed

1a. Class1 - Petshop - Wireframe(09/20/08, completed).

1b. Class 1 - Petshop - Web Page. (09/27/08, completed).

2. Class 2 - Basic XHTML / CSS Layout. (09/27/08, completed). I've re-done it using 'em' instead of pixels. The link to the article posted by Amos helped a lot (Elastic layouts with CSS).

3. Class 3 - Intermediate XHTML / CSS Layout. (10/04/08, completed).

4. Class 4 - Forms with Javascript. (10/11/08, completed).

5. Class 5 - Advanced XHTML / CSS / Javascript. (10/18/08, completed).

6. Class6 - PHP Server-side assignment. (10/25/08).

Client-side Assignments

Most of these assignments I've posted before and some are still not quite finished. Hopefully they will be by this Saturday :).

1. Class1 - Petshop - Wireframe

Class 1 - Petshop - Coded. (09/20/08, the site prototype is complete).

2. Class 2 - Basic XHTML / CSS Layout. (09/27/08, completed). I've re-done it using 'em' instead of pixels. The link to the article posted by Amos helped a lot (Elastic layouts with CSS).

3. Class 3 - Intermediate XHTML / CSS Layout. (10/04/08, completed).

4. Class 4 - Forms with Javascript. (10/11/08, completed).

5. Class 5 - Advanced XHTML / CSS / Javascript. (10/18/08, layout and design has been completed, missing 'mouseout' JavaScript).

6. Class6 - PHP Server-side assignment. (10/25/08).

Class 5 - Class Assignment Part 2

I followed Jack's script....I wasn't able to figure out the whole thing on my own. Here it is:

http://www.onepotcooking.com/monikawoz/class5/store.html

Class 5 - Class Assignment

Ok..I've finished the layout and design...time to figure out the JavaScript piece. I get the basics now, but I am still trying to figure out the more advanced concepts.

http://www.onepotcooking.com/monikawoz/class5/store.html

There is a video tutorial on www.lynda.com. It helped me with a JavaScript logic.

Javascript and DHTML

After the initial basic commands I was pretty lost in the last class, so I spent some time with DHTML tutorials. I followed all the examples there and came up with some of my own. Here is the link:
http://www.onepotcooking.com/monikawoz/class4/dhtml.html

I am still struggling with the billing form though...I guess I need to take it slow... :).

CSS Mastery

I found a really good book. If you know basic CSS, it shows you a lot of useful stuff. It is very clean, goes through 2 study cases and has very good online resources.

Andy Budd with Cameron Moll & Simon Collison
'CSS Mastery
Advanced Web Standards Solutions'

Personal Web Page - Assignment # 3

It took me a while to finish this assignment. The layout was easy, but I don't have any experience with Photoshop, so creating images took me a long time. I've created the 'search' box, but it only shows in Firefox...I tried to fix it, but had no luck. Also when I had my images in the 'images' directory they would only shows up in Firefox, so I moved them to the same directory that my .html file is in. Here is my page:

http://onepotcooking.com/monikawoz/class3/personal.html