Thursday, 5 May 2011

Web 3

To begin with Dreamweaver will not open your page, you then have to click Manage site - Edit. Then link dreamweaver back to the root folder.

As we now have our main page, we want to create the other pages of the website. However instead of creating 5 more separate pages and going through the process again, you can convert the page into a Template.



 When saving rename as the template.
Once the main section of which you had clicked in and converted to a template is done it will have have this type below:

 Even though the page has been changed to a template it still states that it is a HTML page.. which we do not want we want it to be a .DWT (dreamweaver template) so you must save the template and name in template.



 This will then appear in the files column in the right hand corner.

 Then by making the page a template, you can go to File - New - Page from template. This then creates an identical page to the template.

 For the first new page save it as index to replace the initial index.


 Then you create 5 more pages for your website in the same way.. File - New - Page from template.
Then make sure you then save them as the page name etc Work.

 It should then look like this at the top of the page:


 Then to linking the pages. You click on the first page then in properties there is a little box called link, you can either click on the file next to it and find the page you want to link it too. Or you can use the target next to it and drag that to the page you want in the files column in the right hand bottom corner.

And repeat this for all the other pages.



 Once you have linked the pages, then go to File - Save All. Then you will see this message below:

 Click update then this message below will come up then click close.


If you copy and paste text into the coding it won't keep the formatting, if you paste it into the design it will. 


 If you want the text in a certain area on the page you just create a table then paste the type into there and edit the padding. By editing the padding it will make the text further away from the outline of the table.


 To change the font highlight it - Properties bar - page properties - change font and size.

For the heading it is different:

Highlight - Properties - Page properties - Headings ( CSS) - change font and size THEN properties bar - Format - Heading
Also the type will automatically align the font in the centre of the page in the properties bar you can go to vertical and align at the top.

When putting images onto the webpage - make sure they are all the right size saved at 72dpi and as a png. 



No comments:

Post a Comment