Uncategorized

Dreamweaver 8: The Missing Manual by David Sawyer McFarland

UP TO SPEED: Using Dreamweaver’s color swatch

The innocent-looking gray box in the Property inspector, Change Page Properties window, and various fields in Dreamweaver is called a color swatch. You can use it to choose a color for the selected webpage element in three ways.

Reading: How to create a website using macromedia dreamweaver 8 tutorial

First, you can click one of the colors in the pop-up rainbow palette that appears when you click the box.

See also: How To Trace Email Sender Location

Secondly, you can use the eyedropper cursor that appears when you click on the color box. This cursor is “loaded”; You can click anywhere on your screen—even outside the dialog box—to choose a color, a handy trick if you want to use a color from a graphic in your document. You can even sample a color from another application (from any visible window, Dreamweaver or not): just hover over the color with the eyedropper and click. (Clicking this may take you out of Dreamweaver. Just return to Dreamweaver and you’ll see that the color you sampled has been applied.)

Finally, you can click the color picker icon, which is here is identified to launch the Mac or Windows Color Picker dialog where you can choose from millions of possible colors.

If you decide you don’t want to add a color or you want to remove a color, you can If you have already applied this, click the Default Color button. Without a specific color setting, web browsers use standard colors for that element. For example, text on a web page is typically black unless you specify otherwise.

See also  How to Make Beautiful Blog Thumbnails Easily in Less Than 2 Minutes

See also: How to Install & Run WordPress Locally on Windows or Mac

There is a blank text box next to the color box in each Dreamweaver dialog box. If you know your web colors, you can enter their hex codes in this field, which is sometimes faster and more accurate than clicking the rainbow palette.

In a hex code, a web color is represented by a six-digit number Code like this: #FF0000. (Hexadecimal notation is a system that computers use for counting. In this system you count as follows: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. The # tells the computer that the following sequence is a series of hexadecimal numbers—in this case, three pairs of them.) The best way to know a color’s hexadecimal value is to choose the color you want by clicking the Palette and then look at the code that Dreamweaver writes in the text box next to it.

You can also choose a different set of rainbow colors (which appear in the palette) using the Palette Options menu. There are five different palettes to choose from: Color Cube, Continuous Tone, Windows OS, Mac OS, and Grayscale. The first two contain the web-safe color palette (colors that most browsers reliably display in your chosen hues on most computers) in different arrangements. The Windows OS and Mac OS palettes display the colors available on their respective operating systems in 256-color mode. Finally, the Grayscale palette offers 256 somber shades of gray; You’ll find it particularly useful when creating Ingmar Bergman tribute sites.

See also  Creating Responsive Designs with Dreamweaver CS6 Fluid Grid Layout

Finally, when you use the eyedropper to sample a color, Dreamweaver uses the closest web-safe color—one of only 216 colors. When people surfed the web with old monitors and old graphics cards, it was a good idea to stick with web-safe colors. Today, however, most computer screens can display thousands or millions of different colors – many more than are available in the web-safe palette. In short, consider disabling this behavior by turning off the “Align to Web Safe” option in the Palette Options menu. You have a much wider range of colors to choose from – and all are safe these days.

See also: Webflow for blogging: 4 steps to getting started

.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button