Search
Related Links

 

 

Informative Articles

Effective Web Design
D.zigns dzignerwebs The Basics Before starting on how to design a website effectively, how about clearing some basic web design concepts? Designing Effectively Now that you know what web design and related terms mean, lets get down...
How to Prepare Your Project before You Order Website Design
Are you serious about get this website done fast and clear and want to make money with your website? Then you will absolutely need some good web design agency to build the website of your dream and that it the aim, right? Web design studios may...
How to set up a professional website on your own using web templates
To create professional websites is not an easy task by any means. There are many things that you got to take into consideration like easy navigation, strategic links, clean coding, professional layout, easy downloading, scanability, usability and...
Quick Web Site Start-up and Promotion Guide
The biggest problem I've always had promoting my web site is keeping myself focused. After all, what should I be doing? Publishing my own e-zine, placing classified ads, looking for link exchange partners, writing articles... My head is beginning to...
Ten Basic Steps for Building a Web Site that Works
Assemble a Web site development plan that is integrated with your overall marketing processes. The content should be consistent with offline materials; the graphics/images don't have to be identical with traditional media, but should be...
 
How to Design and Setup a Website

Note that the online version of this article contains
screenshots that are helpful but could not be included in
this article. To view it
http://dollarware.us/websitedesign.htm

You need your computer, some software and a connection to
the Internet.

A website can be on the Web, (the Internet) like
http://yahoo.com or it could actually be on your own
computer. When it’s on the web, in order for it to be seen
by others using their Internet Service Provider, it must be
hosted. That is the files which comprise the website must be
placed on a computer with an “always on” connection to the
Internet.

A Web site is just a place where a collection of web pages
or html documents are located. There are around 16 million
of them as of early 2003. You can design and setup a
website of your own fairly easily in as little as a day or
two. I am going to walk you through the steps that you will
need to follow, giving a little explanation along the way.

If you can type a letter in Microsoft Word, you can be
live on the Web in 2 Days.

The Internet is just a giant network of computers all
connected together so that they can share information with
one another. Thirty four million of you are connected to
that network by a modem in your computer, a telephone line
connection to AOL’s computers and then through their
connection to the Internet. If you have a cable modem, or
satellite modem, then no phone connection is needed.

Telephones and the Internet

Telephones have been around for all your life. You don’t
even think about how you can call the local access telephone
number to AOL. But the Internet is much newer and you don’t
understand modems and Internet Service Providers and
bandwidth. Who cares, you don’t know that much about how
your telephone calls are switched to get you to your final
destination. You don’t have to understand how your
connection to the website you want to visit gets switched
either. Actually today there is some merging of telephones
calls and the internet in that some voice and data phone
calls are actually travelling over the internet. But that’s
another story.

So that’s how you would get to someone else’s website, but
how would they get to one that you setup? Or what would you
have to do to make your website available to others?

Create content, get hosted and tell others.

First if you have an idea for some information, graphics,
pictures or sounds that you would like to place on a website
of your own and have them available to others what would you
have to do? Well, first you create the content, whatever it
is. Then you arrange to have it hosted and then just tell
others how to find it.

Creating the content on Web site pages.
For most web sites, the information is in the form of a page
containing text and probably a few graphics. It is much like
a word processing document. They are created in a plain text
file which is written using special coding called HTML.
Hyper Text Markup Language is the code in which html pages
are written. It has various words and symbols that it calls
tags. They are just special code words which are standard
and which tell your Internet Explorer (for instance) browser
how to display the information and graphics on the html
page.

I am creating this html document using Microsoft Word. So
for right now, I am doing nothing different. The difference
was that when I asked Word to start a new document, I
specified a new webpage. It’s File-New-Blank Web Page from
the main Word menu. And then you just type. You can use
whatever menu choices are then showing on the menu bar. You
could insert a graphic, pictures, diagrams or a table, all
from the Word menu bar. You can format the text to different
fonts, make it bold, italic, underlined just as you can do
in a word processing document.

So you probably have Microsoft Word or another competitors
word processor. Word can create html documents and if you
have a competitive product it probably can also. You can
start to create the pages that will make up your website.
But there are some things that are not so obvious when
working with a word processor. How do I get from one page to
another and then back again or to yet a third page? It’s
done with hyperlinks. A hyperlink is just a special word or
phrase, that is usually bright blue in color and underlined
which, when clicked on with your mouse loads a different
part of that web page or loads a different web page. Back at
the top of this page when I typed Yahoo’s website address in
it’s proper form, Microsoft Word recognized what it was and
automatically made it into a hyperlink, and made it blue and
underlined it. But here’s another one #Top of the Document
which takes you to the top of this document. You create a
hyperlink in Word from the menu bar with the command Insert-
Hyperlink.

You can do a webpage in Word, but it has some limitations.
The Microsoft application that is specifically created to
design web pages is FrontPage. It is a wysiwyg (what you see
is what you get) html editor or webpage creator. Now it is
set up for the specific purpose of making web pages. But it
has some other cool stuff that is going to make creating
your web site really easy and once you learn a little, a
whole lot of fun. There are other web page programs that are
less expensive, maybe even free, those that are more
expensive, maybe more powerful in certain ways and those
that the professionals use. But many professional web
designers like FrontPage because it is powerful and similar
to applications that users are already used to and because
it is easy for a non-professional to take over and manage
his website once the pro has set it up for them. You can
probably find a copy of Microsoft FrontPage 2002 for $50 or
so on Amazon or Ebay. You may even have a copy on your
computer that came with Office.

What is html and what do I have to know about it?

Its that code that tells the internet browser how to display
the information and graphics that are on the webpage. You
can find the html tags and some basic information about them
in many places on the internet. Just search for “html
tutorial” in a search engine and you’ll probably get more
information than you want to read. If you are using a
wysiwyg editor, you probably don’t need to do much more that
a quick read through of one of the tutorials that you will
find.

See how html works… go to the Source.

Another way to see, in the real world, what the html coded
page and the page as displayed by your browser is to do
this. Pick a simple website that you normally visit and go
there in your browser. Now with your mouse, right click on a
blank part of the page. You should get a popup menu, choose,
“View Source”. Another window will open and display the


html
source code that is being used to display that page in your
browser. You can actually copy that code and save it as a
file on your computer. If you save it with the proper
extension .htm or .html, then using My Computer to view the
contents of the directory where the file is saved. If you
double click on the file name, it will start your internet
browser and load that document into it and it will seem that
you have gone to that previously visited website.

So what’s different about visiting a site on the web
instead of the one on my computer?

Not much difference at all, except that the page that you
will first see is on another computer at some unknown to you
location. And that some how your browser must find that
computer and asked it to send a copy of that page over the
internet to your computer where it eventually arrives loaded
into your browser. Exactly how all that happens is another
story, but basically, your browser sends a request for a
page whose location is really given in the address or URL
(Uniform Resource Locator) that you typed into your browser.
The request goes outside through your Internet Service
Provider to a nameserver computer and asks what path it
should take to send the command to the webserver. All this
happens automatically, kind of like when you dial a phone
number, but not exactly that way. Anyway the request for the
webpage finally finds it’s way to the webserver on which the
web page is stored. The webserver receives the request and
sends the data contained in the html document back over the
path through the internet and back to your computer where it
is delivered and read by your browser which properly
displays it for you. All this happens in seconds!

Getting Hosted

Now, you create the html documents using whatever program
you choose. But your computer is not a webserver. A
webserver is a computer with special programs which can
receive and act on commands to deliver a webpage to another
computer. It finds the page that was requested and sends it
out over the internet back to the requesting computer. You
could make your computer a webserver by installing the
proper programs and making the connection to the internet.
But the normal way for most of us is to arrange for web
hosting from a company who offers that service to the public
for a fee. There is a full range of hosting packages with
various features and from free to expensive. An average for
a reliable, full featured package will probably be in the
$20 to $25 a month range.

Once that service is arranged you are told what their URL is
so that you can know how to send the html documents that you
created to the webserver computer. Most of the time this is
accomplished by using an FTP (file transfer protocol)
program which acts like a translator and sends the pages
from your computer to the webserver. A username and password
setup allows your access to your space on the webserver and
prevents others from gaining access to your files. It can
get a little confusing when you use FTP. That’s why I prefer
and recommend that you use a program where the FTP is
built-in to the html editor.

FrontPage is a wysiwyg html editor with built-in FTP

FrontPage has this FTP program (actually Word has it too)
built into it and uses it to send and receive html document
to and from your computer. You only have to use one program
and believe me, it’s going to save you a lot of aggravation
over dealing with two. So remember when you are comparing
prices of html editors and whether or not they have a built
in FTP or require a separate one. You can get a free one or
a free trial of one, if you search.

But of course many of you have Microsoft Word so just type
up a little page, click on the menu bar File – SaveAs

Notice the slashes instead of backslashes in the file name
box and notice that the address of the website is added
before the file name in that same box, the Save as type is
set to Web Page. Now click the Save button and if you have
worked through this carefully Word will send this document
(web page) to your website.

To see if the transfer worked, just enter the same address
that was in the File name box into your browser and it
should retrieve the document from your site and display it.

How about domain names?

Oh, you don’t have to have your own domain name to have a
website on a webserver somewhere else. You can use the
domain name owned and hosted by someone else. Geocities is
an example of this. You use their domain name with some
variation such as a subdomain or a subdirectory. Here’s an
of example.

http://www.geocities.com/dollarwareinc/howto.html

Domain names and email accounts.

In most cases, though, you think of a domain name that you
would like to own and you go to a Domain Name Registrar’s
web site and do a search to see if that name is available.
If it is you pay a fee and get exclusive rights to that
domain name for a given period of time usually one or two
years. Prices vary quite a bit. I’ve seen them as low as $8
or $9 for one year to $65 for two years. For less than $10
(ten dollars) you can get a domain name, and get 5 email
accounts. Even if you don’t get a hosting account. You can
have the email forwarded to your regular email box. But the
email address will be at the domain name you have chosen,
john@moneymaker.com for instance.

Ok, now that you have the domain name, you need to also tell
the registrar where you will be hosting your web site. You
give them the address of the hosting company’s nameservers
(usually two of them) . The name servers addresses will have
names like other web sites. Something like this:

Nameserver 1 ns.my-ehost.com
Nameserver 2 ns2.my-ehost.com

You give this information to the registrar, usually by just
typing it into a special form on their website. You usually
find it under something like “Manage Your Domain”. The
registrar then, will send this information, the name of your
new domain and where it can be found to all the other name
servers on the Internet. Actually new information is
transferred from one connecting device (Routers) to another
automatically until it is said to have “propagated”
throughout the internet. This just means that anyone can now
find your website by typing its address into their browsers.
This propagation process takes from 24 to 48 hours to
complete.

You’re done. That is, you have your web site’s html pages
created, you have them “uploaded” to the webserver. You have
a domain name which becomes the address of the site.

Now just tell the World about your new website.


About the Author

John Wilson, BSIM, A+, Network+, CCNA, MCSA. Webmaster for http://website-how-to.com offering help to those who want to create and setup their own site.

 

Web Development
This web summarizes the complete life cycle methodology for web development: planning, analysis, design, implementation, promotion, and innovation.
www.december.com
 
Web Development
Professional Web site design, graphic design, and Internet development services.
webdevelopment.com
 
Web Developer's Virtual Library: Web Development Tutorials and ...
News, tutorials, and reference material focusing on technical web development topics.
www.wdvl.com
 
Open Source Web Development Tutorials - Dev Shed
Open Source web development tutorials, forums, and tools. Topics covered include PHP, Apache, mySQL, Zope, Roxen, Jserv, Zend, XML, DHTML, and Javascript.
www.devshed.com
 
WebDeveloper.com
Hello all, I am new to web development. I have an understanding of website development, but no scripting experience. I have heard of JavaScript, PHP, ...
www.webdeveloper.com
 
LevelTen Web Design | Professional Website, Flash & Graphic ...
Offers logos, web sites, multimedia presentations, and custom media. Quote form. Based in Dallas, Texas. [Requires Flash]
www.leveltendesign.com
 
Web development - Wikipedia, the free encyclopedia
For larger businesses and organizations, Web development teams can consist of ... Since the mid-1990's, Web development has been one of the fastest growing ...
en.wikipedia.org
 
Web Design - HTML XML - Web Development - Web Site Design
Web Design and HTML are all about creating a great Web site. Use Web development and Web site design to build Web sites that customers return to over and ...
webdesign.about.com
 
Agile Web Development with Rails—Second Edition
Dave Thomas, Mike Clark, David Heinemeier Hansson, Leon Breedt, Thomas Fuchs, Andrea Schwarz; Pragmatic Bookshelf, 2006, ISBN 0977616630.
www.pragmaticprogrammer.com
 
CYGAD's WebDevelopment - Welcome to CYGAD’s WebDevelopment! - The ...
CYGAD's WebDevelopment - The finest Resources for WEB-Design, WEB-Master and WEB-Developer!
www.webdev.cygad.net
 
Web Development Bookmarklets
Includes tools for viewing and testing CSS styles, viewing scripts and variables, and showing the structure of a document.
www.squarefree.com
 
SGI - Freeware - Web Development
Links to freeware web development tools, browsers, software, etc.
www.sgi.com
 
Webmonkey: The Web Developer's Resource
Resources for web site developers including how-to guides, code libararies, server technologies and authoring resources.
www.webmonkey.com
 
Web Development Tools - Web Developer's Journal
Tips on Web page design and development, HTML, graphics, scripting, favicon, development tools, Java, sql basics, building web sites, and much more for ...
www.webdevelopersjournal.com
 
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO ...
Web Developer's Handbook is a list of essential web-sites, which make the life of web developers easier. Compiled and updated by Vitaly Friedman.
www.alvit.de
 
Ceonex Web Development & Web Design - Full Service Digital ...
Web design, web development, online branding, application development and other full service business solutions focused on prospect conversion and customer ...
www.ceonex.com
 
Cayenne Web Development - web design agency, Oxfordshire, UK
Specialist web design agency based nr Banbury, Oxfordshire, offering a complete website design and development service.
www.cayenne.co.uk
 
Web development mistakes | 456 Berea Street
When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing…
www.456bereastreet.com
 
Web development mistakes | 456 Berea Street
Articles and news on web standards, accessibility, usability, and other things related to web development and web design.
www.456bereastreet.com
 
Anil Dash: Web Development Trends for 2006
Here, then, is a random assortment of new web development trends to be ready ... Web Development trends 2006: Überblogger Anil Dash maakte (een paar weken ...
www.dashes.com
 
 

 
Content Menu
  • 10 helpful tips to follow when switching web hosts

  • 10 shocking secrets nobody will ever tell you about having a successful business web site

  • 10 things you should be monitoring on your website

  • 10 tips for better web site usability and profits

  • 12 essential web site design tips

  • 12 tips for creating an artist website that sells

  • 13 ways to destroy your website

  • 15 website elements that attract visitors

  • about web applications

  • adding flash 4 to your website

  • add graphics to your website without losing your mind

  • aesthetics and web marketing

  • are web graphics stealing your money

  • asp web hosting

  • attract buyers to your web sitewith power words

  • a custom icon for your web site

  • a webmasters toolkit and tricks

  • a website design checklist

  • a web site to have or have not

  • bad web design activex

  • basics of web design principles

  • beginner guide to web hosting

  • beyond web usability web credibility

  • bring to life your ideal web pages

  • building an effective furniture sales web site

  • building a successful web site what not to do

  • building the website of your dreams not your nightmares

  • building websites using web templates

  • building web sites using web templates

  • building your own web site here are two critical points to consider

  • business benefits of the web standards

  • business web site content strategy

  • buyer beware web hosting registration and site building

  • buyer beware web hosting registration and site building all in one package nightmares

  • can they use your website in a tv broadcast about scams

  • can your web site win the tour de france

  • cheap website design dangers of cheap web design for your business

  • cheap web design

  • checklist for a successful web site design

  • choosing the right website designer

  • choosing the right web site designer

  • choosing your web design

  • cookies how to improve your website and learn from your visitors

  • create and deploy a website from start to finish

  • creating your first web site part 2

  • creating your own website for free

  • creative offline website marketing techniques

  • custom web site design strategies

  • designing a successful web site

  • designing professional web pages

  • designing your web site for all browsers

  • determine your popularity on the web

  • developing and optimizing your website let flash help you

  • developing an effective physical therapy web site

  • developing your website 10 tips for getting started

  • developing your winning web site strategy

  • dirty web promotion tricks 1 legitimate and malicious javascripts

  • do not drop your web site off the search engine cliff

  • do you really need a website

  • do you really need a web site

  • easy steps to website development and promotion

  • ecommerce web design solutions

  • effective web design

  • eliciting constructive website feedback

  • empower web clients increase your profits

  • find a hidden fortune in your website stats

  • first rate tools for your web authoring

  • five core elements to a successful website

  • five pieces of information you must include on your website to generate sales

  • flash deadly sins that can kill your web business

  • focus your web site or get out of business

  • forums should you have them on your website

  • four easy steps to establishing a website

  • free website templates top 10 things you need to know

  • getting professional website a cheap and easy way

  • getting your own web site quickly and cheaply

  • get it all with good web content

  • get your web site noticed

  • good web design the importance of navigation

  • good web design what is it

  • graphics for the web gif format

  • graphics for the web plug ins

  • hiring a custom website designer

  • how a custom designed website can help your business

  • how do we know when its time to redesign our web site

  • how much does a website cost

  • how not to be ripped off by your website designer

  • how to build a website

  • how to build your own website more steps

  • how to choose a website designer

  • how to choose a website design company

  • how to choose a web site designer

  • how to create a professional website in less than a week

  • how to create a website in less than a week

  • how to design and setup a website

  • how to find good web hosting

  • how to get more hits on your website

  • how to hire the right web design firm

  • how to keep your visitors 10 times longer on your web site

  • how to make your website a big hit

  • how to prepare images for your web site part 1

  • how to prepare your project before you order website design

  • how to save money on a website

  • how to set up a professional website on your own using web templates

  • how to set up your own website

  • how to shop for a web design firm

  • how web design can affect search engine rankings

  • html tips easy ways to make your website sizzle

  • if its done its done for make your website part of your business before you build

  • if you build it they will come not without web marketing

  • increase sales with easy to read web pages

  • increase the efficiency of your web design business

  • independent consultants take over web design

  • index

  • initial factors of web page construction

  • interactive content blogs forums and feedback what does your web site need

  • in search of webhosting first understand the industry

  • is there benefit to green in web design

  • is your site too slow why image optimization is critical when you create a web site

  • is your website legal

  • is your web site ready for its visitors

  • is your web site unfriendly parts 5 6 of 9

  • is your web site unfriendly part 2 of 9

  • learn from the masters of web design

  • make your artists website sell

  • make your website scream with excitement with java

  • make your web site super sticky

  • making better web graphics that grab your attention and load fast

  • making the business case for web standards

  • manchester united top of the web accessibility league

  • maximising web site viewability browsers

  • maximising web site viewability resolution

  • microsoft and webmasters

  • mini site or content based web site

  • mobile accessibility your website in the year 2005

  • my mother never had a website

  • my top ten list of extremely annoying web page design elements

  • new customizable javascript menu for web applications

  • new support for website and graphic design firms

  • now you have a web site have you ever heard of accessibility

  • optimal website design

  • optimized web page template

  • optimizing a website with flash

  • overview of web content management systems

  • part ii planning a website

  • pegasus infocorp pvt ltd offshore professional website design and software services provider based in india

  • pitfalls of web redesign

  • planning a web site

  • planning a winning website

  • plan your web site for profits

  • printing your website the right way

  • quality web site language

  • quick web site start up and promotion guide

  • rotator

  • search engine optimization and web site usability

  • sell your freelance web services to businesses that dont have a web site

  • should i make my own web site

  • should you bother learning html to build webpages

  • simple steps to finding a web designer

  • simplify your web site for clarity and ease of use

  • spice up your web site with javascript

  • starting your own website c cheryl a crossan 2002

  • steps of a project for a freelance web builder

  • switching web host

  • tapping into the visual stimulus of your web site visitors

  • templates website templates free website template newwebimage com

  • ten basic steps for building a web site that works

  • testing your web application a quick 10 step guide

  • the 4 deadly sins of business web design

  • the 8 most important website design principles

  • the core elements of a successful website

  • the critical importance of good web graphics to internet marketing profits

  • the future of web design what is dotnetnukee

  • the ideal web design firm

  • the importance of web standards

  • the need to have website design services

  • the newbies guide to small business web design

  • the new fa‡ade of web designs

  • the pros and cons of using templates for your business website

  • the straight truth about web site building tools

  • the topic of your website

  • the top 5 roadblocks to web accessibility

  • the top seven strategies for website success

  • the web site is not the end all of internet marketing strategy

  • this is why your website isnt making you any money

  • tips for choosing a web developer

  • top 10 ways for web designers to find new clients

  • top 10 ways websites makes me suffer

  • top mistakes first time web developers often make

  • top ten fonts for website design

  • top ten things to ask yourself about your website

  • translate your web site and expand your market

  • translating your web

  • user friendly website hints tips

  • user lab to host west midlands web accessibility workshop

  • use cgi to automate your web site

  • victoryvisions the php mysql company complete website development company

  • want a sticky website that sells forget content

  • weave your own web

  • webjunxsion is foraging its way through the muddle

  • webpage tips

  • website accessibility

  • website accessibility explained what you can do

  • website designing web site design new jersey newwebimage com

  • website design info part 1

  • website design info part 2

  • website design strategies for internet marketer

  • website design website development flash design services

  • website development become your own expert

  • website maintenance what does it take to manage your website

  • website template usage beyond what you already know

  • web accessibility and your business

  • web accessibility making your pages friendly to people with disabilities

  • web accessibility myths

  • web accessibility the basics

  • web analytics getting it right

  • web content case study

  • web content how much should i pay

  • web designers beware

  • web design 7 key things to avoid

  • web design for the no talent artist

  • web design integrating e commerce

  • web hosting shared or dedicated which should you choose

  • web hosting to switch or to stay

  • web page real estate 101

  • web site designing pillars part2

  • web site design focus focus focus

  • web site design things you should avoid

  • web site monitoring is a global necessity

  • web site must haves

  • web site optimization how to optimize pdf files for web sites

  • web site optimization how to speed up your web site by minimizing your gif and png image bit depth

  • web site start up and promotion guide for professionals

  • web source web design tips

  • web source web design tips adding an image background to your tables

  • web source web design tips cascading style sheets

  • web source web design tips close a window with a button or link

  • web source web design tips creating an automatic drop down navigation menu

  • web source web design tips decreasing a websites load time

  • web source web design tips dont forget your meta tags

  • web source web design tips highlighting free for all links

  • web source web design tips how to make your background image stationary

  • web source web design tips open a new window with a button or link

  • web source web design tips open a web page in a new window

  • web source web design tips open a window on page load

  • web source web design tips reload a window with a button or link

  • web source web design tips selecting the perfect background for your website

  • web source web design tips using an image to create a line

  • web source web design tips using meta tags for search engine indexing

  • web source web design tips using meta tags to prevent browser cache

  • web source web design tips using meta tags to prevent search engine indexing

  • web source web design tips using meta tags to redirect

  • web standards part 1 what are web standards

  • whats really going on with your web site

  • what color is your website

  • what to avoid to make your website design effective

  • why a css website layout will make you money

  • why dot coms fail a webmasters perspective

  • why hire a professional to design your web site

  • why not to use web design templates

  • why resources added to a web site increase revenue

  • why use a web design template

  • why your business needs a website

  • why you need a web site

  • writing benefit driven web copy 4 steps to more sales

  • writing for the web four steps you cant ignore

  • www hosting web development empathise and create not bad p websites

  • your web site do it yourself or get serious

  • you too can have an amazing website