Week 14 Summary

12 Rules for Choosing the Right Domain Name

Full list of available domain registars: ICANN-Accredited Registrars

Rotating Images with Dreamweaver and JavaScript

Adding a Flash/XML slideshow

CSS Zen Garden

Remember to always designate link, visited, hover and active states for you links, even if only one of those will change color (ie state the color for a visited link even if you want it to stay the same as an un-clicked link). Leaving states undesignated might cause a browser default to override your intended styling. You can group the selectors together in a rule if they are to have the same attributes ie: a:hover, a:active {

When underlining text or links you have an alternative to simply stating “text-decoration: underline”. You can create an underline with “border-bottom” which gives you more control (you can state the width of the line or make it dashed, etc.)

Don’t float things next to headings, they need to always have their own line to themselves.

To keep track of the colors on your webpage you can place a color guide inside of your CSS document. This will not affect the code if you put inside /*……*/

When floating objects if you do not clear between them they will float next to each other on the same line. If you want them on separate lines be sure to clear.

When listing attributes for a link if you include “display: block;” the link will extend for the entire box around the link and give you more click-able space, and not just the text itself.

Pseudoselectors must be used in the correct order.
The correct order for links is: link, visited, hover, active.

In Dreamweaver you can use the behaviors panel to add javascript to your code without writing it yourself. This allows for an easy addition of image rollovers, etc.

You can create an image rollover by either choosing “insert–>rollover image” and then selecting both images and the link to include in the dialog box which pops up, or you can use the behaviors panel and select ‘swap image’ from the drop-down. You can choose ‘on click’ or ‘on rollover’ to determine when the image will change. You can also designate if the change stays after removing your mouse or if it will swap back when you take the mouse away (‘restore images on mouse out’). It is best to select ‘preload images’ so that the images will appear smoothly unless the page has a really significant quantity of images on it, which may cause the page to take too long to load.

Whenever you use javascript with an image it is necessary for that image to have a unique ID or name attribute.

To cause the cursor to turn into a hand when it moves over something interactive, add this to the CSS:
cursor: pointer;

This entry was posted in ART 170: Web Design 1. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s