Typically, you don’t begin building a website by opening Dreamweaver and laying out pages. For more information on these new layouts, refer to What’s new in the Dreamweaver CS5 CSS layouts by Stephanie (Sullivan) Rewis. But I didn’t want to start you off with any of these layouts because I think it’s important to experience what it’s like to build a page layout completely from scratch.
Note: Dreamweaver CS5 comes with 16 wonderful pre-designed CSS layouts that you can use as the starting point for your web pages. If you’re up for the challenge, you can just dive right into this tutorial to begin creating your first CSS-based layout.
For a more in-depth look at CSS, take a look at the extracts from my book, Getting StartED with CSS. You can start by reading CSS page layout basics, which is an overview of how CSS layouts work. However, CSS layouts can be difficult to understand and create, and it helps to have some background knowledge before building your first layout with CSS. CSS offers superior dreamweaveribility and control over your layout, allowing you to create elements on the page and fine-tune their positions with pixel precision. Laying out web pages with CSS (cascading style sheets) has become the standard for modern web design. A page layout determines how your page will appear in the browser, showing, for example, the placement of menus, images, and other kinds of content.
#Adobe dreamweaver cs5 specifications how to#
This tutorial explains how to create a CSS-based page layout in Adobe Dreamweaver CS5. Welcome to the second part of this tutorial series on creating your first website.