Using White Space August 1, 2008
Posted by tpalmer1 in Content Tips, New Horizons E-Tips.comments closed
It’s important to remember that white space (also known as negative space) isn’t just a background or afterthought–it’s an important part of the design.
By reducing the superfluous elements on your web page, you also strengthen your message’s visual impact.
You’ll actually get your point across better with fewer words and images. When you pay attention to the spatial relationship between elements, you can make your page flow better, leading the viewer’s eye from section to section.
White space isn’t just the area between graphics; it’s also the letter and paragraph spacing, margins–everything on the page.
Creating A Submit Button From A Graphic July 30, 2008
Posted by tpalmer1 in Dreamweaver Tips, New Horizons E-Tips.comments closed
Creating a submit button from a graphic in Dreamweaver (MX/MX 2004)
Tired of the old gray Submit button? You can easily replace it with a graphic of your choice–just follow these steps. First, select Insert > Form Objects > Image Field. Next, locate the image you want to use and click OK. If Dreamweaver asks you if you want to add a form tag, click Select. Then, open the Property inspector and change the ImageField text to Submit. Select the image to display it on the page and you’re all set. Your graphic now works the same as a standard Submit button.
For future compatibility, use hexadecimal character encoding
To display a character to the user instead of having the browser try to interpret it as code, you use character entities (i.e., escape sequences). You may be used to writing these in decimal format; for instance, to display the less-than symbol (<), you may write the following (with leading 0s being optional):
<
However, the latest W3C proposed recommendation “Character Model for the World Wide Web 1.0″ recommends that you write such escape sequences in hexadecimal. The reasoning is that now that Unicode is the standard text format (to accomodate the use of characters different languages), hexadecimal will become more common, and decimal representations of characters less common. Hence, to write the less-than symbol, insert the letter “x” to show the number is hexadecimal, and then write 60 in base 16, which comes out to “3c.” As a result, you’ll get this:
<
Of course, both < and < display as the character “<” in modern browers. But in the future, the second form may become easier to look up in reference sources.
You can find the Character Model for the World Wide Web 1.0 at the following address:
www.w3.org/TR/charmod/
in Dreamweaver (MX/MX 2004)
Tired of the old gray Submit button? You can easily replace it with a graphic of your choice–just follow these steps. First, select Insert > Form Objects > Image Field. Next, locate the image you want to use and click OK. If Dreamweaver asks you if you want to add a form tag, click Select. Then, open the Property inspector and change the ImageField text to Submit. Select the image to display it on the page and you’re all set. Your graphic now works the same as a standard Submit button.
For future compatibility, use hexadecimal character encoding
To display a character to the user instead of having the browser try to interpret it as code, you use character entities (i.e., escape sequences). You may be used to writing these in decimal format; for instance, to display the less-than symbol (<), you may write the following (with leading 0s being optional):
<
However, the latest W3C proposed recommendation “Character Model for the World Wide Web 1.0″ recommends that you write such escape sequences in hexadecimal. The reasoning is that now that Unicode is the standard text format (to accomodate the use of characters different languages), hexadecimal will become more common, and decimal representations of characters less common. Hence, to write the less-than symbol, insert the letter “x” to show the number is hexadecimal, and then write 60 in base 16, which comes out to “3c.” As a result, you’ll get this:
<
Of course, both < and < display as the character “<” in modern browers. But in the future, the second form may become easier to look up in reference sources.
You can find the Character Model for the World Wide Web 1.0 at the following address:
www.w3.org/TR/charmod/
Preserve Formatted Word Text In Dreamweaver July 30, 2008
Posted by tpalmer1 in New Horizons E-Tips.comments closed
Preserve formatted Word text in Dreamweaver to save time
(Microsoft Word, Dreamweaver MX 2004)
If your Word document includes formatting and typography that you want included in your web designs, you can paste the text into your Dreamweaver layout and preserve its typographical architecture. To do this, highlight the text in Microsoft Word and press [Ctrl]C ([command]C on the Mac) to copy it. Open your web page in Dreamweaver and place your insertion point in the location that you wish to paste your text. To paste Word text along with it’s formatting into your Dreamweaver document window, select Edit > Paste Formatted.
Follow this quick usability rule to save users from unnecessary frustration
You may have heard of the three clicks rule:
* Don’t make the user click more than three times to get anywhere important.
But, if you really want happy users, follow the information parity rule:
* Don’t require any more clicks or other information from the user than a logician would require to deduce exactly where the user wants to go.
For instance, suppose your website sells bus and boat tours to various destinations. If the user selects Hawaii, presumably you only offer boat trips, not bus trips. So, don’t send him to a menu where he has to click on a link that says By Boat. Just send him through to the Hawaii Boat Trip page since that’s the only possible option.
Of course, you may wonder what the big deal is if the user only has to click three or fewer times. The problem is that users can get annoyed if they think that the clicks or information your site requests are unnecessary. All the rationalization in the world means little if the user intuitively knows there’s a better way.
How To Use A Font You Don’t Own July 30, 2008
Posted by tpalmer1 in New Horizons E-Tips.Tags: Dreamflex Web School E-Tips from New Horizons
comments closed
(Macromedia Dreamweaver MX/MX 2004)
You can add a font to your list of available fonts even if you don’t own the font but know it’s widely used. To do this, select Edit Font List from the Font dropdown menu in the Property inspector. In the Edit Font List dialog box, type the name of the font in the text box below the Available Fonts list box.
This comes in handy if you have a font such as Bookman on your Mac, but you don’t have Bookman Old Style. Then, you may want to make Bookman Old Style your second choice. This offers your user’s browser a close substitute option.
Just remember that no preview is available in the Edit Font List dialog box, and Dreamweaver doesn’t allow you to display any individual font unless it’s added to the Font List. Because of this, view your font faces in another program to be sure of which font you’re using.
