Previewing a Webpage in a Browser - Getting Started with Dreamweaver CS5 - PART 5

• Getting Started with Dreamweaver CS5
• Part 1: Defining a Site
• Part 2: Creating an HTML Page
• Part 3: Adding and Formatting Text
• Part 4: Creating a Text Link
• Part 5: Previewing a Webpage in a Browser
• Part 6: Inserting an Image
• Conclusion

A webpage browser is an application that is used to view webpages. Some popular webpage browsers include Firefox, Chrome, Safari, and Internet Explorer.

In this part of this Dreamweaver CS5 tutorial series, we'll learn how to preview a webpage in a browser. Even though the Design view of the Document window shows you how your page looks like without the HTML tags, it's still best to preview your webpage in a browser to see exactly how the page will look like on a specific browser.

But before we preview our webpage in a browser, let's first add a title to our webpage.

Step 1
At the top of the Document window, you'll see an input field for the web page title.

Type About Me inside the title field.

Save your document by choosing File > Save.

And later on when you preview this webpage in a browser, you will see the webpage title in the title bar, which can be found at the top of the browser window.

Step 2
To preview your HTML document in a browser, choose File > Preview in Browser from the main menu. You’ll see a list of the browsers that you have in your system. Click on the name of the browser that you'd like to preview the HTML document with, and wait for the browser to load.

Step 3
Your chosen browser should now come up, and you should see it displaying your HTML document. You'll see the About Me title in the title bar, which would be at the top of the browser window. And you'll see the contents of your webpage in the browser's main body. Look for the Go to the next page link that you created, and click on it to see if it works.

Clicking on it should bring you to the page02.html file.

After testing the link, close your browser and go back to Dreamweaver. In the next part of this lesson, we’ll learn how to insert an image in Dreamweaver CS5.