Thursday, 28 April 2011

Web 2

Html - most common form.
PHP communication between database and a web page for example Amazon or Asos.
CSS - a page that holds all formatting then link it to each separate page - so the coding doesn't have to be on each separate page. 
Javascript - used for things such as drop down menus
META tags - key words of which are found by search engines.

<html> starting
</html> ending

 <title> Unintitled Document </title>
This is in the browser not on the web page.

Dreamweaver - Site - New Site (to create a new website)
Dreamweaver - Site - Manage Site ( to open existing one)


<body>   anything between these two tags will be visible on the web page </body>

A website firstly needs to have a route folder. With a sub folder of images.
Then go to Server - Site - New Site to link you page to the folder.
Put the site name in and link folder beneath.


 To then run the page, you will have bought a domain name and server.

Once you have clicked save from the Site menu, it will then have the folder in the files menu in the right hand corner which will hold all information you want on the web page.


To create the actual page, you firstly go onto Insert - Table

Then fill in the size of the page you want, number of rows and columns, and even though you don't want any cell padding or anything you must put a 0 to just let it know there is nothing there. 


There is not a height option so in the coding option, click after the width and press space. Then a drop down menu will appear, press H then height will come up, then you just type in the height you want (600)


To make columns in your design you click in the cell. Go down to the properties bar at the bottom and there are two buttons under the name Cell. Click on the one on the right to split it.

 It splits into equal sections, you then click in the cell and go down to the properties and change the W & H to the wanted pixels.

 Then to get the different sections you do the same but split the cells into rows in stead of columns.
 To create the text use Photoshop! Photoshop - Web - then edit the dimensions to the size of a button or whatever you want to make ( 100px x 50)
 Duplicate the type save one version into the route folder with the type on and one without the type to create a rollover button.

Then in Dreamweaver go to Insert - Image - Image Rollover then name it and upload both types of the button. 

No comments:

Post a Comment