Introduction / Creating Your First Website in Dreamweaver / Editing code in Dreamweaver
This guide is designed to introduce you to using Macromedia Dreamweaver MX if you’re unfamiliar with any major aspect of it. The lessons in this guide lead you through the process of creating a simple but functional website.
Macromedia Dreamweaver MX is a professional HTML editor for designing, coding, and developing websites, web pages, and web applications. Whether you enjoy the control of hand-coding HTML or prefer to work in a visual editing environment, Dreamweaver provides you with helpful tools to enhance your web creation experience.
The visual editing features in Dreamweaver let you quickly create pages without writing a line of code. If you prefer to code by hand, however, Dreamweaver also includes many coding-related tools and features. And Dreamweaver helps you to build dynamic database-backed web applications using server languages such as ASP, ASP.NET, ColdFusion Markup Language (CFML), JSP, and PHP.
Note: This guide is not a comprehensive manual for all of the features of Dreamweaver MX, nor is it an introduction to web design. For more detailed information about Dreamweaver, see Dreamweaver Help (choose Using Dreamweaver from the Help menu).
Go to top
Creating Your First Website
This chapter provides a series of brief lessons that guide you through the process of creating a simple static website using the visual authoring tools in Macromedia Dreamweaver MX. For information on using the hand-coding tools in Dreamweaver, see Editing code in Dreamweaver; for information on creating a database-driven dynamic web application, see Understanding Web Applications.
The order of lessons in this chapter follows one possible workflow for creating a site. When creating your own sites, you can follow whatever workflow is most comfortable for you.
To create a static website:
Plan and prepare (see Set up a local site and Add assets to your site).
Create pages (see Create and save a new page).
Lay out and set up the pages (see Adjust the layout and Set a page title).
Add content to your pages (see Add styled text and Add images).
Link pages together (see Add text links between pages and Create rollovers for graphical links).
Publish your site (see Preview in browser and Set up a remote site, then publish).
Go to top
Editing code in Dreamweaver
While web developers can benefit from the rich visual tools offered by Macromedia Dreamweaver MX, many developers also use coding tools to get the job done. Dreamweaver has many new features to give you the professional coding environment you need.
This chapter gives you a quick view of Dreamweaver’s new professional coding environment. For more information, see Coding in Dreamweaver.
Go to top