2. 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.
3. 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.
4. 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 options
1. Text only
2. 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)
5. 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.
6. 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.
7. 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.
8. ENTERING TEXT
you will notice that as you enter the
text on the document
window, Dreamweaver automatically
updates the codes.
9. CREATING A HEADING
1.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.
10. 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.
11. 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.
12. 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.
13. 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.
14. WORKING WITH LISTS
working 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.
15. CREATING UNORDERED LISTS
1. Type the list items , pressing the Enter key
after each item.
2. Highlight the list items
3. Click the unordered list button from the
Property Inspector.
16. 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.
17. 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.
18. 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.
19. 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.
20. 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.
21. 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.
22. 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.
