PAGEBUILDER

Not all the links on this page are my pages, but some are hyperlinks to other people's great pages

(Reload Page For Latest Tips
Hold Down the CMD key & Tap the "R" key twice.)

BACK To EZSTART

This page is for very new PB beginners.





Star Boulevard has closed down, so Here is another
Image address extractor/source viewer (just type in the pages address and hit the "source" button. On the next page that you are taken to, simply scroll down, click on the image you want to view & hit the "view image" button. The image PLUS it's address will be shown to you. Copy it down and put it into the img src code.
<<>img src="imageaddress">
If that site is too difficult for you too use, try This One
("view source" means to look at the code used to make the page)



I'm trying to rebuild this page and it's links after it got deleted by the server. Please forgive any broken links or missing information.

Here's just a few things you might want to know to get you started.

PB= This is just short for pagebuilder

URL = Universal Resources Locater or a web address

How to get the URL of a gif or page

HTML = hyper text markup language

GIF = graphics interchange format
(ie: an image -can be animated)

JPG = Joint Photographic Experts Group
(ie: an image,sometimes a photograph-Never animated)


<<>HR> = Horizontal Rule (the line above)


<<>HR noshade> = Horizontal Rule-solid
(The solid line above)

<<>br> = break (breaks text into a new sentence line)

<<>P> = Paragraph (equal to two br's)

<<>UL> = Unordered List

<<>OL> = Ordered Lists (how-to-make-them)

Carrot signs <<>> These are the greater or lesser signs located on your keyboard above the comma and the dot. Use your shift key when making them.


Each CODE you write will have a (beginning) <<> and an / (end) tag.
Like this: <<>html>and<<>/html> The / slash says "stop" and ends the code.

Have your special backgrounds dissapeared? Click Here


TIPS


CENTERING ON PAGEBUILDER
This is a tough one. Since Pagebuilder is already automatically built into tables by Web TV your images will be aligned for you unless you
learn tables, but you're probably not ready to learn them just yet.

So here's a couple of tips that could help right now.

Not all Pagebuilder backgrounds provided , will let you center your images and words. Choose different backgrounds until you get the one you want.


(TIP: The light green PB background is easiest to center on.)

TIP: The purple background will "frame" your images.


CENTERING PAGE HEADINGS: Center your words with the <<>center> tag. Simply write <<>html>
<<>center>Your text Goes Here <<>/center><<>/html>
This will work for page headings. (small text box)
The / slash sign means "end" or "stop" that code. There are NO spaces in that code. (trust me!..:-))


NOTE: Since the new Webtv Upgrade 5-6/00, centering on PB can be done using one the following codes.

EXAMPLES OF ALIGNMENT

(Replace the http:// address (url) of the gif with your own gif's address)

NOTE: Since The fall upgrade the <<>div align="center"> code works best!

<<>div align="center"><<>img src="http://community.webtv.net/bogail/images/scrapbookFiles/importD36.gif">
<<>/div>

<<>div align="right"><<>img src="http://community.webtv.net/bogail/images/scrapbookFiles/importD36.gif">
<<>/div>

There is only one space after each of these words:
<<>img <<>div (align)


CENTER using the UL tag. Writing ul before words or images will move them over to the right. The more ul's you use, the farther over it will go. Write <<>ul> all the text
that you want moved over to the right here. <<>/UL>

To move it even further over to the right use more uls like this:

<<>ul><<>ul><<>ul>text or image goes here<<>/ul><<>/ul><<>/ul> and so on.

CENTER using the spacer tag.
<<>spacer type="block" width="?" height="?">
Put a number from 1 to 600 where the ? (question mark is)
(note: since the last upgrade, spacer type="horizontal" does not appear to be work all the time , so try this next code if it doesn't work)

To the left of an image tag , write this: <<>spacer type="block" width="1" height="1">
(this should put a small image right in the center of your PB page)
If it doesn't, just Adjust the size of the space you get by changing the"1" to what ever you want.


The spacer tag can also be used to create a large space vertically between images or text.
For a very larger vertical space between images, write

<<>img src="purTheUrlOfYourImageHere"><<>br> <<>spacer type="block" width="1" height="300"><<>img src="UrlOfImageHere"><<>br>

There are 3 spaces in that code:
one after the word spacer, one after "block" and one after width="1"

INDENT TEXT TO THE RIGHT by putting this before your text <<>blockquote> and this after your text<<>/blockquote>


The only other way I know of to align or center images and text is to use tables.

When your ready to learn tables, you can go to DRAAC'S Site
(example of a very simple table.)

You can also learn the

Advanced PB Editor Technique



ANIMATED GIFS:

If you use too many ANIMATED GIFS on your webpage, it will SLOW DOWN the "LOAD" TIME, the time it takes the page to appear. Use animation sparingly.

will also LOAD SLOWLY.Choose "page break" after a bit. This will make a page 2 for you.
Or even better, create a new page, title it Page 2 and link to it from page 1 like this:

<<>a href="http://PutTheUrlOfYourPage2Here"> Page TWO
<<>/a>

This will make the words Page TWO clickable and will take visitors to your second page.


This is a simple scrolling marquee

MARQUEES : For a simple scrolling text marquee , use this tag: <<>marquee> WordsGoHere <<>/marquee>. Be sure to put nothing but text in between the marquee tags. Any other code used after the marquee tag will cancel out the marqee code.
Marquees slow down your webpage load time.


SIZING an image: Make your image as big as you want like this: <<>img src="http://URLofImageHere" width="100" height="80">
Change the 100 and 80 to what size you want.
Note: there are only 3 spaces in that code: one after the letters img, one before "width="100" before "height="80".

These numbers can be changed to make the image as big or as small as you like. width="100" will make an image about an inch wide (experiment with the numbers)


Putting 2 or 3 images in a row. For this you will need to learn to use tables some day. If the images are too wide for the page, they will not fit no matter what you do.

TEXT: Use the tag <<>font size="5" color=red"> This will give you big red text.

Change the number and color to what you want. 7 is largest, 1 is smallest. There is one space after the word font , one space after "5". Play with the numbers and colors.


Here's a great color chart where you can use either the hex numbers or the words to describe the color. COLORCHART

IF your image doesn't show, check to make sure you have used the " instead of the '
Make sure the rest of your code and spelling is exact. Centre is not the same as Center in html.

Before editing your page, shut your Web TV terminal off for 5 to 10 minutes. This clears the cache (memory of the sites you were at previously) and makes for faster editing.


CODES : Just remember to always let the code wrap naturally from line to line. It may look odd jumping around by itself at first, but you'll get used to it..NEVER USE YOUR RETURN KEY (when writing code) to go to the next line. Only USE the SPACE BAR on your keyboard. You can use your delete key freely tho.

For Web Classic or Plus owners without the 2.6.1 upgrade:
When you first saw this page, did you notice how the page seemed to wipe from the left to right? For that effect use this: <<>body transition="wiperight">

Click HERE for more transition codes.


UPDATE:

With the newsest upgrade, June 2001 (upgrade 2.6), only the backgrounds offered by Webtv's Pagebuiler are showing up. Read below for a "FIX"
Backgrounds Gone?
Did you take the latest MSNTV upgrade and your special (not webtv) backgrounds have dissapeared? You can fix that by doing this:


Go to your Pagebuilder index, select your page and click on: "Change Page". In the text box before the body background url, put this code:
<<>/noscript><<>/head>

Go to your webpage (index), click on "Change Public Listing" and put this after the title
<<>/title><<>noscript>

In the text box where your background url is, There should be nothing in the top (small) header box . Nothing goes before body background but
<<>/noscript><<>/head><<>body background="http:// etc."> the rest of your page goes here, then at the very end of your page write <<>/body>
Do Not have any other ending codes such as
<<>/html> or <<>/body> in the middle of your web page.

(make a practice page to test this out)



another fix: OR You can Retrograde back to the old 2.5 upgrade by reading & following the links on This Page (this will make your background image appear to only the people who have NOT upgraded to 2.6.)

or read the THE FIX OR you can use one of these 2 methods on the pages below:
Hughy's Breakthrough

The Advanced PB Technique.
or by putting everything into tables with a table background.

Since the May/June 2000 upgrade, the alignment of some images seems to be wrong. As soon as I find a solution to this problem, I'll put it here.


If your PB image does not show up on your email but only a little blank box does:


  1. Make sure the url (or address) of the image is correct
    (to make sure, hit your "OPtions" key and type that same url in your "Go to" box , hit the "return" key and see if your image is on the www.
  2. Make sure there are no typos, such as a missing " (parenthesis) or a missing > (carot)
  3. Make sure there are no extra spaces in your code.
    (with the <<>img src code, there is only ONE space in that whole code. It comes after the letters <<>img
  4. If you're sure the url is correct for that image:

    Sometimes you have to "prompt" the image to appear in your email by viewing it. Do this by hitting your "Options" key and then your "Go to key", then type the url of the image into the address box and hit the "Return" key.
    If your image appears with a black background, then the url for that image is correct. If the PB image does not appear, there is a mistake somewhere in the url.


Clickable Images To make an image clickable, so that a person can click on it and "go to" an address, use this code.
<<>a href="http://url_to_go_to_here">
<<>img src="http://image_url_here"><<>/a> There are only 2 spaces in that whole code. One space after the <<>a and one space after the <<>img (never use your "Return" key to make a space, use your space bar only.
This is all I can think of for beginning a PB webpage. If I think of any more tips for you, I will add them here.

If your code is showing on your pages near a clickable image link:

I have noticed that PB sometimes puts an extra space into the "<<>a href" code when you hit "done"

To correct this, look at your code and see if there are extra spaces between the <<>a and the href>, (you can check this by placing your curser in front of the word href= and hit the delete key. (even tho there is only ONE space between <<>a and href= it may be on a separate line, that is ok, as long as there is only ONE space. (never use your "return key" to make code drop to another line, it will do that by itself if you typed the code correctly.



If you want all computer users to be able to click on your PB link, you need to include index.html and the number after the word community. Like this example:
<<>a href="http://community-2.webtv.net/bogail/THELITTERBOX/index.html>My Homepage<<>/a>


Have you Tried the
Beginners newsgroup? EZTips

Pagebuilder Scrapbook Uploader

Source Viewer & PB image Extractor

Scroll down for more help Links


Back to:

EZSTART With Pagebuilder



CC&P 4 WebTV (Cut, copy & Paste)

Adding Music to PB Webpages & Email

WHOTASS
Make your Sigs load faster!

How to Surf & Save urls

A list of linkable Midi sites

How to make a Cool List

Joining a Webring with a PB page

My Top Ten list of html help sites
(try Momp54's & EZcodes for code help)

The Litterbox is mine.

GOOD LUCK

HAVE FUN!

GAIL M.

THE LITTERBOX

Entry Page | Main Page | Index

PB HELPInetdou's TipsPaul Johnson's Help For Beginners
DraacCodesMy Help Links
HTML HELP by Starfish9Beth CandyRESOURCES by Jim Brooks

A TIPS LINK

You might need to scroll down a little to see the information you want. That's another good tip. Always scroll down on any webpage you are looking at. You might miss the one thing that you need if you don't.

Back To:

EZSTART

Back To:

My Site Map-Index

Email




CountZ.com
CountZ.com


5/21/00

ZIP TO THE TOP OF THE PAGE
Text on image using tables (adv)


Tables

Back TO THE TOP OF THE PAGE

Here is a very SIMPLE TABLE that will make an image go in the center of the page horizontaly.

<<>div align="center">
<<>table border="0" width="100%">
<<>tr><<>td align="center">
<<>img src="http://PutTheUrlOfAnImageHere">
<<>/td><<>/tr><<>/table>
<<>/div>
Spaces: Put one space after each of these: div, table, "0", td, img