Join Paul Trani for an in-depth discussion in this video Creating web pages, part of Creating a First Web Site with Dreamweaver CS4.
- View Offline
Dreamweaver makes it easy to create many web pages with the basic HTML structure already in place and I can easily do that from the Welcome Screen, the middle column, I can create a new HTML document. So, I have selected that and we'll go ahead and create an HTML document and I'm going to make sure the Split Layout View is shown and with this new document, I can go ahead and give it a title, Jane Doe Photography, just like that.
I can also give it some page content. This is the homepage. That's what this page is going to be. Then I can even go ahead and save this page to my Desktop and I'm just going to call this Index HTML and place it on my Desktop. So, that's a quick and dirty way to make an HTML page but as you can see, I can't get to that Welcome Screen anymore. What I can do is go to File > New. From this New Document dialog box, I can make sure I'm creating a new HTML page with no layouts.
I can just click Create. It does the same thing, so I have Untitled-2 and I can call this About Jane Doe. So, I'm just going to make a series of pages. This is the About page. I'm going to save this page as well as About, save it, and now I want to make two more as well. So, I'm going to go to File > New and each time I do this, I can just double-check for instance the DocType, which is what it's adding, but for the most part, I don't want to really worry about any of this stuff.
I'm just creating new blank HTML pages. So, for this one, this is going to be the Portfolio of Jane Doe and this is the Portfolio page, so I'm slowly setting up my site. Save it on my Desktop. Portfolio and lastly, I'm going to go to File > New and make sure my layout is set to None. Click Create and make this my Contact Jane Doe.
This is my Contact page just like that, and again, I'll go ahead and save it out. Just on my Desktop is fine. Contact. Save that and there are my four pages. So, if I take a look, if I hide Dreamweaver, there are my four HTML pages and really at this point, the next step would be to start adding a content to these HTML pages.
- Exploring the Dreamweaver workspace for first-time users
- Linking to external web pages and sites
- Improving the presentation of text and images on the site
- Building a layout using Cascading Style Sheets
- Making navigation reusable across multiple pages
- Displaying content using the Accordion widget
- Creating a contact form and sending data from it
- Making the final site search engine-friendly