Website Development/Search Engine Optimization - Eway Solutions Tampa Home Contact

 



Website Development
Web Hosting
E-Commerce Website
Search Engine Optimization
CAD Services
Logo Designing
Banners & Ads
Business Development

 

 

Related Topics
  Steps for Web Design
Additional Web Development Elements
Mistakes in Web Design
 

 


Steps for Web Design

Gather Information

Visit examples of other WebPages which have the same content that you will be sharing. While viewing these examples, ask yourself the following questions:

1. What kind of information are they presenting (homepage, informational article, etc.)?
2. How did they present the information (page layout)?
3. Does their webpage download quickly?
4. Can I navigate easily throughout their activity?
5. Does this site engage the visitor?
6. Is the content rich enough that I will want to return again?
7. Do all of the links work?
8. Have they included a contact resource person?
9. Does it tell when the page was last updated?
10. How could you improve this webpage?

Create a bookmark of resource sites that you want to incorporate into your webpage. Find sites that offer additional activities that will engage the visitor while using your webpage. Look for quizzes, puzzles, games, slide shows, and other additional resource links that you can add to your webpage.
Use your favorite search engine to find related information. Or you can find a hotlist of award winning resource sites to use as you begin collecting bookmarks by following any of the links listed below. Integrating these resources into your webpage will not only enrich it by allowing visitors to engage with your published project, but it may even lend credibility to the information in your published webpage.

Determine Your Audience

Your audience will effect the design and content of your project. If your target is educators, your presentation will be different than if you were creating a page intended for children to use. It is better to offer a separate page for educators and another one for children if you want to offer both kinds of resource or activity in your project.

If your audience is elementary level students, shorter pages with few activities on each page will be more "kid friendly" rather than a long list of activities on one page. The older the student or audience is, the more diversified your web activity can be on one page.

Create a Storyboard

As you begin designing your web page, remember that the top structure should be a menu format pointing to available resources. Include folders near the top of your structure so that new resources can be added at a later date. Create a storyboard of ideas that you want to use in your activity. It's helpful to write each concept or activity on a different piece of paper, then physically arrange them until you have the structure you want. When naming your files, avoid using uppercase letters in the filename. Try to use short, but descriptive names for each file that you are creating. Plan Your Navigational Tools

Plan how people will navigate within your activity. Every page should have a link to either the main menu page of the activity or a link to your school or class homepage. Your class homepage should have a link to your school's homepage and the school's homepage should include a link to the corporation's homepage.
If your activity contains more than one file, you need to plan how visitors will advance to the next page or return to the previous page.
If you are using a graphic as a navigational button, you should include a text alternative for navigating. Not all web browsers will recognize an image as a link to another file or webpage. Some people choose not to download any graphics when they are on the Internet. If you only had graphics for your navigational links, they would have a difficult time getting around within your activity. Within the description of the graphics or image tag, you should include a text alternative so that when images are not downloaded, a text description will appear.


Create an Aesthetically Appealing Webpage

We've become a very visual society. Although content is more important than a "glitzy" page layout, your visual presentation plays an important role to the appeal of your lesson. Include the following items in your webpage:
1. Graphics
• If your graphic is larger than a two inch square or a one by three inch rectangle, use a thumbnail image of the picture.
• Reduce the color palette to the lowest possible pallette size to ensure quick download of your webpage.
• Use the same graphics as often as possible. An image that is used repetitively, only had to be downloaded once. Using a large number of different images will slow the download time of your webpage. Visitors may decide not to visit your webpage if it takes a long time to download.
2. Add background color or a background image.
3. Vary your font color. Light backgrounds should have dark text and dark backgrounds should have light text. Be sure that your text is readable if you are using a background color or image. Be careful when choosing your colors. Not all computers see the same color hues.
4. Vary your font size. Use the font size tags to vary the body text and the header tags to vary the size of your headings and sub-headings.
5. Give credit to the graphic's artist. Read the terms artists have given when using an image from their website. Many appreciate a link back to the website where you got the graphic, while others state that no link is necessary.


Establish Credibility


Each webpage should include pieces of information that will establish credibility to your activity. This can be a standard closing at the end of each webpage that you simply copy and paste from one webpage to the other. You should include the following information:
1. The name of the author of this activity.
2. E-mail address of the contact person for this activity.
3. When was this webpage last updated and links were checked.
4. The name of the host school or organization.


 
© 2005. Eway Solutions
Tampa Web Hosting, Business Development, Tampa Marketing Agencies, Search Engine Optimization, Banners, logo designing,
Ad agencies, CAD Services, Graphics, Tampa Animation, Paper to CAD Tampa, Web Designing, Eway Solutions Tampa Florida.