Tuesday, January 19, 2010

Make a Contact Us Webpage

This post is part of our continuing series about how to build your own website using Adobe CS3.

Making a "Contact Us" page involves creating a webpage that includes a "form" for people visiting the page to fill in with their comments or questions. We can build this using Adobe Dreamweaver.

We then need to also create a "PHP Script" that will run on our web hosting server, and can collect the information from the form, and then mail it to an email inbox of our choice.

Creating the webpage involved using Fireworks to make the background image for the page. We then set this as the document background in Dreamweaver and followed a tutorial from the internet at: http://dreamweaverspot.com to create the feedback form onto the page using Dreamweaver.

Obtaining and modifying some PHP to do the emailing on the host server proved to be a bit difficult, but with help from our webhost, and using some of the PHP from dreamweaverspot.com we got there eventually. The details are all documented in the PDF document below.

If you would like to have your own full size copy of this PDF, then simply click the save disk icon button on the PDF viewer, and you should be able to save it to your own hard disk.

Alternatively, you can view or save the full size PDF by clicking the link below: