Web design & Internet tutorials
  • Home
  • Web Tutorials
    • Online Reputation
    • Social Media
    • Web Design 101
    • Mobile / Responsive Web Design
    • Dreamweaver
      • NEW CC Tutorials
      • CS6 Tutorials
      • CS5 Tutorials
      • CS4 Tutorials
      • CS3 Tutorials
    • WordPress
    • Expression Web
    • Cascading Style Sheets
    • Ask the Author
  • About
  • Contact
Search the site...
Home» Tutorials » Dreamweaver CS3 (Page 2)

How to Add Background Images to Web Pages Using Cascading Style Sheets

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, edit, Tutorials

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 More css, dwcs3, dwcs4, dwcs5, dwcs6

Editing CSS Layouts in Dreamweaver CS3 and CS4

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver CS3, Dreamweaver CS4, edit, Tutorials

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, dwcs4

Comparing CSS Selectors in Dreamweaver 8 and CS3

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver, Dreamweaver CS3, edit, Tutorials

What’s the best Selector: Class, Tag, or Advanced? Even if you’ve been working with CSS for a while, understanding (and remembering) the differences among the various types of style selectors can be a challenge. As you can see in this screenshot of Dreamweaver’s New CSS Rule dialog, the first thing you need to do is […]

Read More css, dwcs3

Designing with CSS: The advantages of Cascading Style Sheets

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, edit, Tutorials

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, dwcs6

How to use site setup to start a new website in Dreamweaver CS3 or CS4

Posted by Janine Warner - September 3, 2012 - Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, edit

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, dwcs4

Troubleshooting Conflicting Styles and Other CSS Challenges in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, edit, Tutorials

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, dwcs6

Creating a Navigation Bar using CSS to style an Unordered List in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

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, links

I’m having trouble with CSS and Divs

Posted by Janine Warner - August 25, 2012 - CSS, CSS, Dreamweaver, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, FAQ, Tutorials

Hello Janine, I am stuck on an issue with CSS and Div tags. I do great up until I apply the style to float the a div to the left of my story. Once I apply that, my Sidebar content jumps out of the Sidebar div and is in the Story div. I’ve been spinning […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Creating Collapsible Panels with Spry in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

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

Create a pop-up window in Dreamweaver by launching a new browser window

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

By Janine Warner You can use Behaviors in Dreamweaver to create many interactive features; like opening a small browser window when someone clicks on an image. This is a great way to make supplemental information available without closing the page a visitor is already viewing. When you set up a Behavior in Dreamweaver, you apply […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6
  • 1
  • 2
  • 3
  • 4

Recent Posts

  • Google Analytics for Creative Professionals – new class on Pluralsight
  • Follow the cursor JavaScript sample
  • Part Four: Tools that let amateurs look like professionals
  • Part Three: Influence, Klout and finding what’s hot
  • Best social media tools part 2: Twitter, Instagram and Pinterest
  • How to add sound to a website
  • The advantages of a dynamic website, such as WordPress
  • How do you preserve Google rankings when you redesign a WordPress site ?
  • Browser Testing Tools
  • My updated Facebook Template works on small and large screens




© 2001 - 2020 All rights reserved. DigitalFamiliy.com | Terms & Conditions of Use | Privacy Policy
  • Home
  • Web Tutorials
  • About
  • Contact