Creating Text
As
you begin typing you will notice several similarities to any word processor
you have worked with. You can start typing on the page just
like a word processor, from the properties inspector at the bottom
you can control the font, color, an alignment just like a word processor.
There are two typeface buttons bold (1)
and italic (2). There are four
justification keys left (3), center
(4), right (5),
and left/right (6). You can create a bulleted
list (7), called an unordered list on the
net or a number list (8), called an ordered.
Text can be indented (9) or outdented
(10).
This applies to the entire paragraph not just the first line. It
is important to note that because every browser reads them
differently, neither tabs nor extra spaces are read in HTML to ensure
pages are as similar as possible. As a result,
when you enter a tab or more than one space the character is ignored.
It is never a good idea to use spaces to arrange items on a page since
they will shift from computer to computer, but occasionally an extra
space or two is needed for emphasis. To insert more than one blank
space: From the Insert/Object window select the text tab. On the far
right is a small down arrow. Click on the arrow and select Non-Breaking
Space. You will have to repeat this for every extra space you need.
Since indented first lines are not used to separate paragraphs. The
standard internet style is to place a blank line between them. Whenever
you enter a return, Dreamweaver inserts a close paragraph tag </P>
which includes a line break providing that space. If you should need
a line break without the space hold the shift key and enter the return.
The cursor will drop to the next line without leaving a gap.
Font & Color
To change
any of the properties of a piece of text it must first be highlighted
by clicking and dragging over the the selection. Once highlighted you
can change the font-group
from the drop down box (1).
Notice you cannot specify a particular font. The browser your user has
defines which fonts are used by a page. You can specify a particular
group and when your user loads the page their software will assign the
default from that group. The style drop down (2)
is used with Cascading Style Sheets in a later tutorial. To set the size
of a highlighted selection, use the size drop down box (3)
The menu contains a much wider variety of selections than a standard
word processor. You can assign a relative size using the small/medium/large
options or you can assign a numeric value. If you choose a number you
must define the unit as well by choosing the drop down box immediately
to the right. That menu contains selections such as percent, pixels,
and points.
For color,
click on the small arrow in the lower right of the colored square (4).
The menu to the right will appear. Standard web colors are shown in
the table. Use the eye dropper to select a color from the table or anywhere
else on the page. The hexadecimal value will show in the top of the window.
Once you click the color will be assigned and the window will close.
If you need a color not in the table select the multi-colored globe in
the upper right for more options. The white square with the red slash
through it is no color.