www.ITSBITS.com -- if it's software, ITSBITS
                                                        
21Updater-GenMdise Info
Sample Site
Documentation
User License

Downloads
Buy Now

ITSBITS® 21Updater-GenMdise Web Site Builder Software--
Usage Instructions
 
Table of Contents
What's A Domain
Purchase Your Domain
Purchase Web Hosting
Notes About Pictures
              Picture Sizes
Step 1/2. Product Registration
Template Selection
              Your Logo File
Colors Selection
Step 3. Run The 21UpdaterCustomizer
              21UpdaterCustomizer Screens
Step 4. Run The 21Updater-General Merchandise Program
              21Updater-General M'dise Home/Front Page Content
              Front Page Monthly Special
              Where To Store Images
              Your 21 Small (Thumbnail) Images
              Front/Home Page Layout table above
              21Updater-General M'dise General Content Pages
              Contact Us Page
              Product Table
              Make New Monthly Special Button
              HTML Commands
Upload Your Site Files With FTP
Image File Work
              Resize Pictures
              Rotate Pictures
              Watermark Pictures

For more information, see
www.ITSBITS.com


What's A Domain?

A domain is your website name. To illustrate this, here are 4 domain names you should recognize:

  1. ITSBITS.com
  2. Micosoft.com
  3. Amazon.com
  4. 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, but BoCars.com is by far the best--short and sweet.
  • 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 to buy.
  • 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.

While your 21UpdaterGM software will be sufficient to resize your pictures in most cases, you'll need a graphics package capable of "touching up" your pictures--it should be able to ligthen, darken, and generally edit/enhance the picture(s). Why worry about resizeing? 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.)If you have Microsoft Office® Picture Manager, it will do all that you need it to. Adobe has several excellent products that will allow quality touch-ups, too. No matter how you choose to do it, just remember that you need your pictures to be about the right size when you use them on your web pages.

And 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.
  • Your watermark file should be about 150 pixels wide x 50 pixels high if one is used.

-- 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-GenMdise >> 2. 21Updater Enter Serial Number

You'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-1477

There'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


BlackMaroon--StdMockupCFG


Blue--StdMockupCFG


Brown--StdMockupCFG


DkBlueFadeYellow--StdMockupCFG


DkBlueFadeLime--StdMockupCFG


Fuschia--StdMockupCFG


Gold-Black--StdMockupCFG


Gold--StdMockupCFG


Green-Lime--StdMockupCFG


GreenYellow--StdMockupCFG


GreenMaroon--StdMockupCFG


LimeGreen--StdMockupCFG


LimeBlue--StdMockupCFG


LimeBlack--StdMockupCFG


MaroonToBlackFade--StdMockupCFG


MaroonBlackWhFade--StdMockupCFG


Metallic1--StdMockupCFG


Orange--StdMockupCFG


OrangeBlack--StdMockupCFG


OrangeBlackSilver--StdMockupCFG


PurpleRed--StdMockupCFG


Purple--StdMockupCFG


RedWhBlack--StdMockupCFG


RedSilver--StdMockupCFG


RedWhBlue--StdMockupCFG

Note: According to the psych majors, red represents danger. People may be hesitant to deal with you if your site uses a red background. We include it here only for those dye-hard red fans among us.

Hey, if you're in Athens, Georgia, where the school colors are red and white, that may be just the ticket or your site.


SilverBlack--StdMockupCFG


SilverMaroon--StdMockupCFG


Yellow-Black--StdMockupCFG


Yellow-Blue--StdMockupCFG


YellowGreen--StdMockupCFG


Yellow-Maroon--StdMockupCFG

-- Back To Top of This Page --


Step 3. Run The 21UpdaterGMCustomizer

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-GenMdise >> 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-GenMdise as shown in this graphic so that 21Updater-GenMdise 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.

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. NOTE that you will need to copy the file in question to the 21Updater-GenMdise/images folder.

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-GenMdise Program

  • Use START -- PROGRAMS -- IHS Software -- 21Updater-GenMdise -- 21UpdaterGM to start the program.
  • Anytime this program starts, you will be shown the startup screen where you need to load the configuration. 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 --


21Updater-GenMdise Home/Front Page Content

Once you have started the 21UpdaterGM 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 5 buttons along the bottom of the form. They are:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Green Door -- This will terminate the program.

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 associated with it and search engines do look at that text...the text you can enter here in this text box. In general, use your company name and your key words in this box.

The next text box on the page as we move down it is the "Local Image Folder." The default location for your images is

c:\testwebsite\21Updater-GenMdise\images

and unless you're sure you know what you're doing, you should leave this entry unchanged. Notice that all the images you use on your website MUST be saved (on your hard drive) in this location if the program and your web site are to work properly.

The next text box on the page as we move down it is the "Local Page File Path." The default home page for your web site is

C:\testwebsite\21Updater-GenMdise\default.htm

Unless you know what you're doing, please, don't change this entry.

Now note the tabs on the form. The form opens with the "Monthly Spcl" tab opened. This deals with the top portion of your home/front page. Basically, what you'll enter here most of the time is the name and text associated with your monthly special product. We'll come back to them in a moment. Since you will have a different text box (here) for the monthly special, you can enter something here about your monthly special product. You can change this anytime you change the monthly special to show a new product. This will give you a small improvement in your search engine optimization efforts.

Now, look at the two remaining text boxes in this group. The image file we ship with is a really colorful M&Ms Car which, by the way, is ©2007 by IHS, Incorporated. The picture used on the home/front page as the monthly-special image is named "mmcar_343x329.png" and that's the name you'll see there. Just for fun, click the small gray button next to the image name and note that the picture shows up in your window's picture box. You can change your image to your image file name, but remember, it must be saved on your hard drive in the folder we discussed above. While you're at it, notice that you can use the browse button (with eye glasses) to look for where the file is located on the hard disk. You'll also see the "Monthly Special 'Title' text" textbox. We recommend just using a short product description here--2 or 3 words.

So, for your first time in this program:

  • Click the "Backup The Web Page" button.
  • Now change your 2 ALT= entries on this form.
  • Click the "Build Web Page" button. (Click cancel on the backup question--you've already done it.)
  • Click the "View in Browser" button.
  • Now use CTRL+Tab to move to the browser window. Inspect the web page to be sure everything looks OK. If it does NOT, CTRL+Tab back to the program and click the "Restore using last backup" and try again. If it does look OK, CTRL-Tab back to the program and click the "Backup The Web Page" button OK.

For the next step, you'll need to have an image file suitable for your monthly special picture already stored on the hard disk in your images folder. As an example here, we'll use "YourPic.jpg" to represent the name of the picture file. We'll assume the product in question is a "McCoy Vase" You'll just substitute your picture-file name and product description where we use this.

  1. Click the "Backup The Web Page" button if you haven't already done it.
  2. Place your mouse-cursor in the text box labeled "Monthly Special Image File Name." Type YourPic.jpg in this box.
  3. Place your mouse-cursor in the text box labeled "Monthly Special 'Title' Text" and type in "McCoy Vase"
  4. Now change your Monthly Special ALT= entry by adding "McCoy Vase" to it and deleting the previous description information.
  5. Click the "Build Web Page" button.
  6. Click the "View in Browser" button.
  7. Now use CTRL+Tab to move to the browser window. Inspect the web page to be sure it looks OK. If it does NOT, just CTRL+Tab to return to the program and start with step 2 or 3 above again until you get it right. If, by some mistake, you really, really screw it up, use the Restore button.

That's it for the monthly-special part of your home/front page. Now, what about the 21 small images that are below the monthly special? In order to reference the images, we line it up with 3 columns. Each column is keyed to a column-tab on the program's form. Click on the tab labeled "Column-1" and notice the tabbed portion of the screen changes to something like this:

There are 7 rows on the front/home page and these are numbered as 1 through 7.

RowCol 1Col 2Col 3
11x11x21x3
22x12x22x3
33x13x23x3
44x14x24x3
55x15x25x3
66x16x26x3
77x17x27x3

You should already be able to guess what goes in the text boxes on this form--image names (for your small pictures) and short product-description entries. Now, again notice that all the images you use on your website MUST be saved (on your hard drive) in the same images folder as discussed above or they will not show up on output.

Before you start making changes, click that "Backup" button.

What if you don't want to show all 21 images? Just leave the image file and its text entry blank and they won't show up on the output. For the best looks and results, we recommend you fill up lines until you run out of products to sell.

Once you have a picture of your product and the description is like you want it, use the "Build Web Page" and the "View In Browser" buttons to be sure it looks like you want. As before, use CTRL+Tab to move to the browser window. Inspect the web page to be sure it looks OK. If it does NOT, just CTRL+Tab to return to the program and start with step 2 or 3 above again until you get it right. If, by some mistake, you really, really screw it up, use the Restore button.

Repeat this procedure until you have all products' pictures and descriptions as you want them, including any that you are leaving blank. Remember you're only looking at Column 1...you have 3 columns to work with. (See the layout table above.)

Once you have the images and descriptions defined, your front/home page is ready to upload. BUT remember that for each of those products, there's a page that describes it more fully. Moreover, there's still the general-content pages for things like "About Us", "Contact Us", etc. That's in the next section, just below. Since you're finished with this page, click the Green-door button to exit the page. Save your configuration button again.

-- Back To Top of This Page --


21Updater-GenMdise General Content Pages

Once you have started the 21Updater-GenMdise program (see paragraph above) the "Edit Other Pages" button will be enabled. The first time you are ready to update content on the "other" pages, you want to get back to the form that looks like this:

and use menu item EDIT -- Files Configuration. This will bring up a form similar to one you've already seen while you were using the 21UpdaterCustomizer program. Look at the screen and if, as it should on the first run, it shows template files, you'll need to point toward the locally-stored website files instead of the template files. Click the "Clear List" button and the list of template files will disappe