Getting the page layout right can be hard, in these Dreamweaver Tutorials we will show you how to create great looking web sites using CSS Style Sheets, all our tutorials play on a Mac or PC and cover versions 2 , 3 , and MX.

All Dreamweaver tutorials

Dreamweaver tutorials and training courses

Font control Tutorials using Dreamweaver



Dreamweaver Tutorials Formatting

Adding space between characters
HTML only allows for one space between characters; to add extra space in a document you must insert a non-breaking space (   ), of course this can also be done using CSS Style sheets.

You can set a preference to automatically add non-breaking spaces in a document. To set this preference, choose Edit > Preferences and in the General category and check Allow Multiple Consecutive Spaces .

To insert a non-breaking space, in your web page:
In the Insert bar, select Character, then click the Insert Non-breaking Space icon.
Choose Insert > Special Characters > Non-Breaking Space.
Press Control+Shift+Spacebar.

We shall however in the next few Dreamweaver tutorials using style sheets to add formatting, space and padding to our text.

Hard Return vs Soft Return
Dreamweaver works similarly to many word processing application: you press Enter to create a new paragraph. Web browsers automatically insert a blank line of space between paragraphs. You can add a single line of space between paragraphs by inserting a line break <br>.

To add a paragraph return:
Press Enter or code <p>&nbsp;</p>.
To add a line break, do one of the following:
Press Shift+Enter <br>.
In the Insert bar, select Character, then click the Line Break icon.
Choose Insert > Special Characters > Line Break.

When formatting text in Dreamweaver you should be careful as page wrap can be different on some platforms, CSS is much better at setting out text in a web document, but some parts of CSS will not be taken in to account on some platforms. In the next serise of Dreamweaver Tutorials we shall highlight how you can keep the layout and still have the pages printed out with all the correct text spacing. Open the Training CD and place print.htm from the working files folder into you local root site folder.

Tutorials online Training CDs and courses