|
|
|
10 Tips for Better Web Site Usability - and Profits!
Making a web site easy and convenient for visitors to use is a commonly overlooked key to selling more from it. The following tips can help you do just that... 1) A lesson for marketers is to make our web sites, products, etc., compatible with...
Adding Flash 4 to your website
Macromedia has taken the internet world by storm with its introduction of Flash a few years ago. What started as an animation tool has evolved into a full website development tool. After clinching several deals with major supporters like...
Templates >> Website Templates >> Free Website Template >> NewWebImage.com
At NewWebImage, we understand that establishing a web presence can be one of the most significant decisions you take. Tapping the potential of the World Wide Web and establishing a strategic advantage for companies can be a monumental task....
The Top 5 Roadblocks To Web Accessibility
Introduction
Accessibility is often the last thing on a web designer's mind when creating a website. This is not a trait unique to newbies or people working on a personal page. It is also a trait common to professional web designers (large...
Webpage Tips
As a working mother of two, I must admit that sometimes my house isn’t ready for company. Yes, you might trip over a few pairs of shoes when you walk in and you might have to wait for dinner while I dig around for some frozen pot pies and some clean...
|
|
| |
|
|
|
|
|
|
Designing Professional Web Pages
If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything--especially online where your competitor is only one mouse click away!
Before your first HTML code is written, you will need to consider your Web site's navigational structure, color scheme and page layout. Is your content developed? If not, who is going to write it?
Once you have done the necessary pre-planning, then the fun part begins--coding your HTML pages.
Following are some steps to consider when laying out your Web pages:
(1) I highly recommend that you try to get your home page to fit on one screen. Ideally, people shouldn't have to scroll down to see what your site has to offer. You may need to make your graphics smaller, but that's okay. Smaller graphics mean a quicker download time.
(2) Be sure to check your pages at all the various screen resolutions. Although only a small percentage of users have their monitors set at 640x480, you will want to make sure your site looks good at that resolution. I design my Web pages at 800x600, which is the average resolution. However, more and more users have their computer monitors set at higher resolutions, such as 1024x728. You will see that your pages will look radically different depending on the resolution. I personally have been horrified at how ugly my "beautiful" pages look on different computer screens.
(3) Browsers are another very important consideration. Netscape and Internet Explorer both perform the same function--display Web pages--but the way they do so is strikingly different.
Your code needs to be very clean and pretty much flawless to display correctly on Netscape. If you miss even one table tag (e.g., you forget to close a tag), you will be mighty surprised when you get nothing but a blank page on Netscape. Internet Explorer is much more forgiving. It "assumes" what you meant to do. Netscape, on the other hand, is unassuming. If it doesn't understand your code, it simply will not display it.
NOTE: An excellent site to check your HTML code for browser compatibility, as well as screen size, is
Anybrowser.com at http://www.anybrowser.com/
(4) You will no doubt want to employ JavaScript and DHTML on your site because it's both functional and cool. However, those technologies work better on Internet Explorer than they do on Netscape. Many of the scripts that you can grab for free at sites like Dynamic Drive DHTML (http://www.dynamicdrive.com/) and Website Abstraction (http://www.wsabstract.com/) are written exclusively for Internet Explorer, so you will need to be very careful when deciding what to use on your Web site.
(5) The titles on all of your Web pages need to be consistent--not only in font style, size and color but also alignment. Make sure the spacing between the title and the first paragraph is consistent throughout your site. Make sure your spacing is uniform on all pages.
(6) If your navigation is dependent on graphics (e.g., image maps, icons, buttons, Java, JavaScript), some of your visitors will have a problem getting around your site if their browser doesn't display graphics, or if they've chosen to turn graphics off on their browser settings for faster surfing. It is extremely important to provide text links in addition to graphic links. All of your users will see your text links, plus text loads faster than graphics.
(7) It is an excellent idea to make your logo a clickable link back to your home page from all of the pages of your Web site. Many visitors expect to be able to use the logo to go back home. Don't forget to also include a text link to your home page.
These are only a few considerations in designing your Web pages, but they are very important. Don't let your beautiful pages look ugly on your visitor's computer screen. If you are like me, you will find these issues among the most challenging aspects of designing professional Web sites.
About the Author
Copyright (c) 2000 by Joanne Glasspoole. Joanne Glasspoole is the editor/publisher of CYBER QUEST. Each issue is jam packed with original reports, news briefs, cool Webmaster tools, and more. To subscribe, send email to mailto:Majordomo@lists.kdv.com with "subscribe cyberquest" in the body of your message. Visit Joanne's web site at http://www.glasspoole.com
|
|
|
|
|
| Web Development |
| This web summarizes the complete life cycle methodology for web development: planning, analysis, design, implementation, promotion, and innovation. |
| www.december.com |
|
| Web Development |
| Professional Web site design, graphic design, and Internet development services. |
| webdevelopment.com |
|
| Web Developer's Virtual Library: Web Development Tutorials and ... |
| News, tutorials, and reference material focusing on technical web development topics. |
| www.wdvl.com |
|
| Open Source Web Development Tutorials - Dev Shed |
| Open Source web development tutorials, forums, and tools. Topics covered include PHP, Apache, mySQL, Zope, Roxen, Jserv, Zend, XML, DHTML, and Javascript. |
| www.devshed.com |
|
| WebDeveloper.com |
| Hello all, I am new to web development. I have an understanding of website development, but no scripting experience. I have heard of JavaScript, PHP, ... |
| www.webdeveloper.com |
|
| LevelTen Web Design | Professional Website, Flash & Graphic ... |
| Offers logos, web sites, multimedia presentations, and custom media. Quote form. Based in Dallas, Texas. [Requires Flash] |
| www.leveltendesign.com |
|
| Web development - Wikipedia, the free encyclopedia |
| For larger businesses and organizations, Web development teams can consist of ... Since the mid-1990's, Web development has been one of the fastest growing ... |
| en.wikipedia.org |
|
| Web Design - HTML XML - Web Development - Web Site Design |
| Web Design and HTML are all about creating a great Web site. Use Web development and Web site design to build Web sites that customers return to over and ... |
| webdesign.about.com |
|
| Agile Web Development with Rails—Second Edition |
| Dave Thomas, Mike Clark, David Heinemeier Hansson, Leon Breedt, Thomas Fuchs, Andrea Schwarz; Pragmatic Bookshelf, 2006, ISBN 0977616630. |
| www.pragmaticprogrammer.com |
|
| CYGAD's WebDevelopment - Welcome to CYGAD’s WebDevelopment! - The ... |
| CYGAD's WebDevelopment - The finest Resources for WEB-Design, WEB-Master and WEB-Developer! |
| www.webdev.cygad.net |
|
| Web Development Bookmarklets |
| Includes tools for viewing and testing CSS styles, viewing scripts and variables, and showing the structure of a document. |
| www.squarefree.com |
|
| SGI - Freeware - Web Development |
| Links to freeware web development tools, browsers, software, etc. |
| www.sgi.com |
|
| Webmonkey: The Web Developer's Resource |
| Resources for web site developers including how-to guides, code libararies, server technologies and authoring resources. |
| www.webmonkey.com |
|
| Web Development Tools - Web Developer's Journal |
| Tips on Web page design and development, HTML, graphics, scripting, favicon, development tools, Java, sql basics, building web sites, and much more for ... |
| www.webdevelopersjournal.com |
|
| Web Developer's Handbook | CSS, Web Development, Color Tools, SEO ... |
| Web Developer's Handbook is a list of essential web-sites, which make the life of web developers easier. Compiled and updated by Vitaly Friedman. |
| www.alvit.de |
|
| Ceonex Web Development & Web Design - Full Service Digital ... |
| Web design, web development, online branding, application development and other full service business solutions focused on prospect conversion and customer ... |
| www.ceonex.com |
|
| Cayenne Web Development - web design agency, Oxfordshire, UK |
| Specialist web design agency based nr Banbury, Oxfordshire, offering a complete website design and development service. |
| www.cayenne.co.uk |
|
| Web development mistakes | 456 Berea Street |
| When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing… |
| www.456bereastreet.com |
|
| Web development mistakes | 456 Berea Street |
| Articles and news on web standards, accessibility, usability, and other things related to web development and web design. |
| www.456bereastreet.com |
|
| Anil Dash: Web Development Trends for 2006 |
| Here, then, is a random assortment of new web development trends to be ready ... Web Development trends 2006: Überblogger Anil Dash maakte (een paar weken ... |
| www.dashes.com |
|
|