WebTV's PageBuilder Introduction

Before building your PageBuilder page, there are some things you need to keep in mind.

• PageBuilder is set up using tables. Everything you add to the page [text, images, gifs, etc] is placed in a table. Therefore, knowledge of tables and how they work is important.
• Alignment tags do not work the same with PageBuilder as with other html pages. You will need to learn the specific guidelines for placing your images and gifs where you want them.
• Anything that you would like to do on a regular html page, you can do on a PageBuilder page. You might have to go in "through the back door", but anything is possible.
• A lot of people have spent many, many hours figuring out the PageBuilder and how it works. Any question you may have has probably already been answered. You just need to build up a reference library of excellent PageBuilder resources, and you'll be all set.

I am going to assume that you have some idea of the basics. You know where your PageBuilder file is located, you know what the scrapbook is and you have initialized it. If you are having problems initializing your scrapbook, feel free to contact me and I'll try to help you out.

One of the most common mistakes that users make is trying to get the URL of an image saved in their scrapbook without having placed it on a page first. This cannot be done. If you try to use an image, transload an image, or use any of the Web Tools on said image without having first placed it on its own page, it WILL NOT WORK!

Placing a scrapbook image on a PageBuilder Page

1. Go to your PageBuilder Index and click on CREATE
   
2. Choose the background of your choice.
   
3. Click on Add an Item
   
4. Click on From Scrapbook
   
5. Scroll through your images until you come to the one that you want and click on it. It will take you to the editing screen. If you want to know the URL of this image, click on VIEW and the status bar will display this image's identification.
   
6. Click on DONE
7. This will take you back to your CREATE screen. Once you've added all the images that you want on that page (I suggest limiting it to no more than 24. Any more than that and you'll have huge loading problems.) click on PUBLISH
   
8. When prompted, put in your file name and click through until you reach the end of the prompts.

Your PageBuilder page is now published and these images can be used to do whatever you need to do.

Another huge problem in using the PageBuilder is placement of text and images on the pages. Because you are working within the confines of tables, your normal alignment codes will not work. A common mistake that many people make is to simply try and close the table before starting. If you do that, your code will end up confusing PCs and will create multiple validation errors. Here are some suggestions for overcoming the PageBuilder table problem.

• Depending on which PageBuilder design you pick, your tables will be aligned left or center. The table is not 100% of the page, so if you're using a design that sets everything to the left, it's going to leave it there. To overcome this, use the following code:
  <<>table width="100"><<>tr><<>td>
  text or image you are adding
  <<>/td><<>/tr><<>/table>
  Once you have your table expanding to 100% of the width of the page, you can align as normal.
• You can work within the table by using <<>div align> tags.
  <<>div align="center">
  <<>img src="URL">
  centered information
  <<>/div>
  You can use the same codes for aligning left or right by replacing the "center" with "right" or "left".
• You can use a transparent gif or the hr tag set to
  <<>width="560"> to widen your table to the width of your page. Then you can use your alignment tags as usual.
• Add your text or image in the HEADING area. It is always 100% of your page.

To recap a few important things regarding alignment within the PageBuilder tables:

1. The PageBuilder has a preset alignment and is not 100% of the page.
2. Each Add an Item contains a <<>table><<>tr> and <<>td> preprogrammed into it.
3. You can add html fragments to any of the "text" boxes.
4. If using the HEADING to center your information, please note that you may have trouble with the font sizing and may need to make some manual adjustments.

For a complete tutorial on PageBuilder alignment visit http://community-1.webtv.net/Pwilliamandx/centeri ng/ - you will find a detailed explanation with examples and code violations. It is excellent.

Links to PageBuilder Tools and Tutorials

Gen. PB Info	WebTV PageBuilder Help	Scrapbook Uploader
PB Transloading Tutorial	Scrapbook Loader	Freeloaders
Warpspeed	WebScissors	Owens4 Tools
Star Boulevard	Web FX	URLs for scrapbook images

---

HTML Helpers Webring Click on the apple to join the webring... This HTML Helpers site is owned by Sberry90! PREV | NEXT | SKIP | NEXT 5 | RANDOM | LIST