
Getting an HTML editor and an FTP client
How to make your first Web page
Finding free graphics for your site
Uploading the HTML and graphics files to your site
Java Applets (not required)
Perl Scripts (not required)
Getting started on your first Web page can be a trying experience if you don't have someone to help you along. So, I've created this page to get you started. It contains links to all sorts of resources to help you along. I will be adding more as I find them. Help me by telling me about any you find.
First, you will need a Web site. If you haven't gotten (or can't get) one from your Internet service provider, don't loose hope. There are a number of providers of Web page service available. Some charge and some offer for free. Most require that it be for non-commercial use and others have restrictions of their own. If you are a ham radio operator, QSL Net offers free Web pages to hams and radio clubs. For other users, check the 'Where to get a free Web page' link that documents a number of sites that give free Web pages. For those 'Down Under' (or even if you're not 'Down Under'), try Matilda. Or try the looking on the Justfreestuff free Web site listings.
Next, you will need an HTML editor and an FTP client program. America Online(r) used to offer a free Web page editor but has discontinued it. As yet, I've not found a new one. If you have any suggestions, let me know. A good FTP program is made available by IPSWITCH. Click on the link and download it from there. Another good site to check is 'Sitemine', a database that allows you to search for HTML software, clients, and other resources.
You should play with the AOLPress editor and get to know it. Type some text into the Window. Highlight the 'Title:' field and name your page (this is what the users will see on the Netscape or Internet Explorer heading when they bring up your page). Move into the 'Location:' field and name the file you will save your work to.
To get started on your first page, you should learn to set the colors on
your page, format your text, make links, and be able to insert graphics.
If you can do these four things, you are off to a good start. So, let
me tell you how. You can print this page and follow the instructions
if you wish. Please follow them carefully.
Select
'Format', then 'Page Attributes' from the toolbar. A Window will pop
up that looks like a form. Click on 'color' and you will be able to
select the background color for your page. Click on the color you
want. Next, select 'Normal:' and then select the color you want the
text to be. Repeat this for the 'Link:' (to select the color your hypertext
links will be) and 'Visited Link:' (to select the color that links you have
already seen will be) and then hit 'OK' and you will see the new color(s)
come up on your new page.
Formatting
your text is not difficult. Type a short line in the Window.
Click and drag to highlight your text. Then, click on 'Format' and
you will see what appear to be standard font control (for the most part).
Select 'Type Style' to italicize, bold, underline, etc. and 'Heading' to
select one of the six standard font sizes used on Web pages. Select
'Paragraph' and you will be able to center, right justify, or left justify
your highlighted text.
Making
links is a breeze. Highlight the text (or a graphic) by click and
dragging. Then, click on 'Element' then 'Link'. In the 'Link
to Page:' field, enter the URL of the page you wish to link to. For
an email link, select 'E-mail Link' instead and insert the desired email
address in the 'Send email to:' field. In either case, hit the 'OK'
button when finished.
Graphic images that may be used on Web pages include .gif and .jpg files. You can get free ones from the sites listed below, have your own made or make your own with different graphic programs (I will not attempt to address making your own graphics here). Assuming that you already have the graphic you wish to insert, click on 'Element' then 'Image' and a special window will pop up. If you click on the 'Browse' button, you can find the graphic file by filename and press 'OK' once you have located and highlighted it. Click on the alignment choice (it is usually best to select 'middle') and then press 'OK'. Your image should now appear in the main window as it will look on your Web page.
You will need access to graphics to use for your site. These sites offer graphics that may be used for free. Some require that you put a link back to their site if you use their images. Please read the rules of the Web site when you choose your graphic images. If you are using 'Netscape', you can save an image off of a page by right clicking on it. A window will pop up that will allow you to save it. Be sure to put it in a directory where you can find it.
Bull's Backgrounds, Buttons & Bars
Charmyn's Free Seamless Textures
Free Graphics By Syruss - Main Page. Animations, Bars, Buttons, Backgrounds, 3D, Arrows and More Graphics!
Iconographics Design - Free Graphics
OVER THE RAINBOW: Tons of Free Clipart
Pixel Warehouse - Free graphics, clip art
The Free Site: Free, graphics, free stuff, freeware, icons, backgrounds, patterns, buttons
Web Graphics on a Budget - Free Web Page Graphics
ZY.Com - ZyGraphics HomePage
If you are daring, check out these sites that have Java applets available. I just did my Java assignment for the 'Advanced Webmastering' course I am taking. Check out my page at: http://www.mishmash.com/ca273/week14 and email your comments to me.
Remember that for a page to be really noticed, it must be interesting *and* have a pleasing appearance. Pages will clashing colors, ugly graphics, or boring content will not do as well. With a little creative thinking, a little time, and a little patience, you should be able to come up with a good site. Don't overwhelm the page with huge or large numbers of graphics.
MAILTO Syntax This shows the syntax for coding 'mailto:' links.