| Home » Web Pages » Handbook |
WURD Web Designer's Handbook
Everyone is creating Web pages these days. It seems as though you just aren't with it unless you have your own page on the Web. Even AT&T Worldnet Service is offering members Web page space. This document will give you some things to study, some food for thought and some tools to help you get started. Note: Access to the AT&T Worldnet PWP servers and publishing area from another ISP is now available. Read the information in our PWP FAQ for additional information.
- Getting Started
- Creating and Editing
- Advanced HTML
- Publishing Your Web Pages
- Promoting Your Site
- Need More Space?
- Need Help?
Getting Started
Where do I start?
The first thing you should do is take the Personal Web Pages Tour. Read everything you can get your hands (or mouse) on.
Before you can do anything you will need to register with AT&T to use your free Web space. We've provided a tutorial to help you through the process.
What do I do now?
This is the hard part... you can either use the publishing tools offered by AT&T Worldnet Service, or, you can learn how to do it yourself.
If you feel like you're not ready to do it yourself, choose one of the Publishing Templates to put a page up fast. Several templates are offered, but we recommend using one of the templates shown below. Be sure to view the tutorials before you start.
- Quick Template - The Quick Template allows you to include a single image beneath the title of your home page, and to tile an image as background wallpaper. These images may be selected from the Personal Web Pages clip art Graphics Library or from any images that you have placed in your home directory using FTP.
- Personal Web Page Wizard - A simple interface for designing your own Web page. It is a more flexible tool, allowing you to determine which elements you want to place on your page and how they will appear on your page. Please see the WURD on the Personal Web Page Wizard for more information.
Whichever template you use, we recommend that you name your file index.htm or index.html so you won't get the dreaded This User Hasn't Moved in Yet message when someone tries to access your page. Remember, case counts. A file name of Index.htm is not the same as index.htm.
If you feel confident doing it on your own, and, if you know HTML, you can use the HTML Editor. You can also use one of the Web editors shown in the next section of the handbook.
Creating and Editing
What can I use to create my Web page?
In addition to the publishing tools provided by AT&T Worldnet Service, there are literally hundreds of Web editors out there and some of the free Web space sites mentioned below also offer built-in tools to use. We've listed quite a few of them below.
- Web Editors - This is a list of the most popular Web page editors. We have also provided instructions on using most of them with the AT&T Worldnet personal Web pages.
- Doctor Web Internet List Keeper - gives users an easy to use interface so they can enter their information quickly and easily, and then automatically generate the Web page.
- Web Media Publisher - Full featured 32 bit HTML editor with complete JAVA and Shockwave support.
- Web Weaver for Windows - Web Weaver is the easiest and most comprehensive Windows-based HTML editor available. This Web page development tool makes creating Web pages simple, easy and fun!
- WebElite - Quick, easy-to-use editor for Win3.1 and 95 with powerful features and low system requirements.
What do I need to know?
Web pages are created in what is called HTML (Hyper Text Markup Language). If you are new to creating Web pages you might have a lot of questions, don't worry. First, check out WURD Personal Web Page FAQ. Some other good sources to help you learn everything you need to know about designing and building your site are listed below.
- NCSA (at UIUC) Beginner's Guide to HTML - A good guide for beginners.
- All the HTML Commands - Learn by example; all the HTML elements and attributes, including extensions.
- An Example Page That Makes Sense - Use your graphical browser that supports tables to see the HTML in one column, and what it does in the other column.
- Bare Bones Guide to HTML - The Bare Bones Guide to HTML lists every official HTML tag in common usage, plus the Netscape extensions.
- CNET Web Building Guide - The ABCs of Web building all in one place. It includes sections on HTML, Cascading Style Sheets, Graphics, Streaming Media, etc.
- Do It Yourself Web - Martha Decker's lists and lists of links about designing and promoting your Web page.
- Dorothy's HTML Resources - Lots of links to get you started and keep you going.
- Easy HTML Tutorials - Follow this easy series of lessons to learn some of the basics of constructing HTML documents for the Web.
- gettingstarted.net - Building the Web isn't hard and gettingstarted.net is here to help you get started. Our tutorials are easy to follow and you'll have constructed your first Web page much sooner than you thought possible.
- HTMlite Tutorials - Welcome to HTMlite. If you've come here, you are probably trying to do your own coding in HTML, CSS, or JavaScript. I've made these tutorials easy to understand for the common Web page creator.
- HTML for the Conceptually Challenged - Want to learn HTML fast? If you mostly watch television, have an attention span measured in microseconds, and think reading is a waste of your valuable time, this page is for you.
- HTML Goodies - This site has the basics, tutorials, and all kinds of goodies.
- Index DOT Html and Index DOT Css - The site aims to be a practical reference resource for authors, concentrating on features that have been implemented in currently popular Web browsers.
- Mechanical Monkey - You will find easy tutorials, design tips and lots of original Web art that you can use for free.
- Penn's HTML Helper Pages - Links that Penn found useful in creating his Web pages.
- Seattle's HTML Tutorial Page - Lots of links to HTML and JavaScript tutorials.
- So you want to make a Web page - Hello. My name is Joe and I'm going to give you a few simple lessons on how to make a Web Page. I must warn you though, this is for Newbies. If you're at all experienced at this sort of thing, you'll probably find this tutorial a bit of a yawner.
- Sizzling HTML Jalfrezi is a comprehensive guide to writing Web sites. Whether you're a beginner or a design professional, you'll find what you need here; quickly and clearly. Our unique system of examples makes Jalfrezi both the perfect learning tool and superlative Web authoring reference.
- WebDeveloper.com - Where Web Developers and Designers Learn How to Build Web Sites, Program in Java and JavaScript, and More!
- Webmonkey - The Web Developer's Resource. We tinker, break stuff, figure things out, and pass the information on to you. We explain emerging technologies, explore the trends, and show you how to use this knowledge for good instead of evil.
- WOW Links - This page, courtesy of the WOW (Women of Worldnet), includes links concerning HTML, Music and Graphics, among other things.
Color
Did you ever wonder how color works with HTML? Have you ever asked yourself "What is RGB?" The links below will help you understand how color works.
- Color - This document contains information on RGB (Red, Green, Blue), Color Palettes and Web Dithering. It explains how color works with browsers and how to get it on your Web page.
- Color Maker - ColorMaker makes it easy to create colorful Web pages without having to bother with confusing hexadecimal numbers.
- ColorMix - By interpolating 2 or 3 browser safe colors, it is possible to make over 10 million different combinations. ColorMix provides a quick and easy way to interpolate these 216 hex values, reference the possibilities, and download new combinations.
Advanced HTML
Once you understand the basics of HTML you might want to try some more advanced techniques to jazz up your pages. Below are some useful links to more advanced HTML methods.
- Composing good HTML - This document attempts to address stylistic points of HTML composition, both at the document and the Web level.
- Tucows HTML - This site will help show you how to design a site from start to finish and beyond. Plus, with programs and scripts from MS Windows, Linux, Apple, and BeOS you can be assured that all of the tools you will need to design a site can all be found in one place!
- Web Monkey - Once you get a grip on the basics (What's HTML? What's a URL?) and master the art of viewing source, you can brush up on all things HTML - from links to font tags to frames. Just select a tutorial to read up on a subject first, or for you smarty pants, skip ahead and test your skills in our fabulous Monkey See, Monkey Do thingamajig.
- ZDNet <d e v h e a d> - Web Development for the Next Millennium. This site has almost everything you need to know to design and maintain your Web site.
- NetMechanic - Tune up your whole Web site... free! We'll check your Web site to find broken links, perform HTML validation, optimize your images, and monitor your server's performance. We'll test sites of up to 200 pages!
Mail to Forms
A mailto form can be used when CGI Script is not available to you. Your visitor will fill out your form which will be mailed to your e-mail address. These tutorials will help you understand how to create a Mailto Form to put on your Web page.
- Mailto Forms that work without CGI - The HTML form you create on your Web page is only half the story. It tells the browser how to collect information from the user and how and where to send it back to the Web server when submitted.
- Web Diner, Forms Tutorial - This tutorial will teach you how to create a simple mailto: form for your Web site. If you don't have a CGI script available to you for creating a form, then you'll need to use a mailto: form. With a mailto: form, the Web site visitor completes the form, uses a submit button, and the form information is compiled and mailed to your e-mail address.
Java & JavaScript
Java seems to be the in thing. Everyone wants to know how to use Java and it's not as hard as you might think. If you'd like to use Java on your Web site or are just curious to know what all the talk is about visit these tutorials below.
- Brewing Java: A Tutorial - This is an introductory tutorial for Java 1.0.
- Learning to Write Java - Helpful links to write good Java.
- A Beginner's Guide to JavaScript - In its present form, this page is for the absolute beginner to JavaScript. Some knowledge of HTML is assumed.
- The JavaScript Source - The JavaScript Source is an excellent JavaScript resource with tons of cut & paste JavaScript examples for your Web pages. All for free!
Scanning Images
Do you have a photo that you would like put on your Web page? Have you ever wondered if you should save your image as a JPG or a GIF? The link below will help you to better understand about scanning images.
- Wayne Fulton's Scanning Tips - The purpose is to offer some scanning tips and hints, fundamentals and other general scanning information to help beginners get off to a quick start with their flatbed scanners.
Sound
Would you like to put sound on your page? You want your page to rock? Check out the site below, and you'll be rocking in no time.
- Sound - This document explains the codes for putting sound on your page. It also has a picture of what each code will produce on your Web page.
- Streaming Audio and Video - This document explains various methods used to get streaming audio and video working on your Web page.
Publishing your Web Pages
What do I use to Publish my pages?
The worst is over, your page is now complete and you're ready to publish it. Now might be a good time to review the WURD Personal Web Page FAQ. Make sure that all of the naming conventions are met, etc.
Once you have that done, it's time to think about transferring your files from your hard drive to the AT&T Worldnet personal Web page server. To do this, you will use a procedure referred to as FTP (File Transfer Protocol). If you feel you need a basic tutorial on FTP, read our FTP Tutorial.
To get your pages on the AT&T Worldnet personal Web page server, you can use the tools provided by AT&T Worldnet Service, or, you can use another application to do this. Check out the WURD on Uploading if you want to use the site tools, or, the WURD on FTP for a list of popular FTP applications. Some of the editors provide a way to do this within them, but we recommend using one of the profiled FTP applications. We've provided detailed instructions for the most popular ones.
Promoting Your Site
So you created an awesome Web site... who's going to see it? You need to get your URL circulated. There are a few ways this can be done: through newsgroups, search engines, banner ads, links from other sites and Web rings. Personal Web Pages @att.net offers the following page on promoting your site:
AT&T Worldnet Community Port
You can add your page to Community Port in one of many categories. Just pick the one that your page fits the best. They ask that you not post your page in more than one category.
Web rings
There are Web rings for almost every subject. If there isn't one for your topic, start one. AT&T Worldnet Service has provided a Web ring for your use.
If that one isn't exactly what you were looking for, here is a free Web ring service:
Banner Ads
You can create a banner ad for your site and join a link exchange. The link exchange will place your ad on other sites with the same subject matter as yours. Here are some; there are more if you look for them:
You will still need a banner for your page. If you can't create your own, there are places that will do it for free:
Links To/From Other Sites
Find sites similar to yours and contact the Webmaster of that page. Offer to create a link to their page if they will do the same in return.
Newsgroups
If there are newsgroups that cover the subject of your Web site announce your site in that group... ONLY ONCE. Don't spam a newsgroup with hopes of making friends and getting hits on your site. Add the name of your site and URL to your signature and be helpful and participate in that newsgroup. If you show you know what you are talking about people will flood to your site.
Search Engines
You must register to get found by a search engine. After you register all kinds of creepy crawly things like WebBots and Spiders will visit your site. They will read your page so they will know how and where to index it. Some will read the text of the page, some will read the <H1> and <H2> tags and some will read META tags. Do not try and spam the WebBots and spiders by adding the same words over and over again. They will only ignore the redundancies. Here is a great site about search engines:
Before you register you will need to build META tags. META tags are placed inside the HEAD tags and can include many things, some of which are:
<HEAD>
<TITLE>your pages title</TITLE>
<META NAME="AUTHOR" CONTENT="your name">
<META NAME="DESCRIPTION" CONTENT="a short description of your site">
<META NAME="KEYWORDS" CONTENT="keywords that search engines can use as an index such as... collectibles, coins, stamps>
</HEAD>
Here are two META tag builders:
For more information about registering with search engines go to these sites:
- Broadcaster
- SiteOwner.com
- HTML: PromoChapter 1
- Northern Webs Search Engine Tutorial
- VirtualPROMOTE
- Zen and the Art of Web site Promotion
Need More Space?
So 25MB of Web space isn't enough for you, huh? How does 150MB sound? If you sign up for an additional 5 e-mail addresses, you'll have a total of 150MB available to you, 25MB for each e-mail address... FREE! You can't assign all 150MB to one e-mail ID, but you can link the sites together just like you would link to any other page. For some tips on managing your Web sites, see the following page:
If 150MB isn't enough, there are numerous other places on the net where you can get free Web space. Following are some known sites that offer free Web space that a number of AT&T Worldnet Service members use. We aren't recommending any of them. We just wanted to let you know that they're there. If these aren't what you were looking for, try using one of the many available search engines to locate others. If you need help searching, check out our Search Tutorial.
Need Additional Help?
If you can't find the answers you need, please try:
- The help file for the application you are using.
- Our FAQs.
- The AT&T Worldnet Help Newsgroups.
