Wednesday 14 November 2012

Web Design: Making a Template

To centrally align anything you need to use the following code:


To add content to a column or any other object go Insert> Template Objects> Editable Region


Use the HTML file and add an editable region in the appropriate place





When this is set up, you need to save it as a template so that it can be applied to all of your pages


Never leave the name of the template as 'index' as this will cause confusion later, rename it to template



When this is set up go to New and select page from template



Do this for all the webpages that you want on the site and name them appropriately


When saving images for web make sure to change the resolution to 72 and click save for web, if you want to preserve transparency save as PNG






To add an image to the page: 











To set up button links design what the button will look like and what it will look like when you hover over it, save each image separately and named appropriately 





Fill in alternate text for accessibility 


This is how it should look on the site


Blue when you roll over








No comments:

Post a Comment