APPLYING DESIGN STYLES TO YOUR TEXT

Styles can be applied in a limited way. The basic styles are called headings. These apply a combination of bold, italic and size to selected text to give it prominence on the page. Headings are applied from the Format option on the Properties Inspector and apply not to just the selected words but to the whole paragraph. Remember a line break is NOT a new paragraph so you cannot change styles between line breaks.

Colouring text:
Text colour can be changed. The colour box is unnamed but is the empty box between the size and bold options in the Properties Inspector. It has a small arrow head in the bottom right corner. If you click onto the arrow it changes into an eye dropper and a palette of web safe colours appears. Use the eye dropper to select a colour from the palette. Where no colour is specified the box is empty but when a colour is chosen it is shown in the box. The hexadecimal value for the colour is also displayed. To change the colour back to default (blank) delete the colour hex code.

Changing your Fonts:
The use of different fonts is complicated because the web designer doesn’t know which fonts the web visitors will have available to them. So designing a page using a specific font is risky as it is possible that the visitor won't have the same font the designer has.

HTML in Dreamweaver deals with this problem by allowing designers to specify a list of fonts to try instead of just one. This is helped further by the use of default fonts which specify families of fonts rather than fonts by name.

Font lists are available to the page in which they're created. Therefore to make them available to all pages on a site the font creation should be done on the template on which the website pages are based.

Refer the to Step 12 on styles and templates.

Now we will look at working with pictures