Friday, December 5, 2014

BIG Dreamweaver Project - Instructional Website

 

Description

I used a 2-column liquid template with a left sidebar, header and footer within the Dreamweaver software to create my website. Using the template provided the structure I wanted and enabled me to spend time experimenting with code within the template. The website I created will be used by U of A Cooperative Extension Service County Agents. From planning and development to delivery and evaluation to record keeping and reporting, agents will be able to use this instructional site to walk them through the process of conducting a SNAP-Ed program in their county.

Challenges, Solutions, and Future Implications

The most difficult task of this project was getting the header, body, and footer to display correctly and then figuring out how to layer text on top of them. I had to rearrange and rewrite some of the template code to make all of the elements work or appear properly, but I eventually figured out how to do that. Another thing I found challenging during this project in particular was the unexplained difference between the "live view" in Dreamweaver and how the pages appeared in an actual web browser. I never was able to figure out why it was happening, but I overcame the discrepancies by using just the web browser as my live view rather than the Dreamweaver viewer.

w3schools.com was most helpful when looking for code solutions and when trying to figure out how to place the text on top of the header and footer. Trial and error also played a big role in this web design because at times I wasn't exactly sure how some of the w3 advice would play out in my own project. This project taught me that trying new things can be challenging and frustrating and rewarding all at the same time and web pages can only be as smart as the individual coding them. 

In the future, I would like to experiment with building web forms. We have a need to evaluate our webpages and I think this would be a very beneficial tool for soliciting qualitative feedback from our visitors.

No comments:

Post a Comment