Including background images in your web pages is a great way to add depth, color, and texture to your designs. You can use backgrounds in Cascading Style Sheets (CSS) to add decorative elements, such as textured backgrounds, gradients, and borders. Using background images in multiple parts of the page makes it possible to create rich, […]
Read MoreEditing CSS Layouts in Dreamweaver CS3 and CS4
Note: The CSS layouts in this tutorial are specific to version CS3 and CS4. Previous versions of Dreamweaver, including versions MX 2004 and 8, did not include the CSS Layouts featured in this column. This tutorial shows how to edit the CSS layouts in Dreamweaver CS5 and later versions. Whether you’re new to CSS, or […]
Read More css, dwcs3, dwcs4Designing with CSS: The advantages of Cascading Style Sheets
The concept of creating styles has been around since long before the Web. Desktop publishing programs (such as Adobe InDesign) and even word processing programs (such as Microsoft Word) have long used styles to manage the formatting and editing of text on printed pages. When using styles in a word processor, you can create and […]
Read More css, dwcs3, dwcs4, dwcs5, dwcs6A quick look at the new features in Dreamweaver CS4
Adobe Dreamweaver CS4 has a fresh new look and loads of new features, including improved CSS support, a new preview environment called LiveView, and better integration with all of the other cool programs in the CS4 suite. All that and more makes this an upgrade worthy of Dreamweaver’s 10th anniversary. Step 1 Download a trial version […]
Read More dwcs4How to use site setup to start a new website in Dreamweaver CS3 or CS4
Before you create a new website or start redesigning an old one, it’s important to first define your main root folder. This is also an important first step if you’re creating your site from a Dreamweaver Template. Defining the main folder for your website is crucial because it enables Dreamweaver to keep track of all […]
Read More dwcs3, dwcs4Choosing the Best CSS Selector: Class, ID, Tag, or Compound
When you create a new style in Dreamweaver using CSS features, you will need to choose which type of style you want to create and which ‘selector’ you want to use. Understanding (and remembering) the differences between the various types of style selectors can be a challenge. That’s why I created this short tutorial on […]
Read More css, dwcs4, dwcs5, dwcs6, web designTroubleshooting Conflicting Styles and Other CSS Challenges in Dreamweaver
Dreamweaver provides a great collection of tools for creating page designs with CSS, but when it comes to altering and troubleshooting CSS, things can get confusing in a hurry. To help you sort through the options, the tutorial below focuses on some of the common challenges you may face when editing CSS in Dreamweaver. 1. […]
Read More css, dwcs3, dwcs4, dwcs5, dwcs6Creating a Navigation Bar using CSS to style an Unordered List in Dreamweaver
It’s become common to format a list of links as a bulleted list, but you don’t have to show the bullets if they don’t fit in your design. Here’s a great CSS trick for turning a bulleted list into a navigation bar with a simple rollover effect. Using a bulleted list for navigation bars is […]
Read More css, dwcs3, dwcs4, dwcs5, dwcs6, linksI’m having trouble with CSS and Divs
Creating Collapsible Panels with Spry in Dreamweaver
Using the Spry features in Dreamweaver, you can create drop-down menus, collapsible panels, and other advanced features. You’ll find the insert options in a Spry Insert bar at the top of the work area, and editing options in the Properties inspector at the bottom of the workspace. This tutorial shows you how to create a Collapsible […]
Read More css, dwcs3, dwcs4, dwcs5, dwcs6