Determine which headings are for main topics (Heading 1) and which are for subtopics (Heading 2 or 3). Headings: Start by identifying the headings you will use.Before you add text to a Web page, consider the following guidelines for organizing and formatting text: Most informational Web pages start with a heading, include paragraphs of text, provide one or more lists, and end with a closing line. You can insert a line break by holding down the shift key and then pressing the enter key. To start a new single line without a blank line between lines of text requires a line break. Web browsers automatically insert a blank line of space between paragraphs. Pressing the enter key creates a new paragraph and inserts a blank line.
You can position the insertion point at the upper-left corner of the Document window or within another object, such as a table cell. Entering text into a Dreamweaver document is similar to typing text in a word-processing document. In this topic, you create the index page for the Montana Parks Web page by typing the text in the Document window. In Dreamweaver, you can create a Web page in several ways: (1) add text to a new document (2) open an existing HTML document, even if it was not created in Dreamweaver (3) copy and paste text and (4) import a Word or Excel document or tabular data. Click the Save button on the Standard toolbar to save the document (Figure 1-39).Ī How do I know the O document is saved? When the document is saved, the Save button on the Standard toolbar is dimmed.Click the OK button to apply the image to the page.Click the OK button to accept the background image and close the Select Image Source dialog box.Click the parks_bkg file to select the file (Figure 1-38).If necessary, click the View Menu button and then click Details to display the file list in Details view.Double-click the images folder to display the images file list.Why should I use a Q background image on my Web pages? Background images add texture and visual interest to your Web pages. Click the Background image Browse button to display the Select Image Source dialog box (Figure 1-37).Click the Appearance (HTML) category to display options for adding a background image to the page (Figure 1-36).Click Modify on the Application bar and then click Page Properties to display the Page Properties dialog box.
#DREAMWEAVER CS5 FREE TUTORIALS HOW TO#
The following steps illustrate how to use the Page Properties dialog box to add that background image to the index page. When you copied the data file earlier in this topic, you copied an image file that will be the background for the Montana Parks Web site pages.
To Add a Background Image to the Index Page Web page images displayed on top of a busy background image may not mix well, and text may be difficult to read. Be cautious when selecting or designing background images.You can find copyright-free background images on the Web or you can design them yourself. Use a background image to add texture and interesting color to a Web page.If you use both a background image and a background color, the color appears while the image downloads, and then the image covers the color. You can change the default background and enhance your Web page by adding a background image or background color.The page properties you select apply only to the active document.Īs you design and plan a Web page, consider the following guidelines for applying color and images to the background: You can assign new page properties for each new page you create, and modify properties for existing pages. The Page Properties dialog box lets you specify appearance, links, and many other aspects of page design. You can modify these default properties using the Page Properties dialog box. Get undocumented workarounds and shortcuts.Each new Web page you create is displayed with a default white or gray background and other default properties. Build and preview websites for smartphones and tablets. Connect your site to a database and build pages that dynamically sort and display stored information. Choose from pre-packaged JavaScript programs to add drop-down menus, tabbed panels, forms, and other features. Use powerful, easy-to-use tools such as CSS3 and Spry effects to build visually rich, fast-loading pages. Apply your knowledge through tutorials and downloadable practice files. Go from building your first web page to creating interactive, database-driven sites. With its jargon-free explanations, 13 hands-on tutorials, and savvy advice from Dreamweaver expert Dave McFarland, you'll master this versatile program with ease.
#DREAMWEAVER CS5 FREE TUTORIALS MANUAL#
That's where Dreamweaver CS5.5: The Missing Manual comes in. Dreamweaver is the tool most widely used for designing and managing professional-looking websites, but it's a complex program.