In this tutorial, we will put content on our home page. At the same time, we will learn how to use Dreamweaver. If you have not yet have the index.html and style.css in a p2 folder on your desktop, please make sure you follow through the previous tutorial: DW Tutorial 2.
1. Adding some real content
In the image below, I have added some real content: my bio and a photo of me. Let’s also look through some important tools that we can use.
a. When click on the “Source Code” tab, the html code of this web page shows. When clicking on the “style.css” the css code show. The css code is the code we have in the file style.css.
b. Here we can change the title of the web page.
c. Click on any element in the Design Area and you can change the property of that element.
d. Note here I added in some real content: my bio and a photo of me. I put this photo in p2 folder on my desktop. It shows up automatically in my Files Panel. From the Files Panel, I dragged it into the Design Area where I want it to be.
e. Make sure you the have following three panels open: Insert, CSS, and Files. If any of them is not open, in your Toolbar, Window -> Files; Window -> CSS; Window -> Insert.