College Portfolio

Week 7 came with some unexpected challenges. I was unable to load my page to the DeVry server so I was unable to get a working URL to perform to major html code testing. But I did gain some perspective on browser-compatibility issues by compiling research on the internet and from having two users reviews my website.  My first reviewer was a co-worker who liked the magazine feel of my page. He used a Firefox browser to view my website and he had zero compatibility issues. The only thing he found was that one of the Back buttons was not directing to the correct page. Beyond that he made a suggestion about my table of contents. He thought they should be click-able so that you can select the article you find interesting and click a link to directly navigate to that page. I liked that idea so I added links to the Table of Contents page.  The other reviewer used a Safari browser which did present some layout problems. I used absolute positioning for a lot of my images and fig...

While the course project has been very time consuming, I will admit my webpages are shaping up nicely. Each week, I have been learning a lot and this project is turning into something to be proud of.  This week we were charged with adding some JavaScript elements to our webpages. JavaScript is what really allows for the interactive portions of websites. First, just to add a simple JavaScript element to my index.html page, I added the current date in the header. You can see this update below: The next JavaScript element that I added to my web page was added to my trends.html page. This page is built to discuss some of the more ridiculous fashion trends that women are expected to follow. I wanted to insert a comic strip that showcased this. In order show it sequentially, I decided to make a slideshow.  These happen to showcase a lot of trendy tops make it impossible to wear a bra with. Anyway, I think it adds some humor to the site. Additionally it break...

This week's lab involved using HTML forms. HTML forms are a superb way to interact with the user of your website. The lab required us to build a website check out page that displayed items the user bought, the total and then gathered valuable information to complete the purchase. I used a table to show the items the user purchased seen below:  I put thumbnails within my table to show the user the item they were purchasing, the description, the cost of the item and the quantity. Then at the bottom of the table I tallied up the grand total.  At the bottom of the page is where my HTML form begins. It is here that the form collects important user information like their name, address, shipping options, and payment information. The form has quite a bit of validation to ensure the user not only enters the required values but that they enter it correctly. I used place holders and tool tips to inform the user of the required format.  I also used drop-down lists for...