BBC News - Technology

Tuesday, 21 September 2010

CSS and GRAPHICS tips

CSS lets you define types of text and other elements on your pages.

This means you can change the CSS file setting and whole pages will automatically change.

You need to create a CSS file. - file, new, css style sheet then choose a starting point.

Then create a html file, then click in properties section on  style, and choose attach style sheet.

Then you can edit the style sheet with your own custom settings, eg Title: you can set the font, the colour, size etc.

This means you can define any element of a page and link it to the CSS.

Right click in the CSS area on the top right, and choose new, then choose, class, then write in the name for the class (eg title) this will appear in the style section once you have done this.

You can then highlight text and then choose the style of text in the style box.

NEXT save the page you have created as Template.  This can then be resaved under different names to give you a copy of your page.  You would want to set up the layout and standard links on this page, so that you don't need to redo this each time.


See this video for ideas :

FINALLY:
Whilst you can do the ebook without using CSS it would take more time and be very fiddly to update the settings across up to 20-30 pages eg. changing font size and colour on every page.


GRAPHICS:
You can use flash buttons for links to other pages, I would recommend that you use this with caution as errors can occur if you don't save the files in the right places.  It introduces complexity = more that can go wrong.

My recommendation is to use Powerpoint word art , then right click and save as picture, then use the picture file for the link.