Archive for August, 2009

Check Your Web Pages on All Browsers

Monday, August 31st, 2009

Browsers will display your web pages differently — there’s just no way around it. Text will wrap differently, images will align differently — everything will be different. And sometimes, the difference will be significant.

browsersFor example, Mozilla will read the default for horizontal alignment of a cell as “left” while IE will read the default for horizontal alignment as “center,” unless you set it specifically to “left.” This will mean a HUGE difference in the way the text displays within the cell.

Subtle things, like the look of a border that has been coded in your style sheet, will look different, depending on the browser. At least once a week, I run into something new that I have never seen before — and the list changes as new releases of the browsers come out.

I had one client come to me because their cascading menu javascript would no longer display the main navigation structure with the newest release of IE — essentially rendering their web site completely useless. It’s surprising what one small difference can make when it comes to html.

Always, always, always check your developing website under various conditions to ensure functionality.

What Makes for Common Sense Web Design

Monday, August 24th, 2009

always_plan_ahead3It’s a common mistake for Web designers who are starting out to become too preoccupied with making a “perfect picture” on the Web page, without understanding how important it is to develop a user-friendly Web site that is easy for the first-time user to navigate.

Beginners in Web design might find the tips at:

Web Design Do’s and Don’ts

and

What Makes for Good Common Sense Web Design

to be useful.

A good web designer always keeps an eye toward the future — always anticipating even before the client does what components the client is likely to need as time goes on.

It’s very easy to become trapped by thinking too much about the visual impact of the site without regard for the practical matters involved in creating a site that will be able to change with the times. A Web design should be able to “breathe” — and not be too confined by any one visual element to the point where changes and updates cannot be made without disturbing the overall design.

I provide initial consultations free of charge to evaluate your present Web site. If you would like to make an appointment, please don’t hesitate to contact Christopher Merrill.

Beware: Link Exchanges May Be Scams

Monday, August 17th, 2009

As a web designer, I receive emails every day from individuals wanting to exchange links with me so as to attract the search engines to their site. While link exchanges can be a valuable tool for getting your information out there, one should first be very careful about hooking up with “link farms” – sites that are simply collections of links (and as many links as the site owner can possibly collect!) solely for the purposes of duping the search engines into thinking their site is more popular than it really is.

link_exchange_scamsAnother warning: a site owner can put their links page into a “no follow” directory, so that essentially the search engine will IGNORE the links page in question — and there’s no way you can detect this.

Be careful to be selective with your link exchanges: if the site that you are linking to is not in your area of business, then there’s really no likely benefit from linking to it. Here is a case where MORE is not necessarily BETTER. Choose whom you link to wisely.

How to Fix Cascading Menus that Drop Behind a Flash Display

Monday, August 10th, 2009

menus_behind_flashIf you work regularly with cascading menus java scripts, you might run into this problem: You’ve created the java script for your navigation bar, and it is working fine; however, you notice that the menus drop BEHIND the Flash display that you have created and put just underneath the navigation bar containing the cascading menus.

To solve this problem, in Dreamweaver, insert the Flash movie into an HTML page, select the Flash movie. Then, under properties, choose “parameters.” Enter “wmode” for the paramenter and for the “value”, enter “transparent”.

This will put all the cascading menus IN FRONT rather than BEHIND the Flash display that you have created.

For more information, see How to make a Flash movie with a transparent background.

Here is an example of the coding:

menus_behind_flash2

Why Do I Need CSS (Cascading Style Sheets)?

Monday, August 3rd, 2009

For the novice web designer, becoming familiar with cascading style sheets (CSS) can be a daunting task. It’s tempting to just “design as you go,” changing font styles, colors, sizes, etc. individually with each new text section of the website as you come to it.

css_style_sheetsThe problem is, it will quickly become difficult, if not nearly impossible, to update the site with any consistency once you have formatted each section individually. Plus, the likelihood of errors and inconsistencies creeping in increases exponentially, as you become forced to change each individual style selection that you have made whenever you want to change the overall look and feel of the Web site.

Another important advantage with cascading style sheets (CSS) is they decrease the amount of redundant html code that appears on the pages of your Web site, making it easier for the search engine robots to scan your site and pick out the important key words and phrases that you have chosen so as to give you Web site strong visibility with the search engines (see SEO for more information).

Once you become familiar with cascading style sheets, you will never turn back!