Web design & Internet tutorials
Search the site...
Home» Tutorials » Dreamweaver CS4 (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

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

A quick look at the new features in Dreamweaver CS4

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

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 dwcs4

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

Choosing the Best CSS Selector: Class, ID, Tag, or Compound

Posted by Janine Warner - September 3, 2012 - CSS, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials, Web Design

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 design

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
  • 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

This is a demonstration store. No physical products will be shipped. Dismiss