All Client Side Assignments

Class 1 - http://onepotcooking.com/jonathanrodriguez/class1/images/petshopdiagram.jpg

Class 2 - http://onepotcooking.com/jonathanrodriguez/class2/assignment1.html
Pet Shop - http://onepotcooking.com/jonathanrodriguez/class2/petshop.html

Class 3 - http://onepotcooking.com/jonathanrodriguez/class3/personalhomepage.html

Class 4 - http://onepotcooking.com/jonathanrodriguez/class4/class4assignment.html

Class 5 - http://onepotcooking.com/jonathanrodriguez/class5/ecommerce.html

PHP - Class 6 Assignment

My site using PHP templates: Audio Amazon

*If you click on the "Music" breadcrumb, it will take you to a second page using the same layout but having a different ad and albums* Try it out.

Assignment 5 - Welcome to the Jungle

I was able to finish the javascript right before class last week, so I was finally able to put time into the designing. I used photoshop a lot and followed some tutorials. Both the background and the logo each took me a few hours. I was happy with the way it came out, but I have the flashing when you mouse over the items like someone else mentioned. I took a lot of time with the layout, so I wasn't able to address that point. If you want to check out the site here it is: Audio Amazon.

Feel free to leave some comments or give me some feedback.

Here is a screenshot:

Javascript

I finished my assignment during class but never got the chance to post it: http://onepotcooking.com/jonathanrodriguez/class4/class4assignment.html

It will copy your address into the shipping address if you check the box. Also, when you submit the form, it will check to see if you filled out all entries.

Personal Homepage

Here is the link to my personal homepage: Class 3. I followed the wireframe layout Amos constructed in class. I need work with designing the layouts. I have no problem getting everything in place, but designing and selecting colors is a little more difficult for me.

Using an Unordered List for the Top Nav

In class we used an unordered list for the top nav. I know one main issue people were facing was getting the "|" in between each heading. At first, I did that by adding a span"|"/span, but Amos told me that might not be right because only li's are supposed to be in a ul.

After thinking about it, I figured a way that is technically correct: using a nested list. Here's a quick example of the code:

ul
li Coffee
ul
li | /li
/ul
/li
li Tea
ul
li | /li
/ul
/li
li Milk
/ul

Let me know if this is correct to use, although for now I am going to stick to the span until I hear otherwise.