How to select a particular code for a design.
Refer ,
- PHP-WAMP Sever
- PHP - Introduction
- PHP-Database connection and
- Creating a PHP web site - Starting from scratch (This is important for creating a website).
- SQL - Quick reference (For understanding database concept)
-------------------------------------------------------------------------------
PART - 3
Balance chapter from
NB : ( Don't quit this page , without reading the TIP below).
From WAMP server ,select the "index" page from our folder, so that you can see the changes in the home page , while we make the changes in code.Always click "refresh" after making any change in code.
Now , open the template in Dreamweaver , as given below (Refer Editing a PHP Template using Dreamweaver ).
Selecting "Split" as given in the picture, shows you both design and code views.
Lets start changing each code :
First change the title of your website .You can see "<title>Sigma: Portfolio HTML Template</title> " in above code.
- STEP : A - Open the page in Dreamweaver , to make changes in the code.
I changed the title in Dreamweaver , as given:
- STEP : B - Now open the template (From the folder softdreambuilder) in WAMP server.(Whenever any changes u made in code, click"refresh" to view that change.
(This is the header portion you can see when you open any wab page).
(No need to go to STEP B , if you will select "live" .Then the corresponding changes can see , without taking WAMP server ).
Repeat STEP A for making any changes ,
and then STEP B to view that
change
|
Tip :
It will be a little difficult for you to find you the code for a particular design.
Just click any portion in the design. Then you can see the code portion of that design.
See below :
Suppose , you want to change the "about" field. And its a little bit difficult for you to find out the code portion of the portion "about" .
What you have to do is , just click the portion "about" (or any portion you want to get code) ,
and when u click that particular design part , the corresponding code is gets highlighted with line number, as shown below :
See , I selected the "About" in design view , then the corresponding code is highlighted below (line number 89).
What you have to do is , take a copy of the template , then do your experiment as much as you want....
Find out something new.....
Go to next Chapter ,