How To Make A Web Page
How to make a web page—To get started, there are 3 steps that you need to know for how to make a web page, and each one is pretty important for making your own web page. For example, without a web host, no one would be able to find your website online.
Step 1 – Choose a domain name and the BEST web host
One of the things you'll need to do is to buy a domain name and pick a trustworthy web host. The prices vary from host to host as well as the services. For most everyday sites, we have finally chosen our #1 all time best web host after YEARS of trial and error. But…
First of all, what exactly is a web host? A web host is a place where you can store your website online and makes it easy for the world to access your site.
For example, once you make your web pages using our free tutorials and free software, then you need to take them from your computer and put them online. That's what web hosts offer, they allow you to a place to store your newly created web pages. That space is on their computers which are directly linked to the internet. In fact, they literally help make up the internet.
At the same time you get the hosting, you'll also get to choose your domain name. The domain name is just your web site name, like http://www.designyourownweb.com. That tells everyone where we can be found at on the web. It's a unique address to your site.
Ok, so what you'll need to get started is to choose a web hosting company and also a domain name. Here's some suggestions:
Picking your domain name…
There are now over a billion websites out there, literally. So, the web is an enormous ever growing place, which can make choosing an effective domain name both necessary and a challenge. Most of the simple names are already taken. And in different variations. But, it's still possible to find great domain names with just a little searching.
Before picking your own domain name, here are some tips to help you brainstorm:
Try to go with .com whenever possible. There other variations that will work just fine (but people have gotten use to .com). Other extensions are .net, .us, .org, .ws, etc.
Try to use keywords in your domain name – Keywords are the words people type into search engines to find what they are looking for. If you are building your own 'golden retriever' web site, then 'golden retriever' should be in your domain name. For example, http://www.goldenretrieverdogtoys.com.
Keeping it short and simple – If possible the shorter the better. Particularly if people are actually typing it from offline instead of clicking on it. If it's entirely accessed from online, then it really doesn't matter.
To dash or not to dash – If you really like a domain name and it's not available, try the same domain name with dashes. For example, http://www.goldenretriever-dogtoys.com, or some variation on that theme, http://www.golden-retriever-dogtoys.com, etc. Some people don't like dashes, but one or two is probably ok.
Step 2 – Pick a Web Page Design Editor
There are several Web Page Design editors. These editors help you to more easily build your web pages. The one's that are the eaiest to use are called WYSIWYG. This stands for What You See Is What You Get.
Now, the one editor that we cover extensively here in our tutorials is Nvu. Nvu is 100% FREE. We are also working on a Dreamweaver tutorial as well, coming soon.
Nvu allows you to easily insert text, graphics and other objects into a blank web page. This in turn creates HTML source code (Hyper Text Markup Language) behind the scenes.
The way it works is like this…
You design a webpage using Nvu or Dreamweaver.
Nvu, or the latest version called Kompozer is a FREE, available to all, web page editor. You can use it to design your own website.
It's great when you're first starting to design web pages, especially considering the price tag.
We include free tutorials on how to use this on this site.
Adobe Dreamweaver CS4 is the latest version of Dreamweaver. It's the flagship web design editor. It also costs about $370.
However, if you are SERIOUS about web design, this is the BEST program out there. And it's awesome once you know how to use it.
Those programs create HTML code (known as source code) automatically for you. You save the page. Most page names are saved as either .html or .htm. This saves the page as source code.
You then upload (or send) that HTML code (along with any images) to your web hosting server.
A person visits your web site (URL) by typing in your domain name or by clicking a link from another website.
Their web browser (Internet Explorer, Netscape Navigator, or FireFox) reads and interprets that HTML code and displays on the screen your website with all the colors and images.
HTML source code is just text. And it isn't pretty. The purpose for your browser is to turn the HTML source code into something more fashionable and easier to read. Your browser is really just an interpreter.
So without having to start off learning HTML (which can be kinda tedious), you can simply point and click, drag and drop and design your own web site easily using a web page editor, like Nvu or Dreamweaver.
You can use either web editor to get started, we'll show you how to download and install Nvu today in the next chapter….Right now, we'll also need a graphics design program (to create and edit images) if we're going to make a good web site.
Step 3 – Pick a Graphics Design Editor
There are several Graphic Design Editors. Some better than others. And some that are FREE. Graphic Design editors allow you to scale, resize, compress, and create your own images, or graphics.
Our step by step graphics design tutorials use the GIMP, because it's free and easy to use. In fact can you start using it today. We'll show you how to download and install the GIMP a little later, for now we just wanted to know what your options are:
The Gimp is a FREE web graphics editor. It allows you to do most of the basics and is great for beginners.
Adobe Fireworks CS4 – Fireworks is designed to work with Dreamweaver. It is a very good graphics editing program. It's probably the one I use the most.
Adobe Photoshop CS4 – PhotoShop is considered by many to be the standard in the graphics design world. A very powerful program, Photoshop allows you to do practically anything you can think of with graphics.
Corel Paint Shop Pro Photo X2 Ultimate – This is a great entry level web graphics editing program. For the money, it can't beat.
Click on any link above to purchase from Amazon.com
When designing a web page, it's important to understand that the computer treats graphics and text differently. All the text for the web page is saved in an HTML file (the file that your browser reads). All the images, or graphics, are saved as a graphic or image file. They can be saved several different formats. The most common ones on the internet are: .gif, .jpg, .png. These 3 are the ones that your browser can read and understand and display properly.
Using the web page editor, you can easily insert images into your web page. The resulting HTML source code tells the browser where on your web hosting server the image can be found and then displays the image in your browser. Using the HTML code generated by your web editor, the browser knows where and how to display the image.
So that's important to remember, because you have to upload both the .html file and the graphic images associated with the web page, otherwise the browser won't be able to display the web page correctly (because it can't find it). And I am sure you have seen these before. They're empty boxes with a little red 'x' in the upper corner.
Now, it would be practically impossible, and certainly not enjoyable to create an image by hand by coding it. So there are easy- to-use graphic design editors that allow you to draw, color, resize, reshape, and compress the images.
They are actually a lot of fun to use and really give you a chance to express your inner creativity.
*A word of caution about using images on the web. If an image is not considered in the public domain and free to use, then it is considered copy protected. Legally you aren't really allowed to use that image without the permission of the owner. Please keep that in mind.
That's the great thing about owning a graphics design editor, you can create your own images, which you own the rights to. Then you don't have to worry about it.
How To Make A Web Page