Lesson 20: WORKING

WITH TEXTS

TRANSFERRING TEXT INTO DREAMWEAVER

you can type your text into Dreamweaver but many articles would be created outside of Dreamweaver such as MS Word or Excel. Bringing text into Dreamweaver is a very straight forward but knowing the available options in bringing these documents into Dreamweaver would help improve the work flow of your web design.

when you create a MS Word file with the intention of bringing it later on to Dreamweaver, use the formatting options available, focus on the structure rather than how it would look like. There are heading formats in MS Word such as h1, h2 and so on. It would be an advantage to use these formats since Dreamweaver would be able to interpret these also as heading.

METHODS OF TRANSFERRING DOCUMENTS FROM MS WORD TO DREAMWEAVER Copy and Paste importing by opening the word document and then selecting the desired text to transfer and then paste to the open Dreamweaver window. The text would be pasted in a format or passion on the preferences pre-selected under the Edit menu.

4 options1. Text only2. Text with structure (paragraphs, lists, tables, etc.)3. Text with structure plus basic formatting (bold, italic)4.Text with structure plus full formatting (bold, italic, styles)

2. Importing from the File menu, and then clicking on the arrow you will find the import options; XML into Template, Tabular Data, Word Document and Excel Document.

3. Drag and Drop by selecting the file to import simply drag and drop the Word document into the Dreamweaver window. The Insert Document dialog box which we will see under the preferences option for Copy/Paste will open. Simply click on the button of the option how you want the Word document to be imported and it will now be placed into the open Dreamweaver window.

4. You can also defer to insert the contents of the document but opt to create a link; it can be done by selecting the option to “Create a link”. The program will create a link to the specified Word file.

ENTERING TEXT

you will notice that as you enter the text on the document window, Dreamweaver automatically updates the codes.

CREATING A HEADING1. Type and highlight the text that you want to use as

main heading.2. Click the format drop-down arrow.3. Click Heading 1, which will change the text to the

largest heading size. Click Heading 2 if you want to use a second level

heading which is smaller than Heading 1. The smallest heading level is Heading 6.

CREATING A PARAGRAPH 1. Type your text.2. Press the enter key if you want a new paragraph.3. By default, the paragraph automatically aligns on

the left.4 . The width of your paragraph depends on the width of the Web browser. You can use tables or div tags to control of width of your paragraph.

ALIGNING A PARAGRAPH

1.Highlight the paragraph that you want to align.2. On the Menu, click Format and click align.3. Select the alignment you prefer.

CREATING A LINE BREAK

1. Place your cursor on the location where you want a line break.

2. Press Shift plus Enter on the keyboard.

INDENTING PARAGRAPHS

1. Click the paragraph that you want to indent.2. Click Text Indent button on the Property Inspector.3. To remove the indention, click the Text Outdent button.

WORKING WITH LISTSworking with lists is very simple just like many word processing programs such as MS Word.1. Ordered Lists numbered, letters, etc. (<ol>tag) found as icon in the properties inspector and Format menu.2. Unordered Lists bullets (<ul> tag) found as icon in the properties inspector and Format menu.3. Definition List term and definition (<dl>tag)found in the Format menu.4. Ordered and Unordered list do not have much difference in terms of

codes.5. Nested list found on the properties inspector as an icon beside the

bullet and numbered list icons respectively.

CREATING UNORDERED LISTS 1. Type the list items , pressing the Enter key

after each item.2. Highlight the list items3. Click the unordered list button from the Property Inspector.

CREATING ORDERED LISTS

1.Type the list items, pressing the Enter key after each item.2. Highlight the lists.3. Click the Ordered List button from the Property Inspector.

CHANGING THE STYLE OF UNORDERED LIST

1.Highlight the Unordered list that you want to change the style of the bullets.

2.On the Menu, click Format and click List.Select Properties.

3. On the List Properties dialog box, select the Square style.

CHANGING FONT FACE

1. Highlight the text that you want to change the face.2. Click CSS in the Property Inspector.3. Click the font arrow.4. Select from the list the font face that you prefer.5. On the CSS Rule dialog box, enter the name of the new style (do not use spaces or special characters).6. Click OK.

CHANGING THE FONT SIZE

1.Highlight the text that you wan t to change the font size.2. Click CSS in the Property Inspector.3. Click the Targeted Rule and select the name of style that you

have created earlier. If you have not created a style, you can select New CSS Rule.

4.Click the size drop-down arrow.5. Select from the size that you prefer.

CHANGING THE FONT COLOR

1. Highlight the text that you want to change the font color.

2.Click CSS in the Property Inspector.3. Click the Targeted rule and select the name of the

style that you have created earlier. If you have not created a style, you can select New CSS Rule.

4. Click the color Swatch button.5. Select from the Color Palette the color that you prefer.

CHANGING FONT AND COLORS OF THE ENTIRE PAGE

1.On the Menu, click Modify.2.Click Page Properties.3.On the Page properties dialog box, click Page Font

drop-down arrow and select the font you prefer.4.Click the Size Drop-down arrow and select the size

you prefer.

COPYING TEXT FORM ANOTHER DOCUMENT

1. On your MS Word document, highlight the text you want to copy.

2. On the Menu Bar, click Edit and click Copy.3. Go to the Dreamweaver document window, click where you

want the text to be placed.4. On the Menu, click Edit and click Paste Special.5. On the Paste special dialog box, select your paste option.6. Click OK.