For this project I decided to make the information site about my own photography. In addition to eventually having an online portfolio for graphic design, I would also like to have an online for my photography as well and saw this as a good opportunity to get the ball rolling on that.
Although this is not yet live, this is my first working website. It was created in Dreamweaver and although this program is a great time saver, I found the
HTML/CSS class in the Computer Information Systems program at school to be a great help in understanding what goes on behind the scenes of point and click drop down menus. I often found it easier to simply manipulate the code or just write portions myself. I'm sure as I become more familiar with a program like Dreamweaver, I will earn to love it and things will become less frustrating. But like I said, in learning how to code from scratch in Notepad++, I believe it gave me a HUGE leg up in understanding terminology and what certain things do and why they work that way...not just point here and click there. And seriously...if it was not for learning the basic fundamentals in the
HTML/CSS class in the CIS program, I'd have been a grown man crying in the Graphic Design Program's
Web and Interactive Design class.
The site consists of 37 html documents but the user experiences only five pages. The other 32 are "behind the scenes" so to speak as they make up the slideshows in each category. I look forward to learning an easier way to create slideshows in the future. This may not be the most efficient way to create slide shows, but for now the site works as I had intended.
 |
| The image on the home page is an animated GIF cross-fading between seven featured photos. I'm sure there is a way to demonstrate that here on this static image of the page where only the image cross-fades from one to the next and not the rest of the layout. I will update this as soon as I figure that out... |
 |
| Clicking on any image will take the user to a slide show in a larger format. If the user is only interested in viewing one image, clicking on that image will take the user straight to that image without being forced to view the whole slide show. |
 |
| Here is an example of the slide show. Each photo in the slide show is its own html document. There must be a way to streamline this process. I'm looking forward to learning how. |
