Package Deals | Optional Features | Tutorials | Samples
  Top | Back | Tutorial Overview | Tutorials | Samples

Tutorials Overview



Tutorials Overview

This tutorial covers the steps needed to create a web site on the internet. 
Please see the other tutorials for additional information. 

To make a web site you need to: 

  • Register Your Name. 
  • Decide on what you want. 
  • Gather the content for your web site.
  • Web site Design.
  • Web Site Hosting.
  • E-mail Setup. 
  • Promote your web site.

Other Tutorials

All About the Internet

Describes the underlying internet structure relating to web pages. How data moves, when and where it is processed and search engines.

All About Web Pages

Describes Web Pages, What they are and how they work.

All About Programming

Covers the various languages that are used with web pages.

All About Images

Teaches about images, what they are and their various formats.

All About Templates

Shows the different types of templates, including Javascript Frames.

Tutorial Links

This section is continually updated with links to pertinent information.
Please report any broken links. Thanks.

  Top | Back | Tutorial Overview | Tutorials | Samples

Name Registration

In order for an internet user to be able to access your Web Site, you must have registered a domain name (yourname.com) with one of the Internet Registrar Services.  This domain name must be unique and should be something that relates to your business, is of reasonable size and easy to remember.  When a user enters your domain name, the Registrar's Name Server translates the domain name and points the user's browser to the IP address of your Web Site.

The domain registrars charge annual fees for registering and maintaining the domain names. These fees range from 19.95 to 35.00 per year.  If you have an existing domain name, you may transfer this domain registration to another registrar if you choose.

The domain registrars that we use allow modification of contact information, name servers and other properties using a password protected web form.

Notice this is the first thing you should do. Even if you have no immediate plans to have a website, register your name. Be thoughtful, creative and selective  in choosing your name. Make a list of alternate names to choose from. Try to get a name with the .com or .net extensions. If you are an organization or association you may qualify for the .org extension. Names are being reserved faster than ever. Not very long ago it cost $75 a year to register a name for one year. Now, it's just a fraction of the cost. 

Look up your names in Whois and email it to us info@netopoly.net we will bill you for the service. Please see "Our Rates."  

  Top | Back | Tutorial Overview | Tutorials | Samples

Decide on what you want the web site for
And what you want on it 


Please see Features and Web Pages for additional information. 

    The best way to decide on what you want on your website is to look at some. Your competitors probably have websites. This is a pretty good place to start looking. You are looking for organization, content and theme. 

Organization 

A web site is like a book with an index. If you only have a few pages it's easy. If you have a book you should organize it in sections. Break the sub sections down into categories like a tree with branches. 

The best way to think about web site organization is a tree with branching limbs. You start at the root and can navigate through the tree. 

Navigation

There are several ways to navigate through a website. You can use images for navigation buttons at the left. A drop down selector in the headings is a good choice for complex websites. Sometimes the navigation buttons are just text at the top and bottom of each page. Similar to bottom of this page. You can divide up an image into "Hot Spots" for navigation.  
  

The most common navigation tool is the button. These buttons are typically animated when your mouse goes over them. People are use to buttons. If you have just a few pages to navigate through, a button for each page at the left is often the best thing.

Page Layout - Frames or No Frames

There are two basic layouts. Those using frames and those without frames. A frame layout divides the viewing screen into areas called frames. Each frame displays a web page. A frame in page often dose not scroll when you scroll the page. Normally, frame (the portions of the page) that no not scroll are for navigation, logo, heading or both. 

Templates

Templates contain content area and placement information. Templates make the job of creating a website easier, less time consuming and less prone to errors. Simply supply the content and the pages are finished.

Themes

The design of a website should reflect the look and feel of your company. Every website should have a consistent theme. The theme includes your color scheme, backgrounds, navigation buttons, lines, dots and text style (Cascading Style Sheet).    

Optional Features

If you want some optional features. Look through the Package Deals to see if one fits your needs. Add any optional features you need.


  Top | Back | Tutorial Overview | Tutorials | Samples

Get the Content Together 

If you have brochures, flyers, catalogs, newsletters, business cards or other company marketing material. This is the place to start gathering content.

Text

Text is the meat and potatoes of web pages. A picture is only worth a thousand words sometimes. It's text that counts much of the time. If you are describing a flower, a picture is worth more than a thousand words. If you are describing your address or policies and procedures, you need more than pictures. All text should be in a standard computer file format. All formatting will be removed before it is formatted for the web in HTML.

Images 

If you don't have images, your website will be as boring as this one. You could have images of your facility, important equipment, inventory, employees, events, etc. There is a problem. Images can have a large file size. They can take allot of your storage space.

    When gathering images focus on what your website is about. Pictures of your dog may be good. If it's name is Spot and TV star. 

   
This image uses 30,000 Bytes. That is larger than all the text on this page. Images don't do justice to the giant trees. 

Graphics

Graphics are a special type of image. They are created without pictures as their central theme. You know them when you see them. Logos are graphics.





Lines and dots are graphics. 

Backgrounds

Backgrounds that cover the entire page are not used very often. At one time they were the rage. They are mostly used in only part of a web page. Backgrounds have several drawbacks.

  • It takes longer to process images that have backgrounds, unless they are rectangular. 
  • Backgrounds can make it difficult to read the text. 

Backgrounds should be in contrast to the text that is on top of them. For black text a very light background should be used. White on dark also works.
This is a good text color for this background

Animated Images

Animations really draw the eye. If you are a car dealer and want to show your inventory an animated image or image rotator works great. But, having a winking eye staring at you when you are trying to read may not be appreciated. 

Some allow the user to interact with the page without having to reload the page from the server.

Macromedia Flash

These animated presentations allows the user to interact with the page and provide a greater range image rendering and animation. Please see the Flash Samples and Images Tutorial. 

Sound

Sound files are fairly large for what you get. Sound uses the .WAV file. The amount of file compression depends on the quality of the sound. Sound can make the browsing experience enjoyable or tedious. It is good for that special accent.

Video

Video Clips are larger files. However, great strides have been made in file size compression. Much of this work was performed by the Motion Picture Expert Group of the International Standards Organization (ISO MPEG). The windows .WMV file allows extreme compression with relatively little loss in picture quality. The amount of compression depends on how much movement there is on the screen. The sound on the video is often a significant portion of the file size. 

Help screens are a good use for video. Because the majority of the screen doesn't change compression can be extreme. This is a short tutorial video. help/video/RosterMain2.wmv

Web Site Description and Keywords

The description and keywords are used by search engines like Yahoo. The keywords and content are used for the search and the description is displayed.
  
The description of your website should be short and to the point. Many suggest that it should be 20 words or less.

Keywords are a list of key words or phrases that someone might enter when looking for your web site. The more the merrier up to about  words.  It's best not to repeat the same word.

  Top | Back | Tutorial Overview | Tutorials | Samples

Web site Design

Take the content and format it for the web. It sounds easy. It is easy. There are many programs that do it automatically. I have written some. However, problems can occur when there is something missing or incorrectly prepared. An incorrectly prepared image can slow your site to a crawl. No one will stay to see it. The real problem is that it will load fast the second time you browse it. The problem won't be apparent and you might not catch it. The images will be loaded from your browsers local cache the second time you brows it. See "About Web Pages"

Sometimes a website will work on one browser "Internet Explorer 6.0" and will not work on "Netscape 4.5" and "Opera any version". This isn't good. You just lost a portion of possible audience. 

Website Design is best left to Professionals at first.

It's great when you can modify a website and publish it literally to the world. There are lots of HTML editors. If you are familiar with Microsoft Word then Microsoft FrontPage may be the easiest way to for you to start publishing your own web pages. FrontPage costs less than $200, shop around. This is Microsoft's retail site. Once you have a website and Microsoft FrontPage installed on your computer you can easily change the web site.  

  Top | Back | Tutorial Overview | Tutorials | Samples

Hosting the Web Site

Once you have your web pages designed you need a place to put them so they will be shown to the world. Hosting varies by the features that a hosting service has available, the speed at which it connects to the internet and it's percentage up time.  

  Top | Back | Tutorial Overview | Tutorials | Samples

E-mail

All web site packages above include yearly hosting fees. They include generous but limited hosting space to store your website. You may need additional space for e-mail, photo albums, catalogs, database, etc..


  Top | Back | Tutorial Overview | Tutorials | Samples

Promote the Web Site

All of your marketing literature should have your web address prominently displayed. You should have your site listed by search engines. 

For a small fee we will register your website with search engines. If you want we will set up a registration engine that will periodically register your web site with search engines. This is an out side service. 

There are several other services that help advertise your web site. Banner ads is probably the most prevalent. I'm sure you have seen them. If you sponsor a soccer team then you could request a banner on their web site. You basically rent a small portion of a web page that gets the type of traffic you want. If people click the banner, they go to your site. Banners are typically an image of a specified size, type and file size. The banners are usually rotated. Please see the image rotator on the features page. Outside services charge per click through plus a monthly charge.

Please contact us for more information. Information @ Netopoly.net

 Free submission to 110 search engines!
This company has been around for years and offers free search engine submissions. 


Netopoly
Home | Contact Us | Package Deals | Optional Features | Rates | Policies 
Tutorials
Tutorials Overview | All About the Internet | All About Web Pages | All About Programming
All About Image | Image Index | All About Templates | Tutorial Links | Links Index

Samples
Samples Overview | Sample Images