Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.

Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.

Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.

Design Float - Graphic Design News Directory

SEARCH DESIGN SCHOOLS

Zip Code:
Subject:
Degree:
Online Campus Both

Graphic Design Education - Search Schools

DESIGNING PROFESSIONAL WEB PAGES

Copyright (c) 2000 by Joanne Glasspoole

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?

Graphic Designers from our Community

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 td 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.

-----------------
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

RECENT ARTICLES from Graphic Design BloG

Logos: What Makes a Good Design? - Part II
The Logo Journey Continues In our last article, we examined several logo designs that were, by most conventional standards, unsuccessful. Your graphic design education is a continuing process and learning the basics of graphic design can help you to be more effective in creativity and avoid mistakes in design. In Part 2 of this series, we'll take [...]

Our Designers		SEARCH DESIGN SCHOOLS Zip Code: Subject: Degree: Online Campus Both

Logos: What Makes a Good Design? - Part I
Logo Design Isn't Always Easy Designing a logo can sometimes be mystifying, but that doesn't mean it can't be done. At times a logo design just works, even though it may seem rather unremarkable. Other designs should work but they don't. When Things Go Terribly Wrong The examples in this article demonstrate what can happen when attention to [...]

Great Ideas for Package Designs - Part II
Package Design: The Two Second Commercial If you pay a visit to your local supermarket and view the thousands of items sitting on shelves, each product is vying to gain your attention through its package design. Hence each package acts as a two second commercial. The following designs excel in attracting your eye, but also serve a [...]

Great Ideas for Package Designs - Part I
See, Learn, and Get Inspired Designing a package can be quite challenging when trying to think of unique ways to present a product. The following examples show how graphic designers think outside the packaging box by using creative techniques that are novel in approach, and also quite functional by design. Otokoyama Sake A simple design can be more [...]

Graphic Design Education and Your Career
Talent + Education = Graphic Designer Talent is always a big consideration for employers who are seeking individuals to fill positions, but the world of graphics, illustration, and art has changed dramatically with the use of computer design software and computer hardware. Publishing houses, graphic design firms and other related businesses need people who are up-to-date in [...]

Camera Tricks for Non-Photographers - Part II
Make Your Own Filters and Special Effects In our last camera tricks session we covered some basic techniques related to camera operation, lens usage, and camera settings to achieve different image effects without the use of Photoshop. This time around we will still achieve in-camera effects but with the use of homemade lens filters and accessories that [...]

Really Cool Photoshop Effects Part III
In our hat of magic Photoshop tricks, we've pulled out a few more items that we thought you might be interested in. These effects and their related tutorials (click on the bold text or the image) are really fun to try out. They incorporate functions of Photoshop such as layering, transparency, blending, and other methods. It will [...]

All Graphic Design Resources is a Directory Full of Tools for Graphic Designers

All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.

DESIGNING PROFESSIONAL WEB 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.

(2) Be sure to check your pages at all the various screen resolutions.

(3) Browsers are another very important consideration.

(4) You will no doubt want to employ JavaScript and DHTML on your site because it's both functional and cool.

(5) The titles on all of your Web pages need to be consistent

(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

(7) It is an excellent idea to make your logo a clickable link

RECENT ARTICLES from Graphic Design BloG

All Graphic Design Resources is a Directory Full of Tools for Graphic Designers

Graphic Design Forum

Freelance Design Jobs