Labs

Lab 1

I was familar with the basics of html prior to this class but never had any experience with css and web design. CSS by itself is not confusing , the property value stuff seems straight forward, not anything you didnt cover in class. You gave us plenty of time to complete it. I guess my only dislike was having to right about myself. I'm sure 99% of the class would disagree, but I'm not that comfortable with it. But as I progress through the project it is enjoyable, even though I disasterly never turned in on time.

Lab2

In this lab our goal was a responsive web page. That means designing for larger screens as well as smaller ones. I employed a single web page design. Instead of treating different areas as separate pages, I used virtual pages. Virtual pages are just block sections meant to look separate but are actually one continuous page.

Virtual page one would be considered the home page. I just did a quick overview of what visitors can find on this site. Virtual page two is the information page. This page is further broken down into three more sections, each on their own separate topic. The third page is a form page. I ask questios from the user about the topic of the project. Here I employed a table nested in a form. The final page is a photo gallerey of the six pictures I used in the information page. They are displayed in two rows with three pictures in each.

I used a sticky navigation system. It is in a fixed position and will appear on the top of the page at all times. The footer is a basic block to indicate that you reached the end of the content. I used media queries at 600 pixels to change the layout to a mobile friendly experience. The pictures in the photo gallery and the separate sections of the information page stack on top of each other. The header becomes a hidden menu and is only displayed when you hover on the header. Finally I go to Lab 1 and employ responsive web design with media queries and update the labs section to include this.