Web Design Fall 2008
Requested Code Samples

Course Syllabus

Intro

Design

Slicing

CSS

Template

Content

Scripts

Meta-Tags

Uploading

Website Hosting

Animated Gifs

Requested Elements

Further Readings

Interesting Designs

Wrapping text around an image : This code allows you to wrap a long paragraph around a image.

Drop Down Menu: This is an advanced explanation on how to create drop down menus. Note that you will need to have a fairly good understanding on how tags work and how to modify your code in order to use this effect.

Feedback Form: This link is to a php file within a zip file that contains all the scripting necessary to have a feedback form on a website. This is the most simple execution of this functionality and doesn't include any safeguards or required fields. This file is commented to explain the different actions being preformed. This is how the form will look to a end user LINK

E-Commerce: there has been interest in e-commerce websites. I would recommend going with a solution called Zen Cart (zencart.com) this is a free software that is primarily styled using CSS. There is a huge array of support, forums, tutorials and even a book on how this software works. The site is simply a collection of PHP webpages that are combined to make the website. Also there is support for connecting the site to Paypal which allows for simple cheep payment processing.

Photogallery Management System: This is a php file that allows for a simple photo gallery management system. There are three files associated with this program

  • editphoto.php: this is the admin area for the photo gallery. It contains php scripts for adding a photo, editing and deleting.
  • connection.php: this is a file you will have to edit with all the variables for your specific database which will need to be setup as discribed below. This file is pulled into the other 2 files using a include script so make sure it is organized as shown.
  • photogallery.php: this is the graphical display for the photo gallery. Use an include script to pull this file into your main content area of your website where applicable.
  • detail.php: this shows the enlarged image with all the details

Your database will need to be setup with the following feilds

  • id: set as the key cell for the table
  • title: set with at least 100 charicter limit in "varchar" format
  • image: setup like title is
  • description: setup as a "medtext" format
  • date: setup like title is

You will also need a few folders setup on your site as they are in the attached zip file. Note that this set of scripts will not work untill your database and all folders are setup correctly and your connection.php file hase been edited with the correct variables.