Sunday, May 4, 2008
The DIV/CSS style is a major leap in web site authoring, which separate the HTML content from the (CSS) presentation. This tutorial shows you how to use div instead of table tags.
The following step by step tutorial were Originally posted here.
Step 1: Define a new site in Dreamweaver
Step 2: Create a Dreamweaver Template
Step 3: Create the Page Layout in the Dreamweaver Template
Step 4: Create the CSS Style Sheet
Step 5: Insert Common Elements into the Dreamweaver Template:Text & Images
Step 6: Create Libraries or Server Side Includes
Step 7: Define the Editable Regions of the Template
Step 8: Create the HTML Pages of the Site with Content/ Forms
Step 9: Link the Pages
Step 10: Test the Site Locally and Upload Online to the Hosting Server
Project 1: Table Based Layout Website
Project 2: DIV/ CSS/ Tableless Layout Based Website
Project 3 : Website with Server Side Includes
Spry Tutorial
Dreamweaver Tutorial 1: How to Create a Website with Dreamweaver CS3
Dreamweaver Tutorial 2: How to Spice Up Your Website with Images in Dreamweaver CS3
Dreamweaver Tutorial 3: How to Add Links, Change Fonts and Change Colours in Dreamweaver CS3
Dreamweaver Tutorial 4: How to Add a Navigation Menu Bar to Your Website in Dreamweaver CS3
Dreamweaver Tutorial 5: How to Use Templates to Manage Your Website in Dreamweaver CS3
Dreamweaver Tutorial 6: How to Add a Feedback Form to Your Website in Dreamweaver CS3
How to Insert Raw HTML Code in Dreamweaver
More Dreamweaver Tutorials
Adobe Dreamweaver CS3 Classroom in a Book
Tutorial Exercise Files
Sams.Adobe.Dreamweaver.CS3.Unleashed.Oct.2007
0 Comments:
Post a Comment