This series of the videos explains how to create Photo Gallery using PHP, MySQL, ImageMagic and jQuery. Using PHP you will be able to add, modify and populate data stored on the MySQL Database and display records of all images on the page. ImageMagic will help us to resize and crop images to the relevant dimentions, while jQuery will provide the support in the presentation of the gallery. The last two chapters are dedicated to adding the earlier created gallery to our Content Management System. Over 4 hours of videos!!!

Dreamweaver tutorials

 
  • Link Exchange System with Dreamweaver CS3
  • Defining Project

This article will take you through all steps in developing your own, simple link exchange system using Dreamweaver CS3, PHP, MySQL and CSS.

I´m assuming you have already your web server installed on your computer whether it is Apache or IIS – I will be using Apache on my Windows XP machine. Together with web server you will also need to install PHP and MySQL database. If you don´t know how to do it please refer to my other tutorial - Installing Apache, PHP and MySQL, which will take you through installation process.

For this tutorial I will be using MySQL 5.0.41 and PHP 5.2.3 - it should also work with PHP 4 and MySQL 4 versions.

Defining Project
To start with go to C:\webserver\Apache2\htdocs and create a new folder. Name it linkexchangesystem. Open this folder and create a few more, naming them: images, resources, admin and style.
Once you’ve done this, open your Dreamweaver CS3 and define new project by choosing Manage Sites from drop down menu in Files tab (fig. 01).

Dreamweaver CS3 Link Exchange System Fig. 01
Fig. 01

In the dialog box click New and choose Site (fig. 02).

Dreamweaver CS3 Link Exchange System Fig. 02
Fig. 02

In the new dialog box click Advanced tab and fill it in by providing your
Site name (Link Exchange System),
Local root folder (C:\webserver\Apache2\htdocs\linkexchangesystem\) and
Default images folder (C:\webserver\Apache2\htdocs\linkexchangesystem\images\). Leave all other options as default (fig. 03)

Dreamweaver CS3 Link Exchange System Fig. 03
Fig. 03

Now in Category column choose Remote Info. From Access drop down menu choose Local/Network (this is because we are going to test it on our local machine, if you are using remote web server then choose FTP and provide all necessary information).
For Remote folder provide the same path as our Local root folder (C:\webserver\Apache2\htdocs\linkexchangesystem\). Check Maintain synchronization information, and Automatically upload files to server on save (fig. 04).

Dreamweaver CS3 Link Exchange System Fig. 04
Fig. 04

Choose Testing Server from Category column on the left hand side.For Server model choose PHP MySQL. From Access dropdown menu select Local/Network. Path for Testing server should be C:\webserver\Apache2\htdocs\linkexchangesystem\,
and for URL prefix should be http://localhost/linkexchangesystem/.
Click OK and Done to save settings and close setup window (Fig. 05).

Dreamweaver CS3 Link Exchange System Fig. 05
Fig. 05

Now the structure of your site´s root folder should look like the one in Fig. 06

Dreamweaver CS3 Link Exchange System Fig. 06
Fig. 06

Database design >>

 
  • Thank you for subscribing to our newsletter.
  • To complete registration please click on the link in the email which has been sent to you.
  • Invalid first name
  • Invalid last name
  • Invalid email address

Website Design Company | Website Design Company Sussex | Website Design Company Chichester | Website Design Packages | Tutorials Resources | Articles | Contact
© Web Design Tutorials – Sebastian Sulinski