Dreamweaver Tutorials

DCSD | Staff Devlopment | Catalog
Hypertext | HTML | Basic Page Layout | Start | Menus | Properties | Panels | Objects | Document | Editing | Prefereneces
This area not open yet
Fair Use Guidelines | Inserting Graphics | Page Design |
Elements of Design | Proximity | Contrast | Repetition | Alignment | Creating a Fireworks Page | Creating a Page from Scratch | Using Headings | Creating Text | Making Links |
Tables | Layout Tab | Layout Tables |
File Structure | Remote & Local | Creating a Site | Manage Sites Menu | | Options |
Tools Home Page |Templates | CSS | Course Builder | Advanced Options |

Lesson 4: Creating Pages

small logo

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), centerCreating Text

(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

Text PropertiesTo 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.

Color PallateFor 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.

arrow left arrow right

About Me | Site Map | Contact Info | ©2004 eewii