Step 3: Adding text to your web page

Page TItle

1. With DWCS3 open, reopen the page that you created in step 2.
2. You should now see the blank page open in your dreamweaver.
3. For starters, let's give this page a title. In case you're wondering, the title is what will show up in the blue bar of your web browser.
4. So in the menu bar click "Modify" then select "Page Properties" from the drop down menu.
5. You should now see a new window open with the words "Page Properties" across the top of the window.
6. In the category list along the left hand side of the window, click on "Title/Encodings"
7. On the "Title/Encodings" screen you will see a selection of fields. We are only concerned about the top one on the screen named: "Title". Enter in the text "My First Home Page"
8. Let's preview this page now to see how the browser title works. Click the hot key F12 or click "File" in the menu and the select "Preview in Browser" then choose the browser of choice from the list of browsers.

Page Content

1. Switch back to Dreamweaver and let's start adding text to the page
2. There are two primary ways to add text to the page, you can do so in code view, or in design view. For now we will do all of our work in design view. Make sure the "Design" view button is clicked. Refer to dreamweaver help if you don't know where this is.
3. Click somewhere in the page area of Dreamweaver to position your cursor for typing. Note: that all typing works from top to bottom from left to right. This is the same with word processors such as microsoft word.
4. Now just type the following: Welcome to MySite homepage.
5. Always make sure to save your work. Don't forget to save often. Click on the "File" menu and then select "Save" from the menu.
6. Now preview the page as was described in the previous section called "Page Title".
7. You should notice that you now have a page with a title in the browser as well as a welcome message on the page.

Formatting Text

1. For now I won't go into detail on how to format your text, I will only offer you a quick intro.
2. In Dreamweaver you should see a window located below your main editing screen. The window has the title "Properties'. If you cannot find it then try going to the "Window" menu and see if "Properties" has a check mark next to it. If not then select "Properties". This will put a check mark beside it and open the properties window at the bottom of your screen.
3. Just have a look around the properties window. You will see various buttons such as B for setting the selected text to bold. Also there is a way to change the type, color and face of the selected text. You can make your text into a hyper link as well. Don't save your page with any changes you make. We will need this page as is for the next up coming steps.

Next Tutorial - Step 4: Adding an image to your web page

To learn more about the properties window or other parts of the dreamweaver interface, have a look at the following resources:

Adobe Dreamweaver CS3 (Watch the Free Videos Below)
By VTC author, James Gonzalez

Dreamweaver Workspace

Check Out More Chapters from this series.

Book: Adobe Dreamweaver CS3 Hands-On Training Chapter 4, "Learning the Basics", covers the topics above as well as adding images and creating links, which also will be covered here in the next few steps. Click here to read more about it