I’m going to outline some of the basic terms and concepts use in web design that my clients will experience when talking to me about their project. I have included screenshots for some of these as well. To view a larger version of this template you can click here. The example used is a ready made template that is currently for sale.

Content The textual or graphical area within the website that changes depending on the page you are on.
Link text or a graphic that connects to another page.
CMS Content Management System. Software or cart that is used to manage a website. This allows the client to web content without learning code or downloading via FTP.
Site Admin If your site is managed using a CMS, the site admin is the backend of the site where you manage the content.
FTP File Transfer Protocol. The act of downloading and uploading files to the web host. Files contain the code that run the website.
Theme or Template This is the style or look of a website. The template is one file or a series of files that control the layout of the website. The template is static, it stays the same throughout the website and wraps around the content.

Template/Theme Parts

	Website Background The website background is the area behind your website in the browser window. Because visitor screen resolutions vary, its a good idea to consider this space and how it may look on wide screens if your site doesn’t expand.
	Content Area The content is the area not controlled by the template. This is the dynamic area that changes with each page. Some web design packages may include content inclusion and formatting, others do not and may be the responsibility of the client to insert.
	Navigation Site navigation is the links that connect a web visitor to other areas of your site. The navigational areas are groupings of these links and usually remain the same throughout the site. Your website may include one or more of the following navigation styles: 1. Side navigation 2. Top navigation 3. Bottom navigation
	Header and Footer 1. The header is the top space on your website. This might be a image that spans the whole site or contain more information. 2. The footer is the space at the bottom of the website. The footer contains the copyright information of the site, who designed the site and in some cases, what software powers the site. Additional information may be present.

Don’t: Use FrontPage or other WSYING editors, or graphical editors. These editors usually create messy HTML code that is not as easily read by all web browsers. They are also more likely to create both visible errors and other errors that may prevent your visitors from navigating your site effectively.
Do: Use clean HTML and CSS to design in a way that is W3C compatible. Using clean coding ensures that your site is usable by more users and accessible by those with disabilities as well. Dreamweaver or hand coding are your best options. Clean coding techniques also promote great SEO results!

Don’t: Over do your design! Too many colors, fonts or flashy graphics may turn off your visitors. Not only will it be harder for your visitors to understand the purpose of your website, it may be hard to load for those on slower internet connections.
Do: Keep it simple! Pick a color palette and stick to it. Work adequate white space into your design and use the “Z” approach in your design to make sure you are directing your visitors correctly. White space is the negative or blank space between elements. The Z approach refers to the path your eyes naturally follow when looking at a site. They scan across the top and then diagonally to the bottom left and across the bottom of the screen.

Don’t: Use confusing navigation. Navigation that changes from page to page or is not clear at first glance will only confuse visitors and make them look elsewhere for the products or information they are looking for.
Do: Keep your navigation consistent throughout your site. Every page should be accessible from each page. You do not want your visitors to have to make more than 3 clicks from your home page to find what they are looking for. Chances are, if they have to click around, they are going to click away from your site to one that is better organized.

Don’t: Forget about SEO, Search Engine Optimization. Poor SEO will make your web site hard to find and could ultimately hurt your site.
Do: Work SEO into the design process right from the start! Provide lots of space for text and great navigation. Use your keywords and link with them when you can. Provide alt tags for all graphical content and don’t forget your meta information.

Don’t: Put advertisements on your business web site or construct your web site to look like a giant advertisement. If you use a lot of Google advertising or advertising your visitors may get the wrong idea about your web site, not to mention they may follow one of your advertisements away from your site causing you a sale! Don’t over do the link exchanges either. (this does not apply to informational blogs)
Do: Keep any advertisements to a minimum and only when appropriate or necessary. If you have to link to another business site make sure to use affiliate links so you can get credit for anything the visitor purchases there, make advertisements worth it. If possible, contain these to their own section or page. When designing your site make sure it doesn’t look like a newsletter or just one big advertisement or your visitors may not take you seriously. Link exchanges sound like a good idea but may hurt you in the long run if your site turns into a big link directory to other sites.

Don’t: Open your own web site pages in new windows. Don’t use all kinds of pop-up windows either.
Do: Remember to keep your site flowing as smoothly as possible. Don’t make your visitors toggle through windows to find content. Only open new windows if the visitor is leaving your site.

Don’t: Use an Enter page, also known as a Splash page. The use of a Enter page adds yet another click your visitor has to make to get to your products. With little textual content on Enter pages they are also not very ideal for SEO.
Do: Create a well organized home page that clearly states the purpose of your site, the products you offer and with clear navigation to other areas of your site.

Don’t: Use clip art, graphics or photos that you do not have permission to use. Graphics on sites that offer digital scrap booking look enticing, but using such graphics may cause legal issues for you or your web design clients. Also don’t use product pictures from other sites to represent your own products.
Do: Create your own graphics or buy the rights for the use of graphics on your commercial site. Many product manufacturers offer stock photos for their product for web sellers to use, just ask!

July 12th 2009