Wednesday, 27 April 2011

Web Design Induction 2 - Dreamweaver

File Types

HTML - Simple coding
PHP - Language for communicating between a website and a database (eg - amazon, play etc...) All pages after a search not webpages but links to a database.
ASP - Variation of PHP
CSS -  Cascading Style Sheet - fonts etc...
Javascript -  Sound and games



Code view - Just the coding
Split view - Both coding and design
Design view - Just the design






A blank webpage code - already in the code box when opening a new document. 

Saving a root folder... where you put everything for the website.


 Site Setup

Files tab - important - set to root folder


Colour - background and table.
Click on 'bg' once selecting the box... will change the colour of the box. 

So far... this code

Equals this webpage

After specifying the size of the rows in the left hand column and changing the colours...
This is what it looks like.


To get it like the illustrator document we created... we needed to include another table in the large box. 
Right align it. 
Resize it and split it into two to get the table at the bottom of the page. 


Creating buttons

Photoshop
Web document - transparent background
Colours only suitable for web


Save for web & devices
PNG - saves transparency
Save to root folder - images
Save viewing one layer only

Insert rollover image
Alternate text - for accessibility. Blind people can hear it.

My buttons 

No comments:

Post a Comment