logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Web Design Site

BellaOnline's Web Design Editor

g

Planning Your First Web Site - Your Images

Guest Author - June Kaminski

Once you have gone through the preliminary steps of planning your step (to recap, planning your sitemap, structure, genre, colors, layout, and navigation) it is time to choose the images that you will include with your content and to enhance the layout of your site. Choosing appropriate and legal images can be a fun part of planning your first web site. Here are some tips to help you coordinate your images with the rest of your planned components.


The Legal Basics

Beginner web designers have a multitude of graphical web resources available to them - all free for only a link back to the graphics site. Usually, as web development skill advances, designers turn to other venues to offer cutting-edge graphics. The most logical solutions come down to two choices. Make your own. Or buy them from a pro. There are other choices of course, ones that compromise oneīs online integrity and challenge the often unspoken ethical code of web designers. Simply, "Thou shalt not steal!"

Anyone who has taken the time to learn graphical software programs and advanced to the point where they can make decent graphics can relate to this dictum. Graphical design is not a piece of cake for most of us. It takes hours to master a good program like Adobe PhotoShop, Illustrator or PhotoImpact. It takes even more hours to carefully birth a splendid new graphic. Many talented artists offer free use of select collections of graphics for other web designers to use, IF they are given credit for their reations. Other artists offer legitimate use of their art without credit, IF a fee is paid. But most absolutely forbid the uncredited use of their work, or the addition of their selections into collections available through a third party on another site. Credit needs to be given where credit is due. To read more about this problem go to R.I.G.H.T.S. which stands for "The Redistribution in Graphics Has To Stop" - a site that offers support to stop the illegal use of graphics by web designers offering graphic and web design services inexpensively that include stolen graphics. Another excellent page to look at is What is Copyright Protection?

Finding Legal Sources

You have a multitude of choices related to accessing free or paid graphics from various creative graphics creators on the internet. There are many who offer absolutely free ones, without the need to link to them. Others, (and understandably so) require acknowledgement through the placing of a text or banner link back to their site in exchange for free use of their creations (click on the temple image above to see an example of this). Still others require you to buy a licence to use their products. If your site is going to be a commercial venture, this charge might be higher than if your site is a personal one. The point is to find graphics that meet your visual needs, budget, and genre in a responsible and legal way. You can not simply punch in an image topic, say "cats" in Google images, then just take whatever suits you. Instead, search for 'free cat images" and follow the creator's instructions for crediting and/or payment.

Creating Your Own

There are literally thousands of websites that offer free use of clipart and graphics for budding web designers. This is fine, in the beginning. Once you get serious though, itīs time to learn to create your own images for your website. The first step in learning to create dynamic graphics on the computer is to invest in the best software available that fits your preferences and your budget. The industry standard software for digital design is Adobe Photoshop, which retails for about $250 to $650 (depending on the vendor and version you choose) and takes awhile to master. If you are serious about web design though, this is the program of choice. There are also several other programs that are more economical, and prove effective for web design. You can read more about other popular graohics programs at Digital Graphic Design: Getting Started. Another free choice that is touted as being similar to Photoshop is the open source software program G.I.M.P. which stands for GNU Image Manipulation Program.


Things to Keep in Mind

Images are not just the pictures or clipart that you will use to illustrate or embellish your content. They also include the headers, buttons, bars, icons, backgrounds and other structural image components used on a web site. To choose an aesthetic coordination of images, it is important to consider the previous steps you have taken to plan your site, namely your selected navigation scheme (are you using buttons, a bar, or text links?), colors, genre (what metaphoric imagery would match this?), layout (how big should your buttons or bars be?)and so on. It helps to apply the priniciples of color theory to this part of your planning - use variations of your selected colors to enhance and coordinate your visual presentation.

Another consideration is to make sure that your images download quickly. Make sure they are small in kilobyte size (best is under 100 kb) and are saved as either jpg, gif, or png formats. If a particular image is very large in size even after compression, try slicing it up into sections and coordinating within a table so that the pieces line up seamlessly yet download quickly. All of these suggestions apply to photographs as well as clipart and other graphic creations. Once this part of the planning is done, you can move on to the final step, planning your content.

Features in this Series:




This site needs an editor - click to learn more!

Add Planning+Your+First+Web+Site+%2D+Your+Images to Twitter Add Planning+Your+First+Web+Site+%2D+Your+Images to Facebook Add Planning+Your+First+Web+Site+%2D+Your+Images to MySpace Add Planning+Your+First+Web+Site+%2D+Your+Images to Del.icio.us Digg Planning+Your+First+Web+Site+%2D+Your+Images Add Planning+Your+First+Web+Site+%2D+Your+Images to Yahoo My Web Add Planning+Your+First+Web+Site+%2D+Your+Images to Google Bookmarks Add Planning+Your+First+Web+Site+%2D+Your+Images to Stumbleupon Add Planning+Your+First+Web+Site+%2D+Your+Images to Reddit




Planning Your First Site Sections
RSS
Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map


For FREE email updates, subscribe to the Web Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by June Kaminski. All rights reserved.
This content was written by June Kaminski. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.

g


g features
Creating Image Links and Image Maps

Using Website Templates

CSS Design Layouts

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor