|
Note: Before you attempt to create a PageBuilder Noscript Advanced Editor multipage document, you should first be thoroughly familiar with using the PageBuilder basic editor program. You should thoroughly understand making a multipage page document. Then learn to make a PageBuider Advanced Editor webpage using any of the methods published by the many PageBuilder experts and helpers. Then read and thoroughly understand the basic procedure from my original PB AE Noscript tutorial noted on the prevous page.
Beginning PageBuilders who have used the PageBuilder program and want to create a PageBuilder Noscript Advanced Editor webpage should read Angela's new noscript tutorial. All PageBuilders who accept the WebTV 2.6.1 upgrade and discover that their custom bgcolor and background images no longer work, as explained on the previous page, should read Barb's (libandme@webtv.net) new tutorial for a work-around for background problems using the PB AE Noscript method.
To create a PageBuilder Noscript Advanced Editor multipage document, follow these steps:
(2.1) CREATE A WEBPAGE BY SELECTING A BACKGROUND. Open your PageBuilder Index and click "Create." Select the background you want to work with in the Basic Editor to open your basic editing screen. The "Grey" background is the usual choice for PB AE documents.
(2.2) SELECT A SHORT TITLE FOR YOUR WEBPAGE URL. When your Basic Editor screen appears, click on "Edit title" or "Choose this to add a title to your docment." When the title text box appears, type in a short title you want in your webpage URL. Uncheck (or leave it checked – it doesn't matter) the box that says "Show this title on your page." Click "Done."
(2.3) ADD YOUR WEBPAGE DESCRIPTION. When the Basic Editor screen returns, click on "Publish" from the sidebar. When the "Title and description" text boxes appear, type your webpage "Description" in the large text box, which will be your description meta tag in the PageBuilder built-in head tag for meta information for search engines and webcrawlers. Then click on "Continue."
(2.4) PUBLISH YOUR SHORT TITLE WEBPAGE. When the "Ready to publish" screen appears, click the box that says: "Include in public list," if you desire the new webpage to be listed in your public (publicly accessible) index of webpages. If not, leave unchecked and your webpage will not be in your public list. Then click "Publish." When the "Congratulations" page appears, click "Done" and the Basic Editor screen will return for further edting.
Note: You now have a webpage URL with a short title. As an example of why it's best to have a short title, consider this webpage. I chose "NSMulPge," standing for "NOSCRIPT MultiPage" as my short URL title, instead of havng the first 20 letters of my actual webpage title that you see in the status bar appear in my webpage URL. All PageBuilders should always publish a short title URL before editing and publishing a longer, more descriptive webpage title to appear in our status bars.
(2.5) ADD YOUR COMPLETE WEBSITE TITLE. Then click "Edit title" on the sidebar and type, in the title text box, your webpage title that you want to appear in our WebTV status bars and computer title bars. Remember, for WebTV your title must be 35-characters or less to fit in the WebTV status bar space. Then type a closing title (</title>) tag, a closing head (</head>) tag, and a beginning noscript (<noscript>) tag following your title in the title text box. Click "Done" to return to your Basic Editor screen.
(2.6) ADD YOUR NEW CUSTOMIZED BODY TAG. Click "Add an item" and select "Text." In the large text box that appears, first type an ending noscript (</noscript>) tag, then type in your new customized body tag with bgcolor, background image, text and link colors, transitions, etc. Then add your scripts that you want at the top of the page. Then type in your webpage bgsound code using the embed (<embed>) tag for all browser compatability.
(2.7) ADD A WEBTV JAVASCRIPT BUG WARNING. Following your bgsound code in this first text box, you should add your WebTV JavaScript bug alert code.
Note: Many Webbers suggest that the WebTV JavaScript Bug is a "current session" bug that only needs one reload at the top of your website's first page to correct for the current online session; which means that it's not necessary to put a bug warning script at the top of each page. But, here in this tutorial, I put a bug script at the top of each page. I recommend that you do the same with your pages, especially if you link to, or refer others to individual pages; so that any of your pages will show the bug warning if they are initially and directly accessed and the bug strikes.
The following is an example of a WebTV JavaScript Bug Warning:
<p align="center"> <noframes> <font color="red"> <limittext value="WARNING: MSN TV® JavaScript Bug – Please RELOAD (Cmd-R)!"> </font> </noframes> </p>
(2.8) ADD BLOCKED-OUT PAGEBUILDER BUILT-IN FORMATTING TAGS. Then last in this first text box, you need to add the begining paragraph and table tags that are enclosed (blocked-out) by the noscript tags. For the grey background, these tags will be, in order: <p> <table> <tr> <td>. Then click "Done" to return to your Basic Editor screen.
Note: This step may be done anytime prior to listing the finished webpage in your public list of webpages on the web and announcing it for others to view. I note it here because the replaced tags are last in the first text box at the top of your webpage. You will have to publish your finished webpage, then view the source code to determine which tags need to be replaced to correct the webpage paragraph and table formatting tags. The latest browsers, especially Netscape, use a "strict" HTML DTD that will not display a webpage correctly if table tags and other formatting tags are out-of-order, missing, or improperly nested.
(2.9) ADD YOUR PAGE ONE WEBPAGE TITLE. Then click "Add an item" and select "Heading" or "Text" to enter your Page One title. At the top of this heading or text box, you must add the title you want to see displayed at thre top of your webpage. The webpage title can be a separate heading text box immediately following the first text box noted above or a text box with formatted text, headings (h4-h1 preferably), or a fancy gif or jpg like flaming text or other graphics from your scrapbook. The webpage title heading or text box will begin the many multiple items you enter for the rest of your webpage content. Always click "Done" when you complete your text box or image entries.
Note: Title graphics can be added to your webpage directly from your scrapbook, or linked from a published webpage of scrapbook images. To add a title graphic directly from your scrapbook, click "Add an item" and select "Picture" instead of a text box here. Click on the scrapbook image you want for a title graphic and click "Done" when the next screen comes up. If you add graphics directly from your scrapbook, you have to be satisfied with the PageBuilder built-in program's alternate left or right aligned graphics. However, if you link to a title graphic on a published PageBuilder webpage, you can format the size and alignment with HTML code in the image tag, or other HTML container tags.
(2.10) COMPLETE PAGE ONE. Add the remainder of your Page One content preferably in separate text boxes or other items boxes. Having separate boxes for each subject or separate item on each webpage makes it easy to edit – just add other items, remove individual items, and move each item position up or down on the page as desired. But, if you put all HTML code, text, linked images, etc, in one long text box, you will be required to use C&P to rearrange the webpage content.
(2.11) ADD A PAGE BREAK. When you complete Page One and desire to add a pagebreak, click "Add an item" and select "Page break." The page break will appear below Page One at the bottom of your Basic Editor screen. The PageBuilder program will automatically number each successive page and add navigational links at the end of each page.
(2.12) ADD CLOSING NOSCRIPT TAG AND NEW BODY TAG. At the top of Page Two, and on each successive page, immediately following a page break in a PageBuilder Advanced Editor multipage document, you must add a text box for a closing noscript tag and a new body tag for each page. Click "Add an item" and select "Text." When the large text box appears, enter a closing noscript tag (</noscript>) first in the text box. Next add your new body tag with bgcolor, background image, text and link colors, transitions, and other body tag attributes. Thn add scripts you want at the top of the page. Then add your bgsound code preferably using the embed tag for all browser compatability. Then, if you think necessary, you can add the WebTV JavaScript bug script for the page; but, it shouldn't be necessary – one bug script on Page One should be sufficient. Then last in this first text box, you need to add the begining paragraph and table tags that are enclosed (blocked-out) by the noscript tags. For the grey background, these tags will be, in order: <p> <table> <tr> <td>. Then click "Done" to return to your Basic Editor screen.
(2.13) ADD A TITLE TO PAGE TWO. Then click "Add an item" and select "Heading" or "Text" to enter your Page Two title. At the top of this heading or text box, you must add the title you want to see displayed on Page Two. The webpage title can be a separate heading text box immediately following the first text box noted above or a text box with formatted text, headings (h4-h1 preferably), or a fancy gif or jpg like flaming text or other graphics from your scrapbook. The webpage title heading or text box will begin the many multiple items you enter for the rest of your webpage (Page Two) content. Add the remainder of your Page Two content.
(2.14) CAUTIONS AND REMINDERS Always click "Done" when you complete your text box or image entries, so your webpage editing will be saved and return to your Basic Editor screen. Remember: always click "Done" every time you see it on an editing page to move back to the Basic Editor screen. Don't use your "Back" key to move from a text box back to your Basic Editor sceen – your recent editing changes will be lost if you do. The only time you use your "Back" key is when you return from "Preview" or return to the "Congratulations" page from viewing your webpage on the web. Be careful when using your "Scroll Up" key to move the curser up for editing in long text boxes – if you inadvertantly hit the "Back" key while scolling-up, you will lose your recently editing changes.
(2.15) ADD FINISHING TOUCHES. Add succesive pages to complete your website by the procedures outlined above. Always carefully review your finished webpage for accuracy. View the source code to be sure all HTML tags are correct. Publish your completed website and remember to check the "Include this page in my public list of pages" box if you want your website to be listed in your publix index of webpages. To verify your public pages listing, after you publish your page, click on "change title or description" from the "Congratulatons" page, and check the public listing box when it appears. Click "Done" to return to the "Congratulations" page. At this point, if you want to see your website on the web, click on your webpage URL on the "Congratulations" page to view your published webpage. Hit your "Back" key to return to the "Congratulations" page and click "Done." |