Add text

As you enter and format text in Design view, Dreamweaver creates the underlying HTML code for the page. To enter code directly, use Code view. For information on Code view, see Tutorial: Editing Code.

The predesigned pages provided with Dreamweaver contain placeholder "Lorem ipsum" text; if you're basing your page on a predesigned page, you'll have to replace the placeholder text with your own text when you're ready to start adding content.

Note: It can be useful to leave the placeholder text in place until you're finished with design and layout, so that you or your client can look at the layout without being distracted by the text.

To add text to your page:

  1. Triple-click the "Title" heading text under the image placeholder in the left column to select that entire heading.
  2. Type Watch the ZX2002 Launch Webcast (or your own heading text if you prefer).
  3. Select the paragraph of placeholder text immediately below the new heading, and delete it by pressing Backspace (Windows) or Delete (Macintosh).
  4. In the Files panel, locate the mainItem.txt file in your Assets folder (inside the 1-Design folder). Double-click the file's icon to open it in Dreamweaver.

    Note: In this sample site, the file containing the text to be used is a text file. For other sites, you might be given documents in a variety of formats, including HTML documents generated by Microsoft Word; you can import such HTML documents and remove unnecessary code using the Import Word HTML command in Dreamweaver. For more information, see Using Dreamweaver Help.

    Note that the text file appears in a new Document window with a gray or colored bar down the left side. This window is in Code view, and can't be switched to Design view because the file is not an HTML file.

  5. Select View > Code View Options > Word Wrap to see all of the text.



  6. In the mainItem.txt Document window, press Control+A (Windows) or Command+A (Macintosh) to select all the text, then select Edit > Copy to copy the text.
  7. Close the mainItem.txt file by selecting File > Close.
  8. In the index.html Document window, click in the blank line below the heading in the main (left) column, and select Edit > Paste Text.
  9. In the right column of index.html, in the sidebar area, select the text that says "News" and type Previews & More, then press Enter (Windows) or Return (Macintosh).
  10. In the Files panel, locate the previewsItem.doc file in your Assets folder. Double-click the file's icon to open it in Microsoft Word. (If you don't have Microsoft Word, you can open the HTML version of the file, previewsItem.html, in Dreamweaver.)

    This file contains copy advertising a Trio Motors special preview, to be added to the sidebar of the main page. If you were creating your own site, you could add your own content to the sidebar, which might be provided by someone else in the form of a Microsoft Word or text file.

  11. In Microsoft Word (or the previewsItem.html Document window), select Edit > Select All to select everything in the file.
  12. Press Control+C (Windows) or Command+C (Macintosh) to copy the text.
  13. Close the previewsItem.doc or previewsItem.html page by selecting File > Close.
  14. Switch back to the index.html document in Dreamweaver. Select the "Lorem ipsum" paragraph in the sidebar.
  15. Press Edit > Paste Formatted to paste the text.

    The text in the Microsoft Word document has a Word style called sidebar-text applied to it. When you paste this styled text into an HTML document, Dreamweaver creates a CSS style named sidebar-text, using the style definition from the Word document, and applies it to the pasted text.

  16. Save your page.

 

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/dreamweaver/mx2004/getting_started_en/gs_04_p7.htm