Walk Lightly on this PLANET and yet leave such a FOOTPRINT that cannot be erased for thousands of Years..!!!
Visit Codstech for Cyber Security related Posts !

Visitors

Friday, February 13, 2015

PHP : Editing TITLE of a template (TIP-1)


It includes , 
How to select a particular code for a design.

Refer ,

-------------------------------------------------------------------------------
PART - 3

Balance chapter from 

  1. PHP : Downloading a template and editing 
  2. Editing a PHP Template using Dreamweaver.



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.
Or , you can select "live" , then the corresponding changes can see , without taking WAMP server .

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.
(No need to go to STEP B , if  you will  select "live" .Then the corresponding changes can see , without taking WAMP server ).


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.
You can see that title , in the header portion , as given : 


(This is the header portion you can see when you open any wab page).

Now , click"refresh" to view that change, and you can see that title is changed , in the header portion , as given :

(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.....