 | PAGE ANATOMY -101 |
|
Before describing how to add META descriptive content to your page's <HEAD>, you should have a basic understanding of all the HTML tags Pagebuilder's editor automatically provides you, and also how its various input data boxes work.
All webpages are laid out more or less the same, even Pagebuilder's pages. This is the standard HTML format used: |
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
<HTML> <HEAD>
<META NAME="description"CONTENT=> <TITLE> Your page's TITLE here </TITLE></HEAD> |
<BODY BGCOLOR="#"TEXT="#"LINK="#"VLINK="#">
| ~ Your page's viewable content here ~ |
|
</BODY> </HTML> |
|
This is the basic layout, but with Pagebuilder the <HEAD> & <BODY> tags are automatically placed over each page and we cannot directly access them. You can, however, put the necessary descriptive META info into your <HEAD> by using the appropriate text-box.
What follows is a more detailed layout of a typical webpage constructed with Pagebuilder. The RED-FONT in the table below is the HTML coding that Pagebuilder's TEMPLATES automatically provide for you, and therefore need not be added by you when constructing your page. The darker sections in the table below explains how the META info-input sections are identified when you use Pagebuilder's various data input boxes. |
|
|
Constructing a webpage on Pagebuilder is done by clicking a sidebar, or a button link, and gaining access to the correct data input box...after a little exploring you should be able to locate all of these various "add item" features.
The bulk of your viewable page's data is entered by using either the "Heading" or "Text" boxes, or via the "add a link" and "list" options. The larger "Add-text" box (below the smaller "add title" header-box) is the one most frequently used for adding information. In my opinion, the header-box should never be used since it just adds more unnecesary template code to your page. If you want header text on your page, then in the larger text-box write it like this: <center><H1> ~ My Title Here ~ </H1></center> This will give you an even larger text heading than you would get by using the header-box (which uses only <H3> tags), and it's just as easy. ADVANCED OPTIONS: With Pagebuilder we can also add one additional <HTML> tag at the top of the first text-box which we must sometimes do when using javascript on our pages. (occasionally, the template <HTML> tag is too weak to activate some javascript and it needs a little boost.) We can also add one extra <body> tag to allow us to add our own backgrounds to the page: NOTE: You cannot add Link or Vlink color in this 2nd <body> tag, only text color. To change link color, use one of PB's other solid-color BGs or javascript . Individual links can be changed using CSS: <a href="URL" style="color:#b22222"> click </a>
The </a> closes the "font-color". These two deviations of proper page format, while not strictly Kosher, seem to cause no real problem. Even so, only add an <HTML> tag to your pages if you know what you're doing. The 2nd <BODY> tag is installed over one of Pagebuilder's SOLID color backgrounds only.
I recommend RICHARD's Tutorial for learning more about page design and HTML...but remember, as with most tutorials, it is not geared towards Pagebuilder, so ignore that portion of his tutorial which instructs you to begin your webpage with writing a <HEAD> for your page.
~ META Tag Help ~ [Back to Main Page]
~ LINKS ~RICHARD's HTML Tutorial |
The Truth is Out There!
Submit to the Top Search Engines:
|
|
|
|
|
|
