This portfolio displays the design and technical skills that Sarah Bailey has developed throughout taking Web Design I. Each of the following examples showcases specific Dreamweaver skills. They also show a variety of different types of sites for different types of clients.
Contact Info: firstname.lastname@example.org
I created a CSS3 image gallery using special selectors and defining hover behavior. First, I resized the images as thumbnails. Then I used absolute positioning and nth-of-type selectors to align the thumbnails at the top of the gallery. Next, I defined each image with hover behavior to expand each image as the mouse hovers over it. These technical skills allowed me to create an interesting image design.
Also, I added jQuery UI elements to this site. Using the jQuery accordion element, I was able to design a functional and aesthetically pleasing list of upcoming events, regional clubs, and contact information.
I created an online form using a form element, adding form text fields, menu fields, a check box, submit and reset buttons. Finally, I added CSS to the form to design it according to my client's wishes. This online form shows that I have the technical and design skills to obtain information from site users with an easy to navigate and aesthetically pleasing form.