In order to create a website, you need two things: 

1) The BlueVoda website Builder

and 

2) A hosting company.

The domain is sort of like the house where your web site will sit, and the hosting company provides you with the space to build your web pages, sets up all your email accounts, and these are the people you contact if you need help with building your site.

Before you purchase your domain name (yourname.com), you need to decide on what your site will be called.  And please pay special attention to the next few paragraphs because choosing the domain name of your site may be more important than you think.

Someone that filled out the newsletter survey mentioned they wanted to start a web site about wedding products and services.

So before this person buys their domain name, it's a good idea to think about how people will find this person's site.  For example, if someone were looking for a wedding planner, they would go to Yahoo or some search engine and type in "wedding planner", "wedding services" or some wedding-related keywords or phrases.

Many people are tempted to name their domains after their name or business and register a domain name like BJ-Enterprises.com. If you are not interested in people finding your site via the search engines, then this is fine.

However, if you want people to find your site when they go to Yahoo or any of the popular search engines, I would recommend that you reserve a domain name that contains the keywords that you'd like to be found with.

I made this mistake with my first site and learned the hard way.  It was a marketing site and I named it after my last name.  And of course no one is going to find my site by searching for my last name, they'd find me by searching for what they need.  "marketing tips", "marketing advice", etc.  So instead of using a site with my name, I should have used something like internetmarketingtips.com or something like that.

Many of the search engines put lots of emphasis on your domain name when they display search results, so it's important to include your keywords within if possible.

So using the example of the person that wants to create a site about wedding services, a good domain for this person would be "weddingplanningservices.com"  or "tipsforyourwedding.com"  (assuming that's what their site will be about).

So just remember that your domain name should ALWAYS reflect the theme of your web site if you want searchers to find you.   Domain names aren't everything when it comes to getting found on the web, but they sure help when they describe the content of your site.

How Much Does It Cost to Register a Domain?

Please don't pay those ridiculous $35/year fees that so many registrars are advertising.  The prices have come down tremendously and you'll get the same service as you would receive with any higher-priced domain registrar.

After you register your domain name, you really won't have to do anything else with the domain registrar except transfer your domain name to the hosting company that you decide to use.

Some domain registrars offer hosting as well.  So you can do everything at one place.

The Hosting Company

Remember that after you register your domain name (yournameofchoice.com), you need a hosting company to provide the support to build the pages on your site.

Without a hosting company, no one would be able to view your site and having a domain name would mean nothing.

What Exactly Does The Hosting Company Give Me?

There are certain features that almost all hosting companies have:

1) Space For Your Pages:  They will give you a certain amount of space for all of your pages and they always measure it in "megabytes".  As a beginner, you won't need more than 30MB (megabytes) of space unless you plan on using lots and lots of big graphics on your web site.  Of course, you can always upgrade if you need more later.

2) Multiple Email Accounts:  This would be something like tommy@yournameofchoice.com. Most people find that 5 email addresses is enough for their site.

3) Bandwidth Limit: In English, the word "bandwidth" just means "traffic." 

Every time someone visits your site they download a page (even though they may not realize it)  and every time a page is downloaded (or transferred) to their PC, they're using up bandwidth on your hosting company's server. 

Hosting companies give you a limit on how much bandwidth you can use up in a month.  Usually 3GB (gigabytes) of transfer is plenty.  That's about 150,000 page hits in a month.  Most people never exceed their limits.

As you read over the hosting company's benefits, you'll see a lot more features than the above three but these are the main features you'll need to be most concerned about as a beginner. 

"How Much Does Hosting Cost?"

You normally pay the hosting company monthly and the prices can range anywhere from free to $1,000 per month. 

As a beginner you shouldn't need to pay any more that $10/month.

VodaHost provides an excellent service. Along with their affordable fee of only $7.95/month, they also give you a free web site building tool called BlueVoda when you sign up.  You won't find many better deals than this folks.  If you do, I'd like to hear about it! Their setup process is speedy too.

PLEASE STAY AWAY FROM THE FREE HOSTING COMPANIES!

I had a nightmare with one and I would never recommend this to anyone who is serious about creating a long-lasting, professional web site.  You could wake up one morning and your site could be gone and you don't get the customer service you need.   

And if you are just starting out, you definitely need someone to be there if you need help or have questions about building your site.

If your hosting company won't be there to help you, no one will.

The "free" company I used wanted to charge me to answer a question on an issue that was THEIR problem!  Sure, they're hosting was free but they ask you to pay for any kind of technical customer service you need.

Nothing in life is free, and on the Internet that philosophy still holds true. It's worth it to just cough up the few extra bucks per month and receive the quality service and support you need. 

The word "free" may sound nice up front, but you'll soon realize they'll always be some kind of price later on...whether it be monetary of costs related to time.

Not only does VodaHost provide you with email and phone support, they even gives you access to their pager!  I had never seen anything like this before and it was quite comforting to know that they care so much about their customers that they make themselves available at all times should you need them.

Always make sure your hosting company will be there to support you if you need help!

To sign up with VodaHost, click here.

Building Your Web Pages by
Mario Dorizas

Once you've gotten your domain name and found a hosting company you can start creating the web pages for your site.

If you don't know HTML (the language web pages are created in) then don't worry. I didn't know it when I first started and I still have a lot to learn about it.  I use the HTML editor, Microsoft FrontPage to build my pages and if you have Windows 98 or later, you probably have the free version of this on your PC. It's called, Microsoft FrontPage Express. (Check under your Programs menu). 

The "Express" version does not have all the bells and whistles like the paid version, but it will definitely get you started.

An HTML editor is a program that allows you to create your web site in a "word processor-like" environment while the program writes the HTML code for you in the background.   So in order to get your page on your site, you just copy the code, paste it into a blank document and then save the page to the web (via your hosting company). 

And of course if you need help, your hosting company will help you out with this process.

Using Microsoft FrontPage

Microsoft FrontPage has really become the industry standard program for creating web pages over the last few years.especially for beginners, and it really is a good program. Take a look at just a few of its features.

Note: Most of these features are only offered in the FULL version

* Multiple Templates - If design is not your cup of tea, start off by selecting one of several templates to easily create a professional looking web site.  Choose a left border, right border, no border, top navigation.the choice is yours. FrontPage designs the template, and all you do is fill in the content.

 

This page explains everything that is needed for anyone wanting to create their own website. Below this paragraph is the table of contents. Click on any of the content subjects and it will take you to that section of the guide. To return to the table of contents at any time, click the "Return to Index" link in the frame on the side of the page. I hope this guide is helpful.

 

Getting Started

There are basically two ways to create a website. The first way is to create the website offline and then upload them to your Internet Service Provider (ISP) via FTP. The second way is to create your website  online using a Telnet program by accessing your UNIX account, if you have one.

If you are creating your website offline, do so in any text editing or word processing document. Make sure that when you save your document, you save it as a "text", "plain text" or "text only" document. Otherwise it will not be read properly by a web browser. Once you have created your page(s), you will need to contact your ISP about how to go about uploading them to your server.

If you have a UNIX account, you can create your website online. You first need to get a program that can access your UNIX account.

Once you can access your account, you need to make a new directory called "public_html". You can do this by typing:

mkdir public_html

After this, change your directory to this new directory called "public_html".

cd public_html

If you want to, you can make other directories, one for all the web pages that you make, and one for all of the graphics that you have. Follow the same steps as above to do this.

Next, you need to think of a filename for your page (this is not a title, but what will be in the URL). A common filename for a main web page, is "index". Once you've decided on this, add ".html" to the end of it. Then type (i.e.)

pico index.html

Of course, use your page's filename, instead of this one. Next, you need to gain some knowledge of the many HTML commands. Lucky for you, I've already gotten some of the basic commands for you. Follow the index below, to decide what to put on your page, and how to do it. Once you've gotten started, exit your page. You can do this by pressing control-x. Then you need to type:

chmod 744 index.html

Only do this with the filename of your page. You only need to do this the very first time that you leave your web page. This command will make sure that nobody else can delete your page. You will need to do this to any other pages that you make in the future. Then, look at your page on the WWW. Lets say that your server is "www.domain.com", your username is "username", and the name of your page is "index.html". The URL would normally be:

http://www.domain.com/~username/index.html

However, you will need to contact your ISP for your URL.

If you have made separate directories for pages and graphics, then you need to include that in the URL also. Lets say that you made a directory for all of your web pages, called "Pages". The new URL would be: http://www.domain.com/~username/Pages/index.html

Title

The first thing to put on your web page, is a title. The title is what will show up in the very top of the window. Let's say that your title is going to be "John Doe's Web Page", you would type:

<title>John Doe's Web Page</title>

In HTML, every command is surrounded by <'s, and >'s. And in most commands, you need to tell the web browser when to end this command. You do this by putting a back slash (/) in front of the ending command, as in above. Since HTML isn't case sensitive, <title> is the same as <TITLE>, which is the same as <TiTLe>. Next, you need to decide what you want to put on your page. Text, links, graphics, and text fields, are just a few ideas. Follow the table of contents above to decide how, and what to put on your page.

Text

 Headings

HTML has six levels of headings, numbered 1 through 6, with 1 being the largest. Headings are displayed in larger, or smaller fonts, and usually bolder. If you wanted to type "Hello", this is what you would type for each heading, and what the outcome is:
 

<h1>Hello</h1>
 

Hello


<h2>Hello</h2>
 

Hello


<h3>Hello</h3>
 

Hello


<h4>Hello</h4>
 

Hello


<h5>Hello</h5>
 

Hello


<h6>Hello</h6>
 

Hello

Paragraphs

Whenever you have more than a sentence of writing, you should have paragraphs. Personally, I don't see what the difference is, but I do it anyway, because then I can find a certain spot better when programing. To Make a paragraph of "This is a web page. How do you like what I've done? Please e-mail me with any suggestions at a@a.com", type:

<P>This is a web page. How do you like what I've done? Please e-mail me with any suggestions at a@a.com</P>

The outcome is:

This is a web page. How do you like what I've done? Please e-mail me with any suggestions at a@a.com

 

Lists

There are two types of lists that you can make in HTML, dotted, and numbered. To make a dotted list of: red, orange, green, blue, purple, black, and brown, type:

<UL>
<LI> red
<LI> orange
<LI> green
<LI> blue
<LI> purple
<LI> black
<LI> brown
</UL>

The result is:

  • red
  • orange
  • green
  • blue
  • purple
  • black
  • brown

To make a numbered list of: red, orange, green, blue, purple, black, and brown, type:

<OL>
<LI> red
<LI> orange
<LI> green
<LI> blue
<LI> purple
<LI> black
<LI> brown
</OL>

The result looks like:

  1. red
  2. orange
  3. green
  4. blue
  5. purple
  6. black
  7. brown

Forced Line Breaks

There are many cases in which you want to end typing on one line, and start on the next. To do this, you can use a simple HTML command. This is one of the few commands that you don't have to put an ending command on. Let's say that you wanted to say "Hello, how are you?", but with each word on a separate line. All you have to type is:

Hello,<BR>how<BR>are<BR>you?

The outcome is:

Hello,
how
are
you?

Horizontal Rules

Every now and then, you might want to have a horizontal rule, or line in your page. Horizontal rules can be many different sizes and lengths. You can also have the line be solid black, by typing NOSHADE. Here are several examples of sizes and widths, and what the outcome is:
 

<HR SIZE=1 WIDTH=100%>


<HR SIZE=5 WIDTH=50%>
 

<HR SIZE=25 WIDTH=75%>
 

<HR SIZE=3 WIDTH=100%>
 

<HR NOSHADE SIZE=1 WIDTH=100%>
 

<HR NOSHADE SIZE=3 WIDTH=100%>
 

<HR NOSHADE SIZE=10 WIDTH=20%>
 

 

Character Formatting

You may want to format some of your text differently than others using text styles. There are several types of styles of text that you can use: bold, italic, underline, strikeout, superscript, subscript, teletype, and blinking text are examples. To do these styles, surround your text with the following commands:
 

<b>, </b> for bold

<i>, </i> for italic

<u>, </u> for underlined

<strike>, <strike> for strikeout

<sup>, </sup> for superscript

<sub>, </sub> for subscript

<tt>, </tt> for teletype

<blink>, </blink> for blinking text (very annoying)

You can also mix styles together like this!

Linking

URLs

When you make a link, you are making colored text or even a graphic (talked about later). When somebody clicks on this text, it will take them to another web page, or possibly a certain section of a web page. Let's say that you wanted to make a link from your web page, to Yahoo!. The URL of Yahoo! is:
http://www.yahoo.com
To do this, you would type:
 

<A HREF="http://www.yahoo.com">What ever text that you want to be colored goes here</A>
 

The result would be:
 

What ever text that you want to be colored goes here
 

You can go ahead and try it if you want to.
 

Links to Specific Sections

Sometimes, you might want to have a link that will take you further down a page, or to a certain section of another page. An example of this is the index to this web page. You click on the colored text, and it takes you to that section. To do this, you need to do two things. The first, is to make the link, and the second, is to make where the link will lead to. NOTE: You cannot make links to specific sections within a different document unless either you have write permission to the coded source of that document or that document already contains in-document named links.
1) To make the actual link, think of a name for the certain spot. Let's say you are going to call it "spot". If this certain spot is on the same page that the link is, you would type:
 

<A HREF="#spot">Colored Text
 

Otherwise, you would add "#spot" to the end of the URL.
2) Now, you need to make where the link will take you. Go to the spot where you want the link to take you, and type:
 

<A NAME = "spot">

Mailto Links

Most people like to have a link on their web page that automatically sends e-mail to an address. If you want to do this, and your name is Dan, and your e-mail address is a@a.com, type:
 

<A HREF="mailto:a@a.com">Dan</a>
 

Here is the result of typing this:
 

Dan

Graphics

 

Putting Images On A Page

On almost EVERY web page on the net, there is some kind of graphic. I would HIGHLY RECOMMEND that you have AT LEAST one picture on your page. There are mainly two kinds of ways to have graphics on your web page. The first, is to use a graphic that is on another web page somewhere on the web. The second, is to upload the graphic to your own account. Personally, I prefer to use the upload method. If you are using the other way, there is always a chance that the person who made that page will decide to delete that graphic. Then a symbol with a circle, square, and triangle will appear where the graphic was supposed to be, sometimes it will look like it has been torn through the middle:
 

1)
To display a graphic on some one else's page, you need to find the URL. To do this, I recommend that you have Netscape Navigator. Right click or click and hold down on the graphic, until a menu comes up. Choose "View this Image". Then , copy the URL that appears at the top of the screen, in the "location" box. Let's say that the URL was: http://www.infhost.com/members/web/Images/pic.gif You would type:
 

<IMG SRC="http://www.VODAHOST.com/members/web/Images/pic.gif">

The result is:
 


 

2)
To display a graphic that is in your account, all you have to do is type in the filename. If you didn't make separate directories for graphics and pages, then you just need to type the graphic's name.(i.e. <IMG SRC="pic.gif">

Alternate Text for Images

Some World Wide Web browsers cannot display images. Some users turn off image loading even if their software can display images (especially if they are using a modem or have a slow connection). HTML provides a command to tell readers what they are missing on your pages. The "ALT" attribute lets you specify text to be displayed instead of an image. For example:

<IMG SRC="pic.gif" ALT="How to make a web page">

In this example, "pic.gif" is the picture of a sign. With graphics-capable viewers that have image-loading turned on, you see the graphic. With a non-graphic browser or if image-loading is turned off, the words "How to make a web page" is shown in your window. You should try to include alternate text for each image you use in your document, as it is a courtesy for your readers.

Animated Graphics

Some people like to put animation on their web pages. It actually is not that hard. Here is some background history. Most GIFs over the years have only one image per file. According to "technical specifications from 1987", a GIF could have had more than one image per file, making it like a slide show presentation and not a single image. However, most programs that work with GIF are designed around the idea of one image per file. So the multi-image aspect of GIFs was forgotten. In 1989, they added timing and various other abilities to the GIF format, including transparency. Nobody used these new additions either. Then the Web took off. Transparency and interlacing became features people wanted to use and software companies began supporting those features. In order to have animation on your web page, you need to download a program that was made to fit more that one GIF in a file.

Background, text, and link Color

On most pages, you want to have a specific color for the background, text, unvisited links, visited links, and active links. In order to do this, you need to find the code number for the specific color that you are looking for. Here is a HUGE list of code numbers, and here is how you would display this in your page. NOTE: Type these ONLY right below your title. NOTE: You must have the "#" sign before the actual code.

  • <body bgcolor="#code">for background color
  • <body text="#code">for color of text (all non-links)
  • <body link="#code">for color of unvisited links
  • <body vlink="#code">for color of visited links
  • <body alink="#code">for color of active links (while being selected)

You can also string two or more of these commands together:

<body bgcolor="#000015" text="#000020" link="#000050" vlink="#7a7777" alink="#8f8e8d">

Background Graphics

Instead of having a solid color as a background, you might want to have one graphic that repeats over and over to create a background. Here are several places that you can go to find background graphics. The text that you would type in for a background called "bk.gif" would be:

<body background="bk.gif">

Linking with graphics

Sometimes on your web page, you might want to have a graphic that is a link. This is quite simple, since you just mix the two commands of linking, and displaying graphics. Here is an example of a graphic that leads to Yahoo:

Here is what you would type in for, first the plain graphic-link, and second, the graphic-link with text:

<A href="http://www.yahoo.com"><IMG SRC="http://www.infhost.com/members/web/Images/yahoo.gif"></A>

<A href="http://www.yahoo.com"><IMG SRC="http://www.infhost.com/members/web/Images/yahoo.gif">Yahoo!</A>


Image Maps

Before you create an image map, you need to make sure that your server supports them. Then, you can follow these steps. First, you need to create an image. Draw a picture with sections that could lead to certain places. Second, you need to create an image map file. There are several programs that can do this for you. I recommend WebMap, for the Mac. You can go to Yahoo's Image Map Directory for others.

Fill-out Forms

Getting Started

Fill-out forms let a reader return information to a Web server for some action. For example, suppose you collect names and email addresses so you can email some information to people who request it. This processing of incoming data is usually handled by a script or program written in Perl or another language that manipulates text, files, and information. If you want to, you can write this program yourself, but I have no idea how to do it. I would check with your server. I know that many servers have scripts available for its users. Let's pretend that the one that I'm going to use is called "fb.pl". This will send a response to your fillout form directly to your email address. NOTE: This script is not real, it is just an example. Check with your ISP to see if they have built-in scripts.

FormMethod/Action

The first thing that you type for your guestbook is the Form Method and Action. This is where you enter the Perl script. Most servers and Internet Providers have scripts like this that they provide for you. Check with yours. You cannot have any kind of forms without having a script. The address of the one that I'll be using is:
http://www.domain.com/cgi-bin/fb.pl. If you would like the response sent to your email address, and the address is "a@a.com", you would type this for the first two lines:

<FORM METHOD="POST" ACTION="http://www.domain.com/cgi-bin/fb.pl">
<INPUT TYPE="input" NAME="recipient" value="a@a.com">TO:<P>

Here is what it will look like:

TO:


Next, you need to decide what questions that you want to ask, and what you will use to ask them. Before you start, though, you might want to check with your server to see if they have any questions that you MUST ask. I know with some ISPs, you must ask what their email address is, their first name, their last name, and what the subject of their question is. You can use single or multiple text fields, larger fields, checkboxes, radio buttons, pull-down lists and scroll-down lists.

 

Single or multiple fields

In your guestbook, you might want to ask questions that have a single one word answer. To here is what you would type to have four fields that ask for an email address, a first name, a last name, and a subject:

<INPUT TYPE="input" NAME="from">Your Email Address<P>
<INPUT TYPE="input" NAME="firstname">Your First Name<P>
<INPUT TYPE="input" NAME="lastname">Your Last Name<P>
<INPUT TYPE="input" NAME="subject">Subject<P>

Here is what the result is:

Your Email Address

Your First Name

Your Last Name

Subject

Larger Fields

I would recommend that you have one larger field at the end of your guestbook for comments. You first need to decide how many columns and rows that you want to have. Let's say that you want to have 7 rows, and 45 columns. Here is what you would type:

Please place any questions or comments here:
<TEXTAREA Rows=7 Cols=45 NAME="suggestions"></TEXTAREA><P>

Here is what the result looks like:

Please place any questions or comments here:

Checkboxes

Let's say that you wanted to ask a question like "What are some things that you like to do?" You could have a list of things with checkboxes. If you wanted the list to be: Watch TV, play on the Internet, read a book, play sports, and study, you would type:

What are some things that you like to do?

<INPUT TYPE="checkbox" NAME="like" VALUE="TV">Watch TV<P>
<INPUT TYPE="checkbox" NAME="like" VALUE="internet">Play on the Internet<P>
<INPUT TYPE="checkbox" NAME="like" VALUE="read">Read a book<P>
<INPUT TYPE="checkbox" NAME="like" VALUE="sports">Play sports<P>
<INPUT TYPE="checkbox" NAME="like" VALUE="study">Study<P>

The result:

What are some things that you like to do?

Watch TV

Play on the Internet

Read a book

Play sports

Study

Radio Buttons

If you ever want to ask a question with one answer, you can use radio buttons. If you wanted to ask "What WWW browser are you using right now?", and you wanted to have the choices Netscape Navigator 4.x, Netscape Navigator 3.x, Netscape Communicator, Mosaic, and Microsoft Explorer, you would type:

What WWW browser are you using right now?

<INPUT TYPE="radio" NAME="browser" VALUE="Navigator 4.x">Netscape Navigator 4.x<P>
<INPUT TYPE="radio" NAME="browser" VALUE="Navigator 3.x">Netscape Navigator 3.x<P>
<INPUT TYPE="radio" NAME="browser" VALUE="Communicator">Netscape Communicator<P>
<INPUT TYPE="radio" NAME="browser" VALUE="Mosaic">Mosaic<P>
<INPUT TYPE="radio" NAME="browser" VALUE="Internetex">Internet Explorer<P>

The Result:

What WWW browser are you using right now?

Netscape Navigator 4.x


Netscape Navigator 3.x


Netscape Communicator


Mosaic


Internet Explorer

Pull-Down Lists

Another way to ask a question with only one answer is to use a pull-down menu. You can use the SELECTED command to have an option besides the first be selected, as you will see below. If you wanted to ask "What is your favorite color?", and you wanted the list to be of red, yellow, orange, green, blue, purple, black, and brown, with black selected, you would type:

What is your favorite color?
<SELECT NAME="color">
<OPTION>Red
<OPTION>Yellow
<OPTION>Orange
<OPTION>Green
<OPTION>Blue
<OPTION>Purple
<OPTION SELECTED>Black
<OPTION>Brown
</SELECT><P>

The outcome is:

What is your favorite color?

Scroll-Down Lists

Some times, you might want to have a scroll-down list on your page. With this, you can decide whether or not you want people to be able to select more that one item. If you do have it with more that one items, the user has to hold down the command or shift key. You can also decide how many of the lines you want visible. Below are two lists of the same things. In the first one, you can only select one item, and it is showing three lines. In the second one, you can select one or more items by holding down command or shift . The second list is showing four lines. The question is "What is your favorite video game system?" The answers are: Nintendo 64, Sony Play station, Sega Dreamcast, or arcade video games. The text that you type for each list is above the actual list.

What is your favorite video game system?
<SELECT NAME="video game" SIZE=3>
<OPTION VALUE="nintendo64">Nintendo 64
<OPTION VALUE="playstation">Sony Playstation
<OPTION VALUE="dreamcast">Sega Dreamcast
<OPTION VALUE="arcade">Arcade Games
</SELECT><P>

The outcome is:

What is your favorite video game system?


What is your favorite video game system? (Hold shift to select more that one)
<SELECT NAME="video game" MULTIPLE SIZE=4>
<OPTION VALUE="nintendo64">Nintendo 64
<OPTION VALUE="playstation">Sony Playstation
<OPTION VALUE="dreamcast">Sega Dreamcast
<OPTION VALUE="arcade">Arcade Games
</SELECT><P>

The second outcome is:

What is your favorite video game system? (Hold shift to select more that one)

Reset Form

On most page that have fill-out forms, there is a reset button at the bottom of the form, next to the "submit" or "send" button. To have a reset button, just type:

To reset the all of the forms, press this button:<INPUT TYPE="reset" VALUE="Reset">

The outcome is: (try it!)

To reset the all of the forms, press this button:

Submit Entry

When you are all finished with everything, you need to make a button so that people can submit their entry. To do this, type:

To submit your choices, press this button:<INPUT TYPE="submit" VALUE="Submit">

The result is: (NOTE: Please don't click this button. It has been disabled and will not work.)

To submit your choices, press this button:

NOTE: At the very end of your form, you must type </FORM> or your forms won't work!!

Frames

What are Frames?

Frames basically split your window in to sections. You can display two or more web pages at a time with frames. You don't necessarily have to have whole pages in a frame. You could just have graphics, too. If you are really interested in putting frames on your page, I recommend that you go here to Sharky's Netscape Frames Tutorial and read the lessons.

Java

What is Java?

Java is a simple, robust, object-oriented, platform-independent multi-threaded, dynamic general-purpose programming environment. It's best for creating applets and applications for the Internet, intranets and any other complex, distributed network.

Programming in Java

I do not know how to program in java. However, it is a very useful language if you know how to use it. If you think that you would like to begin learning the java language, an excellent tutorial can be found here.

Just because I don't know how to program in java, doesn't mean that I don't use it. I love java. It can add so much to a web site. If you really don't want to learn java, but would like to use it on your web pages, I would suggest using free java scripts that can be found around the web. One such web site can be found here at Sharky's JavaScript Answers.

Article By Mario Dorizas

 

web design principles

When you start thinking about designing your web site create website , you need to think about how the colors you choose will affect visitor's perception of the site and how design layout can help "pull the design together".

Good design is virtually invisible, bad design often screams out loud. If your web site is well designed and the layout of information helps the usability of the web site, visitors will return. If you don't think about how the design and color scheme can affect the user experience, visitors may never come back after finding your site un-usable. An important issue to consider in choosing a color scheme is to remember to design for those with color blindness, this usually helps make your site usable for everyone else too!

 

Choosing color

  • Choose a palette of colors to base the design on -- 4 is sufficient
    • This may sound extreme, but you can use varying tones of the same shade to highlight
      • For example, this web site uses different shades of purple and teal, as well as dark blue for text
  • Always use web safe hues for the main design elements, especially if these are going to contain any textual navigation
    • This is because non-web safe colors will dither (go "bitty" - made up of two or more similar shades)
  • If in doubt, check your colors after reducing your screen color depth to 256 colors
    • In Windows - go Start > Settings > Control Panel > Display > Click Settings and change the colors to 256
  • Place your chosen colors next to each other in a graphics software program to see if they work together
    • Some web safe colors create "noise" (appear to move/blend together) when placed next to each other - try to avoid this

tips on choosing color

first impressions

  • Think about the impression you want to give
    • Modern, welcoming, cosy, corporate, professional, fun etc
    • Choose colors which match these
      • For example:
        • Modern colors are clean, bright, such as blue and yellow
        • Welcoming or cosy colors could be oranges, yellows, greens
        • Corporate styles are clean - blue, grey, white for example
        • A fun web site for kids could include the primary colors red, blue and yellow

color psychology

Think about color psychology - how color makes people feel

  Positive Negative
  Red symbolizes passion, love, danger, heat, power, strength, a little can be stimulating. Stimulates the appetite, by increasing metabolism.
 
Too much could be percieved as aggressive. Also symbolizes danger, fire, blood, war, violence.

Remember to consider color-blind users - red/green color blindness is the most common

  Pink can symbolize femininity and youth. Naivity, weakness.
  Orange is percieved as vibrant, warm, cosy and autumnal. Has been a very in vogue color for web sites. Attention-seeking.
  Yellow can symbolize sunshine, happiness, growth, gold and "newness". Can also symbolize dishonesty, cowardice, betrayal, jealousy, deceit, illness, hazard.
  Green signifies nature, the environment, life, growth, good luck, youth, spring, fertility, religion. Also symbolizes jealousy, envy and misfortune. See color-blind issues. Considered bad when used for packaging.
  Blue symbolizes calm, peaceful, water, sky, harmony, therapeutic, trust, confidence, cleanliness and loyalty. Gives people energy. Safe color to use in design. Sadness, cold, depression, suppresses the appetite. create website
  Purple symbolizes royalty, spirituality, passion and love. Cruelty, arrogance, mourning.
  Brown is neutral, earthy, outdoors, warm. Dirty, dull.
  Grey/gray can be modern, intelligent, solid, clean. Old age, sadness, boring, dull.
  White is symbolic of cleanliness, innocence, space, purity, chastity, simplicity, peace, winter/snow, goodness, marriage/virginial. Death (in Eastern cultures), cold, clinical, sterile.
  Black is associated with power, elegance, magic, mystery, night, sophistication, solid and powerful. Death (in Western cultures), witches (black magic), fear, evil, anonymity, unhappiness, sadness, remorse, anger, mourning, death (Western cultures).

color combinations

Think about which color combinations work

        Black, white, grey/gray and red
    Red and white
    Orange and purple
    Purple and yellow
    Green and purple
    Blue and yellow
      Blue, grey/gray and white
    Green and browns (be careful or color-blind issues)
    Teal and purple/lilac
 
How to create a website

Welcome to BlueVoda,

BlueVoda is committed to helping you create your first website and getting you online as quickly as possible. Creating your first website can be a daunting and confusing task. Where do I get started? What should I do? However, it does not have to be this way, creating a web page can be a fun and rewarding experience if you just follow a few simple guidelines, which we will outline for you here.

The first thing that you should do when getting ready to create your first website is to define it. What do you want your website to do? Do not just start constructing your page, really think about it. You should think about how you want it to look, what information you want to provide to your perspective customer in order to persuade him to buy your product or service rather than going elsewhere.

Be sure that you organize the page well, think of your Home Page like the Table of Contents page in a book, it is there so that your customers know where to go in your site for their particular needs, or just to familiarize themselves with your product. Lastly, when defining your site you should do your research. Always visit your competitions web site to see how they have organized their site, so you can make yours better, whether it is just including more information about your product, or simply making a better designed site.

Now that you have given some serious thought to how you want your web site to look, and what you want to include in it, you need to think of a name for it. There are various approaches to finding the right name for your web site. The first is to make the name logical, for instance, Nike’s web site is nike.com. Another approach is to make the name memorable so that your customers can type it in without thought, the name does not have to be descriptive of the product you sell, for example amazon.com sells books. Further, you should keep the name as short as possible so that it is easy for your customers to type into the url field.

Now that you have your web page named and given some thought into how you want it to look, here are some pointers for building your site. If you have pictures on your web page go over them first with a photo editing program, like pix resizer,

so that the customer’s browser does not have to crunch them. This will also speed up the download speed of your page so that the customer can view quickly without having to wait for large picture files to appear on the screen.

One of the most annoying things for people surfing the web are pages that take a long time to download. All those fancy graphics will not do you any good if instead of waiting for the page to download the viewer closes his browser and goes elsewhere, so consider going light on the pictures and heavy on the information content.

You should also put some serious thought into what color fonts you are going to use, and the background color as well. When in doubt, remember that a white background with black text has been successful for thousands of years!

Your website should also be easy to navigate, all your links should be obvious to the viewer, and should be self explanatory or have information about where the link will take them. Try to keep the number of links you have low, the viewer does not want to spend a lot of time waiting for links to download, chances are, like you, he is pretty busy! Further, always link back to your homepage in order to make navigating your web page easier for your potential customers create a website.

Now, before you even open up BlueVoda, you should construct your web site on paper. Decide the number of pages you want to have inside of your site, and determine logical titles for them. Think of any pictures that you might want to put on each page and where you are going to put them in order to be most effective. You should plan out your hyperlinks now, create a website as it will make keeping track of them later a lot easier and save you time trying to figure out why they are not working properly. Decide where you want to put any buttons that you might create for hyperlinks as well. Lastly write out any information content you will be putting onto your web page in Microsoft Word first so you can detect any spelling errors you might have made. You can cut and paste parts into BlueVoda later.

create a website Lastly, familiarize yourself with BlueVoda before you start using it. Watch the free tutorial videos that we offer so that you have an idea of what you can do with BlueVoda. Further, you should make a practice page first so that you can get a feel for BlueVoda and some experience using it before you start constructing a page which you will publish on the World Wide Web .

It takes two to three months to learn how to use Dreamweaver and at least a month to learn FrontPage, while you can learn BlueVoda in hours. Practice adding and deleting text, pictures, and hyperlinks until you can do these actions with ease.

Building a web site with BlueVoda is simple and easy if you follow the above steps. The most important part of the construction process actually takes place before you open BlueVoda. Think of constructing your web site like taking a test back in school, those who prepared before the test probably did better than those who just went in without even opening their books.

So be sure to prepare before you start, think of the content you want to put in, think about your links, think about your web site’s name, draw up an outline on paper before you start constructing the page and most importantly WATCH THE TUTORIALS before you start!

In a nutshell

“Plan Your Work and Work Your Plan”
 

Article By Mario Dorizas     

 
 Home CSS  Google Myhostingteacher.com