Dreamweaver Is Not Enough

dreamweavericonYes Dreamweaver is an excellent tool, but it will not cover everything.

To get the most out of your Dreamweaver experience, you’ll need to hand code from time to time. This is why it’s still important to become fluent with the basics in HTML. You can get the basics from an online course, or simply from any of the basic books like Html for Dummies.

For those who don’t understand HTML, WordPress would probably a better solution.

Stuck inside all that html code? You can search for answers on the Web or contact Chicago Web Designers at Christopher Merrill.com

Posted in General Web Design Tips | Leave a comment

Web Design: Form Follows Function

form follows function

Start with the WHAT and then go to the HOW

With Web design, form follows function. If your links don’t work or if users can’t find what they are looking for, then it won’t matter how eye-catching your website is. Your site will get a reputation for being troublesome and people will stay away in droves.

That’s why it is so important to start with the essentials BEFORE beginning the design process. Otherwise you risk ending up with a lot of wasted space.

Want your site to be different from all the others? Beware of going too far: users may not be able to find their way around (and leave your site)!

Also, be careful not to fall into a vanity trap, thinking your site is special and people won’t mind hunting around for things on your site because it is, after all, YOUR SITE, and users will be so fascinated they will never leave.

Yeah, right.

Take heed. There’s lots of competition out there.

 

Posted in General Web Design Tips | Leave a comment

Upload Images First

dead image

Avoid dead images!

Always upload all of your new images FIRST before uploading the HTML files.

If you upload the HTML files BEFORE the images, you run the risk of having images not appear on your webpage — albeit during a brief period of time (hopefully).

If you upload the HTML files first, there can be a significant amount of time during which the images will not show up (until they are uploaded). That period of time can become long if some sort of glitch occurs immediately after you have uploaded the HTML files, preventing you from being able to upload the images immediately after.

Remember: the uploading of files to your website server should be performed in a specific order (images first) so as to avoid dead links that show up live on the webpage before you have a chance to remedy the situation.

Questions?  Contact Chicago web designer Christopher Merrill.

Posted in General Web Design Tips | Leave a comment

What Goes in the Footer?

  • footer2Your full address
  • Your zip code
  • Your contact phone numbers
  • Your contact email(s)
  • Copyright information
  • Trademarks
  • Small verion of your logo
  • Sitemap
  • Repetition of main links
  • Link to contact us page
  • Terms of service
  • Privacy guidelines
  • Disclaimer
  • Site search

Redundancy is a good thing in websites. Just because the contact information is posted on your contact us page doesn’t mean it shouldn’t be posted in the footer (and other places as well). Perhaps the most common novice web designer mistake is to bury the contact information in a contact us page.

Remember, web users (myself included) will search your footer for links if their cursor is closer to the footer than to the header on your web page.

Every web page should have a footer, no matter how “artsy” the design.

If you want your website to look like “something no one has ever seen,” chances are, your users won’t be able to find their way around. There’s a reason why many websites look formulaic: because the formula works.

For more information, check out Freelance Web Designer Christopher Merrill.

Posted in Do-it-yourself SEO, Starting Out, Wordpress | Leave a comment

Why Does the Image Get Fuzzy When I Enlarge It?

blurry images

Why do images get blurry after you enlarge them?

It is simple to reduce the dimensions of an image: open any image-editing program (Photoshop, Gimp, etc.) and reduce the height and the width of the image, making sure that the proportions are “locked.”

However, it doesn’t work the other way around: you can’t increase the dimensions of an image without causing the enlarged image to appear blurry.

This is because unnecessary details have been extracted from the original image before it has been posted. This is called “image optimization.” The file size in kilobytes has been reduced. Without optimization, the file would take much longer to downloadThis is why it is important when you purchase images to select a file size that is large enough for use on your site.

So when you enlarge an optimized image, the details become fuzzy. There are not enough  details there for the image to be crisp at the larger size.

To avoid this, make sure the original image is high-definition.

A word of advice: don’t overwrite the original large image with a smaller one. Once you have optimized an image and saved it under the same name, you won’t be able to go back to the original size.

A common mistake is to use many small images on the home page rather than displaying one strong image that represents your services.

See other web design mistakes.

 

 

 

 

Posted in General Web Design Tips | Leave a comment

Don’t Use Line Breaks to Adjust Alignment

Don't Use  for AlignmentIt is tempting to use a line break (<br />) to “clean up” alignment.

The trouble is, different browsers will insert line breaks at different places. So if you manually insert a line break to “even out” things, the results might look good on some browsers, and not so good, or even disastrous, on other browsers.

You could get something that looks like this:

The quick brown fox jumped over the lazy dog a few minutes before the
hunter
appeared on the horizon with rifle in hand.

Remember, working in html is not like working in Word: what you see on the screen is only an approximation of what will be seen across various browsers. Results vary under different conditions, especially when it comes to word wrapping.

It’s best to allow the words to wrap where they may, even if the results are not ideal on some browsers.

Posted in General Web Design Tips | Leave a comment

Should I Buy a Second Computer Screen?

screens2The answer is YES.

With two screens connected to your computer you can move your cursor easily back and forth from one screen to the next.

Just think of the amount of time you spend switching between tabs on your computer.  Having two screens will make your life easier.  Think of the amount of time you spend switching between tabs on your computer, and think of the time you spend hunting for the tab you want.

With two screens you can view a web page and its source code at the same time.  You can even view two separate parts of the same page at the same time.  It’s a breeze.

Sure, having a second screen is an expense; and yes, you’ll need to make more room for it on your work surface, but the time (and aggravation) you will save will be well worth it.

Questions? Contact Chicago Web Designer Christopher Merrill.

Posted in General Web Design Tips | Leave a comment

Websites Get a Good Reputation by Providing Useful Information

inform2Here’s something I hear a lot:  “I want my website to be something like they’ve never seen before.”  A lofty goal, and when you are talking about what the website does, a noble one.  However, more often than not, when a client says this, they are talking about the site design – they want the site to look different from all the other ones.  The problem: When a site looks different from all the others, the user can easily become lost, not knowing where to look or how to navigate.  The result is a website that is not user friendly.  When a site is not user friendly, users will leave immediately.  They are not likely to hang around simply because your site looks “cool.”

Think about it.  When you hear your friends talk about a great website that they have found, they are most likely talking about the information the site provides – not how it looks.

Sure, visuals are important, but not when they replace information.  Take a look at the major players like Yahoo, CNN, The New York Times and Time Magazine.  Their main pages are filled with links to information.  They figured out long ago that users don’t want to see beautiful images on their main page, they want facts.

Need web writing? Contact Christopher Merrill.

Posted in Do-it-yourself SEO | Leave a comment

Healthcare.gov: Wishful Thinking on a Grand Scale

healthcaregovThe failure of Healthcare.gov is no surprise. It is, after all, a website, just like any other website.

I come across this same thing almost daily with my clients. They want what they call “a website” by a certain date, but wait till the last minute to provide me with (1) the specifications of what they want, (2) the information that they need posted, or (3) the functionality they require. Then they wonder why the deadline can’t be met; or they wonder why the deadline was met, but the site doesn’t work properly.

When a site designer agrees to honor a deadline over which they essentially have only limited control, we have what I call the WISHFUL THINKING SYNDROME. They hope everything will work  before being able to test completely, since, to them, it looks like it should work.

When the site doesn’t work (after it is launched), everything goes to pot, because it takes weeks and months to uncover and resolve all the problems. Quality control is needed to ensure that the site will operate effectively under all conditions. Meanwhile users become angry because their time has been wasted trying to make a nonworking website work. And they have a right to be angry. It feels like a fraud; and frankly, it is.

Throw in government bureaucracy and you have a recipe for disaster with all the trimmings. After several delays before the bill was finally law–especially after the government didn’t know for quite some time whether the law would be struck down (until the Supreme Court ruling resolved that issue)–there was no time left.

You can’t set a deadline until you have a reasonable understanding of what is involved in making and testing a website, and you can’t honor a deadline over which you have only limited control.

Healthcare.gov site was doomed from the start. There is no precedent that I know of for a site built on this scale in so short a time, and it was naive for all to hope that it would.

Posted in General Web Design Tips | Tagged | Leave a comment

Use WordPress Mobile Templates to Boost Your Audience

Wordpress cellphone templatesPlugins can be used to create optimized versions of your site for cell phone. Users will see a condensed version of your site on their small screen. This makes is easier for them to navigate and to read your text.

Your text will appear larger on the screen when viewed on a mobile device, and it will wraparound appropriately, whether or not you hold your cell phone in a vertical or a horizontal position. The important thing here is that users will not have to zoom in to read your text and then, once the text is enlarged, have to scroll left and right on each line to read its entirety!

Users who know that your website is optimized for cellphones and tablets will be more likely to consult your site on the go. These repeat visits will boost your rankings, and add to your integrity as well.

Many large sites are choosing not to provide mobile-friendly versions so as to encourage users to download their apps. Apps are poised to take over cell phone browsing completely in time.

Dreamweaver provides template options for mobile devices. These as well as the WordPress plugins will detect when a user is on a mobile device and adapt the design appropriately. Some templates allow the user a choice to navigate between the full version and the mobile-device version.

Confused? Contact Chicago Web Designer Christopher Merrill for help.

 

Posted in Wordpress | Leave a comment