What's A Domain? A domain is your website name. To illustrate this, here are 4 domain names you should recognize: - ITSBITS.com
- Micosoft.com
- Amazon.com
- Sears.com
Your domain name is very important. You want it to reflect your company's name, but there are a few rules you should follow: - Keep it short. Here's a purely fictional example: don't use CrazyBohanskyAutomobileSalesIncorporated.com. How many people are going to remember it? How many people are going to type it wrong and wind up saying your site is down or going somewhere else? Would you go there? How about, Bohansky.com or BohanskyAutos.com--heck, how about BoCars.com? Any of these are much better.
- Don't use a hyphenated name--people can't remember where the hyphen goes and they won't find you next month when they're ready for a car.
- Do get a .com domain, even if it's not your first choice--people will always try .com first when they look for you.
- For other hints, see the IT-Help-Talk page under Products and services at www.ITSBITS.com/HelpTalk
-- Back To Top of This Page --
Purchase Your Domain If you already have a domain, just skip the next 2 paragraphs. If you don't already have a domain, please, for your own benefit, follow the rules in the preceeding paragraph. We have tried several domain registrars and the best over time has consistently been Network Solutions, hereafter called NWS for the sake of brevity. NWS sells you the domain and it is in your name--you own it. When it's time to renew the domain, you won't have problems with NWS like some vendors, even if you decide it's time to cancel renewal of the domain. The only bad thing is, they try to sell you everything else in the world along with your domain. So, go to www.NetworkSolutions.com and find a domain you can use. Then purchase it. You'll have to scroll to the bottom of the page a number of times and find the point where it's "No thanks, just move on" and use that option. No matter who you choose to purchase the domain registration from, be sure to get, keep, and secure your account ID and Password. You'll need this to deal with the registrar in the future. -- Back To Top of This Page --
Purchase Web Hosting There are several good web hosting vendors. Again, while they're not the cheapest, we can recommend Network Solutions. Let's just make a simple point about this--you're going to give someone your credit card data. You're going to depend upon that someone to secure this information and be as sure as possible that it is properly used. Our experiences with some of the other web hosts have been less than stellar. For various reasons, we DO NOT recommend some of the cheapest of the web-hosting vendors. Be careful that what you buy doesn't limit you to using the host-vendor's site-builder tool and/or, perhaps, 5 or 10 pages. No matter who you choose as a web host, you should be sure that your money includes several gigabytes of storage and at least 1000 GB transfer/month. In addition, be sure that several email accounts are included. Finally, no matter who you choose as a web host, be sure to get, keep, and secure at least 4 things. First, you'll need your account ID and Password to deal with the hosting vendor in the future. If you host with someone other than your registrar, this will be a different account, so be sure to keep both. The hosting vendor will be required to give you FTP logon information, too. This will usually include where to logon--this can take the form of an IP address, i.e., 192.192.234.234, or something like ftp.YourGreatDomain.com. They'll also need to give you the ID/Password to use for FTP. These can be the same as the account ID/password, but usually they are not the same. Be sure to ask if there's anything else you need to know to setup email accounts. -- Back To Top of This Page --
Notes About Pictures Congratulations! Since you're about to have a website, you have the perfect excuse to get yourself a really good digital camera. Nothing today will work against you faster than a cheap digital camera--your pictures will look really cheesy and your site will look really poor. Get a camera with at least 5 Megapixels and a high-quality lens. Next, you'll need a graphics package capable of "touching up" your pictures--it should be able to ligthen, darken, and generally enhance the picture(s). Most important, you must be able to resize your picture(s). Why? Our digital cameras take pictures that are huge. If you try to use them, say, on the home/front page, and you don't make small copies of each picture; the site visitor's download times will be excessive. Anyone, especially someone using dial-up internet connection, will leave the site in disgust long before 22 such pictures are loaded. (Note that you need a properly-sized logo file for the same reason.) The 21Updater package will normally be able to resize the pictures for you, but from time to time, you may wish for a photo-edit program. If you have Microsoft Office® Picture Manager, it will do all that you need it to. Adobe has several excellent products that will resize and allow quality touch-ups, too. Just remember that you need your pictures to be about the right size when you use them on your web pages--too small and they pixilate, too big and they download too slowly. And just so you'll know: - For the large product pictures, 400 pixels wide x 320 pixels high is about what you need.
- For your 21 small images, they should be about 200 pixels wide x 100 pixels high.
- Our flag picture is 200 pixels wide x 260 pixels high, but you can use a different size here as you wish.
-- Back To Top of This Page --
Step 1 / 2. Product Registration Product registration involves 3 simple steps--it should take you about 5 minutes. First, run the Product Registration program. This will ask you for the normal information...your name, address, etc. The only thing you have to worry about is that you enter the 21Updater ID/Password you were given by ITSBITS® when purchased the product exactly as it was given to you--case counts, so match upper/lower case exactly. When you reach the end of the product registration step, you will generate a document with your registration information in it. (The registration is on a by-machine basis.) Open this file using NotePad (Start -- Programs -- Accessories). Use EDIT -- Select All -- Copy Second, open an internet connection to this url: www.ITSBITS.com/ProductRegSubmit Use your mouse and place your cursor in the large text box. Use Edit -- Paste or CTRL+V to paste your registration into the web page. Then hit the Submit button. In a few seconds you will get back your serial number. KEEP THIS BROWSER WINDOW OPEN.We recommend that you go to NotePad and use FILE -- NEW, then paste a copy of the entire serial number response into the new file and save it. To do this, go back to the still-open IE window. Use your mouse and highlight the returned information. Use Edit -- COPY or CTRL+C to copy the information. Now return to NotePad, place your cursor in the NotePad window, and use Edit -- Paste to put the information into your new file. Save the file by using File -- SAVE. Third, you'll need to enter the serial number. Go to the IE window and use your mouse to highlight the entire line with the serial number in it. Use Edit -- Copy or CTRL+C to copy it to the clipboard. Now run the Enter Serial Number program. To run the program, begin with the start button at the lower left of your screen. You'll find the program as: Windows Start >> Programs >> IHS Software >> 21Updater-Auto >> 2. 21Updater Enter Serial NumberYou'll see a button to "Paste" the serial number in--click it. You should see the serial number in the text box. (You can also put your cursor in the text box and hit CTRL+V to paste your serial number in if you prefer.) Finally, hit the "Enter and Use" button. You should get a message telling you the serial number is accepted. (If you don't get this message, please copy/paste the serial number in again. If it still doesn't work, you can contact our customer support for help--just send an email to CustomerSupport@ITSBITS.com) You can close the browser window now. And your registration is done. -- Back To Top of This Page --
Template Selection First, there are currently 3 basic templates provided with the package. The images here show a dark-blue-fade, standard mockup representation using each of the 3 templates. You can quickly see the difference in the 3 templates is how they handle the top of your form. You should select the template that best meets your needs and/or fancy.  Template 1 -- DkBlueFade--StdMockup
|  Template 2 -- DkBlueFade2--StdMockup
|  Template 3 -- DkBlueFade2--StdMockup
| | Notice the difference in the 3 templates' home/front pages and check the template that best meets your needs. |
|
You will need a .jpg or .gif file of your company's logo stored on your hard drive. Notice that this logo will be part of your home/front page and will show up at the top of your web pages where we have used our ITSBITS® logo. Also notice that you can use the HTML tab "<BR>" as part of the company name (shown on the mockups as "www.ITSBITS.com") to cause it to span 2 lines, i.e., you could use "www.ITSBITS.com<BR>205-408-1477" where the company name shows up in the header. This would then read as www.ITSBITS.com 205-408-1477There's more on using HTML below -- Back To Top of This Page --
Colors Selection Now, let's talk about colors. You've already seen one of our favorites (above)--the dark-blue-fade, but there are a number of canned mockups you can use as the basis for your work. A few more of the color schemed mockups are shown here to help you. Scroll down the list an select the color combination you like or, at least, the one that is closest to what you want to use. In general, you will find the combinations that have dark backgrounds, dark blue, dark green, etc., look best. Notice that the name of the configuration is shown below each of the graphics shown. Write down the name of the configuration associated with the color combination you choose as you'll need it in the next step.  AquaBlue--StdMockupCFG
|  BlackGold--StdMockupCFG
|  BlackPurple--StdMockupCFG
|  BlackYellow--StdMockupCFG
| -- Back To Top of This Page --
Step 3. Run The 21UpdaterCustomizer To run the program, begin with the start button at the lower left of your screen. You'll find the program as: Windows Start >> Programs >> IHS Software >> 21Updater-Auto >> 21UpdaterCustomizer The program will identify itself by displaying a screen like this:
If you click on the stop sign, the program will terminate without doing anything.
If you click the Green-doorway logo, the program will move to its next step which is where you tell it which configuration file you want to use. This will look something like the graphic shown below:

Scroll the selections down and choose the configuration file you picked out when you selected the color you wanted (above). Click on this file to highlight it and it will show up in the "filename" text box. Then click the OPEN button to move to the next step in the program.
Let's take a moment and note a couple of things before we begin. There are small "?" bubbles on the form. Click on any one of these and you'll get a little help/information message to help you know what's needed for its associated entry. Notice, too, that the text entries on the screen are disabled (grayed out) at this point. Finally, notice that this program has 3 steps of its own. The first of these is to select the files in the template you want to use--remember step one above? Step two will be to enter your company's data in the text boxes on the form. Step three will be to save your template file and apply it to your files, thus building the "raw" version of your website. Click on the Step 1 button (upper-left) to specify what files are in the project. This will open a form that looks something like the one shown here.
Take a quick look at the files listed in this form. You'll notice that they are all in the Template directory. This indicates that your website will be built using the first template layout. If you want to use one of the other template layouts available to you, click on the "Clear" button. Then click the browse button (with the eye glasses) to add files to the list. This will open a dialog box something like the one shown below:

Notice where the cursor arrow is shown on this graphic and click the drop-down arrow. This will produce a screen like the one shown below: 
Move your cursor to 21Updater-Auto as shown in this graphic so that 21Updater-Auto is highlighted (as shown) and then click it.
This will allow you to select and click the Template, Template2, or Template3 folder. Once you've done that, click on the OPEN button.
Click on the first, i.e., topmost, file in the resulting list. This will cause the file to be highlighted. Now scroll the box down until you see the last file in the list. Press and hold the SHIFT button while you click on the last file in the list. All files in the list should now be highlighted. If they are not, scroll back to the top of the list and try again. Click the OPEN button and you should see the files you selected in the 21Updater Files Selection window. Verify that you got what you wanted and then click the green-door button to move to the next step in the program. Now click on the Step-2 button to "Fill in the form below." Note that the text boxes on the form are now enabled so you can work with them. Begin with the "Title line for your website." This line is very important so far as search engines are concerned, plus it will show up at the top of site visitors' browser window for them to read. Use the key words you believe people would use to find your site and say something that makes sense to a human being as they read it--a short sentence is good. Never waste this space with something like, "Welcome to our site." Next, type a couple of description lines that your customers will see when they find your website in a search engine. To get an idea of what you need here, go out to your favorite search engine and search for one or two of the key words you think you'll use. Read some of what your competition says. Notice how long (or short) the lines are before they are truncated. Now write a short description that will fit in that area and draw people to your site. Now enter the key words you believe are important for your website--the words you think people will be searching for when they get a "hit" on you website. Enter each of these key words in one of the key-words text boxes. Use the plural for nouns, i.e., use cars, not car. The search engines are smart enough to use this properly. Next is the "Cursor Tail Text" entry. This is the text that will follow your cursor as it moves around your web page. Keep it short and simple. Now comes the "Local path to your logo file." You can click the browse button (eye-glasses) to browse to the file you've saved on your local hard drive. Remember this should be a .jpg or a .gif file. The file should also be approximately the size needed on the top of the form--about 300 pixels wide by 200 pixels high. If you use a huge file, it will slow downloads to site visitors to a crawl and many will just leave. If the logo file is too small, it will pixelate and look terrible to visitors...not exactly instilling confidence and trust in your company or product. When you click the browse button, you will see a scren something like this: 
Use the browse button on this form to select the image you want to use as your logo--it will show up in the window to help you know you have the right image selected. Notice that menu options will allow you to resize and/or rotate the image as needed so that the image you use is the right size. When you're finished, simply hit the Green-door to move on. We'll assume you just want to use the colors in the template, but you can feel free to experiment with other colors and combinations, too. If you want to use a different picture file (we used the American flag), browse to that file next. Again, you will see an image something like this: 
This screen will allow you to browse for the image file you want to use, and then to resize the file, as well as rotate it if appropriate. Once you're finished, it will also copy the file to your 21Updater-Auto/images folder. (NOTE that the file in question must be in the 21Updater-Auto/images folder or it won't show up on your pages. Move to the lower-right of the form and enter your domain name and your company's name in the indicated text boxes. Now you're ready to move to the next step. Click the Step 3 button to "Apply the Info below to your files." You will be asked the name of the configuration file you're saving. DO NOT just click the "Open" button as this will over-write the canned configuration file you've chosen. We suggest you name it something like "MyCompanyCFG" so you can recognize it easily. Now you will see the files quickly go by at the bottom of the screen and then you should be told that the job completed. At this point, an IE window will be opened and will show what your new website will look like--less contents, of course. At this point, you can go back and make minor changes in the configuration parameters you've used as necessary. Just type in your changes and then click on the Step 3 button again until you get it like you want it. Now you're ready to close this program. Just click on the green-door button. You'll be given another chance to save your configuration file. If you've changed it since you saved it, do so. If no changes have been made, click the CANCEL button to simply end the program. Your "blank" website is now saved on your hard drive. -- Back To Top of This Page --
Step 4. Start The 21Updater-Auto Program - Use START -- PROGRAMS -- IHS Software -- 21UpdaterAuto -- 21Updater to start the program.
- Anytime this program starts, you will be shown the startup screen where you need to load the coniguration. This screen looks like this:
 - When you click on the active button to "load configuration," you will get a "load .cfg in file:" dialog box. Select your configuration, the one you saved at the end of your 21UpdaterCustomizer run, and then click the "Open" button. Notice that the other 2 large buttons on the 21Updater screen are enabled (showing color).
-- Back To Top of This Page --
FTP Configuration The first time you start the program there will be a few things to do that you won't have to do again. One of these is to configure the program for your FTP uploads. The FTP information comes from your web hosting vendor and you should receive it when you purchase hosting. If you did not, call their technical support number and tell them you need the FTP host-server and account information. They have to give you the server ID, your FTP account ID and password.(Be sure to store your FTP information somewhere safe because anyone who has it can change what's on your site.) Now looking at the screen, you will notice the menu bar. Click on Edit >> FTP configuration. This will bring up a small window something like the screen at right. The IP address shown is typical of what the hosting vendor will give you for your FTP connection, though they may just as easily give you a name, i.e., ftp.xyz.com or ftp.yourdomain.com. Enter your FTP ID and password in the spaces shown for that--case counts, so enter exactly what the hosting vendor gave you.
Finally, you must enter the directory information for where your files will upload. The setup shown here is for a NetworkSolutions web site, but yours may be different. Ask your hosting vendor for a little help here if you need it. Just tell them you're setting up an FTP client to work with their system. Get the path right for your .htm files, then add "images/" to it to make it work with your images. When you're done, hit the green door to close the window. Now, use FILE >> SAVE Configuration on the menu and save YOUR configuration file--the same name.ext you used in the 21UpdaterCustomizer step above. NOTE:You need to create your "/images" directory on the remote server before you can use it. This needs to be done using a separate FTP client. -- Back To Top of This Page --
21Updater-Auto Home/Front Page Content Once you have started the 21Updater-Auto program (see paragraph above) the "Edit Front Page" button will be enabled. Click it and you will move to the next screen which looks something like this:  Take a moment to study the screen. Items shown in bright-red boxes should not be changed unless you really know what you're doing. We won't discuss them here. Most of the right-hand side of the screen is a picture-box to show the picture you've specified, so we'll just ignore that for now and concentrate on the left-hand side where the real action takes place.  Take a second to notice the little "i" bubbles on the page. Clicking on these will give you a quick information/help message about the item the bubble is connected with. Also, look at the 6 buttons along the bottom of the form. They are: - Restore using last backup -- If you've backed up the front/home page using the next page over, you can hit this page to return to the page as it was when you backed it up.
- Backup the web page -- This will make a backup copy of the page in case you screw it up. We recommend that you always back up the page before making changes to it. It only takes a second and can save you lots of grief.
- Build Web Page -- Once you have the enries on this form as you think you want them, click on this button to make the indicated changes on your hard disk.
- View In Browser -- This button will show you the default.htm page as it is curently stored on your hard disk in the Microsoft Internet Explorer browser.Remember that you're looking at the page as stored on your computer's hard drive.
- FTP Upload (Gears) -- The Gears will always be on a button where you can upload either the .HTML or the image that the button is associated with. In this case, since it is not associated with an image, it will be for the .htm page.
- Green Door -- This will terminate the program, giving you a chance to save your changed site configuration file.
As you can see, some of the buttons are not enabled. You have to backup your existing .htm page before you can "Build Web Page." File upload will only be enabled after you have hit "View In Browser." This is intentional and is designed to help keep you out of trouble. Notice the tabs section of the form--it's shown in a lighter color than the rest of the form. We'll concentrate on it next, but for now we're skipping over it to look at the bottom 1/2 of the form. First, look at the "Alt= data" box. Search engines can't look at images. Period. But each image can have an alternate text associ
|