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. 

Friday 22 April 2011

Briefs that I like.. 

I think this will be quite good, although after the last experience of the 100 brief! Although this is quite an open brief which would mean i could incorporate any kind of design I would want/need in my portfolio. 


I quite like this one, as I think it would allow me to express myself, and include this within design. Show a bit more of who I am personally along with who I am as a designer.

This brief sounds quite experimental, sounds like it would be a bit of fun with type. Playing around with some of my favourite songs and expressing the meanings through type.

As in the future I would like to go into designing for print, I think and branding and promo brief would be ideal. Especially with feedback I have had from professionals.

Thursday 21 April 2011

A few drawings of possible layouts for my website. 

I quite like the idea of the navigation bar being along the top of the page with the logo in the left hand corner. Also the idea of possibly having the navigation and logo on the left and you scroll along rather than down. Or even just having my logo and navigation simply in the centre and they move to the left when clicked on.

Monday 11 April 2011

Type Module - Session 10

The not so experimental layout: All the layout key points I can apply, which make the layout easy to read equal in layout and way in which the paragraphs sit.