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:

Click here to open or save the “Make a Contact Page” PDF

If you would like to go to our Passy World site and test drive the "Contact Us" page, then click the following link:

http://www.passyworld.com/PWorldContactUs/ContactForm.htm

Keep an eye on our blog for some further posts on our "Passy World" website building project. We still have several more pages that we need to make on the site over the next few weeks.

DON'T FORGET TO DO OUR ONE CLICK SURVEY AT THE TOP RIGHT HAND CORNER OF THIS WEB PAGE. JUST CLICK ONE OPTION IN, AND THEN CLICK THE "VOTE" BUTTON.

Enjoy,
Big Passy Wasabi