|
How to Add Meta Tags INTRODUCTIONThis website is a simplistic demonstration of my suggestion for correctly adding meta tags, style sheets, and javascipt to an MSN TV® document head tags. I have correctly added several additional meta tags, provided space for styles and scripts, and different body tag code. This is in response to several posts from naysayers that suggest that we cannot access the PageBuilder document head tags to correctly add meta tags, styles and scripts. It is possible to add additional meta tags, style sheets, and javascript code in the head tag of an MSN TV® PageBuilder. It can be done by a slight change to the "comment method" posted by h17@webtv.net in the news:alt.pagebuilder.help news group. Beth Candy's step-by-step tutorial called "Advanced Editor for Page Builder" thoroughly explains the implementation of h17's "breakthrough" for enhancing WebTV PageBuilder options. In case you missed it, Pwilliamandx@webtv.net put H17's orignal post on a website, and recently followed-up with a list of PageBuilder Advanced Editor Method tutorials from several PageBuilder experts. |
SOURCE CODEThe validated source code will be close together and hard to read. I could not space the code out, because every time you put a space return in the large text box, even if it is in the head section code, you put a space on the top of the webpage which pushes the body text down the page, leaving a long blank space at the top of the page, depending on how many spaces you enter in the code. Therefore, I had to type the head tag code without a return key space. This creates a problem if you "View Source" (click "View" on the "Menu Bar," select "View Source") with a computer – the source code appears in long lines across the full window width, requiring you to scroll through all the screens to the right to view the code. Just highlight and copy the source code, paste into a "Note Pad" (or Word Pad) document, edit, preview, and print-out the code. Or, a shortcut, just click "Print" on the window toolbar while viewing the source code screen, and the code will be automatically loaded into a notepad window and printed out. |
SOURCE CODE VALIDATORS There are many good validators that Webbers use to validate their websites. I regularly use Dr. Watson because they are here in my home town of Jacksonville, FL – home of the NFL Jacksonville Jaguars. Dr. Watson has options for different browsers, images, links, styles, word count, loading time, and search engine compatibility. The WebLint Validator gives short, precise error summaries. |
THIS IS A CLOSED EDITOR METHOD
When you have entered the comment tags in both the title box and first text box, your webpage contents will disappear from the Basic Editor Screen. You will only see a closed box, instead of your webpage contents, until you disable the beginning comment tag, as explained below, in the title text box. This is the only objectionable problem with using this method that causes disfavor among PageBuilders who prefer one of the new open-editor PB AE methods! This method is strickly legal according to the W3C HTML DTD! The HTML comment tags may be used anywhere within a document - head tag or body tag! |
ADDITIONAL PROCEDURESBeth and Saverio cautioned us about the disappearing Basic Editor text box with all your webpage content, and explained how to disable the beginning comment tag. The basic editor screen disappears because the "Add" options are forms that place content into the document body on the Basic Editor page as a temporary viewing screen. When you block out the body tag with the Advanced Editor comment tags; your body content, which is "pasted' into your Basic Editor screen, disappears. This is really a good omen – when the Basic Editor text screen disappears, it means you have successfully blocked out the built-in body tag. At this point, you can "Preview" the page. But, don't forget, you always still have to "Publish" and click "Done" – when in doubt, "Publish" and click "Done" again. Remember: when the Basic Editor screen disappears, you can click "Preview" to view your page. The preview screen is just another temporary viewing screen like your Basic Editor screen, but the preview screen is formatted exactly like your webpage will appear on the web. The content you see in the temporary Basic Editor screen is actually stored in the various option forms memory. This is why you have to click-on an item in the Basic Editor to return to the form that contains the item in memory so you can change it. When you publish your page on the web, all the items you have in the memory forms is manipulated by javascript (pasted) into the PageBuilder template" on the web. To get back to the Basic Editor text box screen when using Advanced Editor, you have to "Edit (the) title" and erase, or disable, the beginning comment tag (<!--) you entered in the "Title" text box to block-out the PageBuilder built-in body tag. Beth Candy published the step-by-step procedure for opening the Basic Editor screen in an Advanced Editor webpage. You have to erase the comment tag in the title text box so the content in the large text box form can be "pasted" back into the built-in body tag in the Basic Editor screen. From the "Index page", click-on your website, click-on "Change public listing," erase the comment tag in the title box, click "Done," then your Basic Editor will come back up. When you are finished editing and publishing again, click-on "Edit title" on the sidebar and put your beginning comment tag back in the title box and click "Done." Follow the procedure Beth outlines for "How to Edit" your page when you don't have a Basic Editor screen to click-on the items you want to edit. My additional suggestions for editing an Advanced Editor webpage, after the Basic Editor screen disappears and you see a blank Basic Editor, are: click-on "Edit title" and erase the beginning comment tag in the title text box, click "Done" and your Basic Editor text box will come back up. Then edit your page, click "Done" and return to your Basic Editor screen. Then click "Edit title" again and put the beginning comment tag back in the title text box and click "Done" – your Basic Editor screen will again disappear. "Preview" if you like, and if OK, "Publish" and click "Done." Also, I suggest that as soon as you publish an advanced editor page, you come back and open your basic editor page as outlined above, so you will be ready to edit (update) your page anytime you have added information. Again, I remind you to always click "Done" before you leave a screen that has "Done" at the bottom. |
EDITING PROBLEMS
Here's an irritating problem that will try your patience. When you type a lots of text in the large text box, you will begin to notice that your keyboard text entries become slower and slower apearing on screen in the large text box. All you can do is be patient and wait for the text to appear. You can type ahead and the text will fill in shortly. Just be concious of your words and carefully enter your keyboard text, or you will discover missed spaces and misspelling that you will have to go back and correct. This happens because PageBuilder allocates a reasonable amount of space (memory) for a webpage's text box entries. If you have an excessively long text box entry, the PageBuilder program has to allot more Hard Drive space to your added text, and rewrite the text below where you are editing, which causes your editing changes to get slower and slower as you edit near the top of a long document. The keyboard text entry slowdown decreases as you edit near the bottom of a long document because less text has to rewritten in the long text box. This problem also exasperates your loading time when switching and re-writing between your text box, Basic Editor, and Preview screens; because your files get fragmented on the server hard drive when additional memory space is assigned to long text box entries. This problem gets really bad during web "high-traffic" periods in the evening hours. Also, during "Preview" you may see "disabled" HTML code in your document because of missing spaces, broken links, lost angle brackets (<...>) and quotes ("...") around attribute values. Just "Preview" and edit your page until it is corrected, and "(Re)Publish." Be patient and don't try anything to force editing changes – you may lose some editing changes you just made! Never hit your "Back" key, except when returning to editing from "Preview" – you'll lose editing changes if you don't always clicik "Done!" Now here's another warning note about a problem many of you have sometimes experienced. When you are finished editing a long webpage in the large text box and click "Done," it takes a long time for the PageBuilder program to re-write your Basic Editor screen. Just be patient and wait for your Basic Editor screen to come back up. The program takes longer to overwrite the old page. And, very important, remember this warning: after editing, don't ever "Power-off" or leave the large text box screen after you click "Done" and are waiting for your Basic Editor screen to reappear! Be patient and let the hardware rewrite the Basic Editor form memory to bring up the revised Basic Editor screen, or you will lose the editing changes you just made! Also, when you publish an edited (updated) page and try to visit your new page, you still see your old page. Don't panic, and think you have done something wrong. You are just loading your old page from your browsers' cache of all your most recently visited webpages. Also, this problem is exasperated in old WebTV "Plus" terminals that also cache recently visited webpages (and messages being written and paused for later completion) on their hard drives for a week, or until they are pushed out of the HD cache by new website visits. Also, if you visited your old page during your current" session, the old page will be cached in your "Recent" cache. Just "Reload" (Cmd-R) and your new, updated webpage will be down-loaded and again "cached" in your browser, in your "Recent" session cache, and old Plus terminal's HD's. But sometimes, and I don't understand why, you may have to "Power-off" and "Power-on" again, to clear your "Recent" cache to get your new page to load. A few of my PageBuilder friends say they wait until the "wee hours" of the morning (PDT) when web traffic is at a minimum, to publish changes to their webpages. I tell them this is unnecessary – it doesn't matter when or how long you edit your pages. You can edit your Basic Editor screens as long as you desire – it won't affect your published webpage. Your PageBuilder Basic Editor and webpage are on separate server groups – the webpage is on the webservers and the Basic Editor files are in our subscriber file servers behind the MSN TV® corporate firewall. When you publish a webpage, it only takes an instant for the PageBuilder javascript to copy the page from your Basic Editor files to your PageBuilder "template" on the webservers. If someone is viewing your webpage while you are re-publishing an upgraded webpage, it doesn't affect your viewers at all. They are viewing your webpage that has been downloaded into their browser's ram. And, if someone was trying to access your website at the exact time you were re-publishing an update, they would just have to watch the "spinning globe" and stalled "temperature bar" a few seconds longer while your webpage is being updated. Another matter I warn others about is that you should never unpublish a document before you re-publish an updated (same title) webpage. Always allow the PageBuilder program to re-write (overwrite) an existing page so you will keep your customized short URL's and webpage titles. Check my PageBuilder URL tutorial noted below for additional information on this procedure. |
ADD BUG ALERT SCRIPTS
Since the original introduction of the WebTV browser, our browsers are referred to as an internet terminal, are now a part of the Microsoft Network, and known as MSN TV® Internet terminals. Our browsers are designed to be very low-priced alternatives to computers, for websurfing, email, etc; and have limited ROM and RAM memory, and comparatively slow processors. |
PAGEBUILDER UPGRADESHopefully, the PageBuilder webpage editing program will be regularly upgraded. This PageBuilder Advanced Editor procedure will probably be modified by the next PageBuilder upgrade, anticipated to be released in early 2001. The next PageBuilder upgrade will probably have several added features, many of which we are currently using with "work-a-rounds" like this procedure, that will make procedures like this Advanced Editor unnecessary! Stay tuned to the PageBuilder NG's, folks! MSN TV® PageBuilder will just keep getting better and better; by both regular upgrades, and all the many expert PageBuilders experimenting with new ways to work-a-round the PageBuilder Editor limitations. As soon as the new PageBuilder upgrade is released, let's all try to help each other understand the new features as soon as possible, by posting our new-found methods for using both Basic Editor and Advanced Editor procedures! All PageBuilders who post helpful information in the NG's have really made PageBuilder webpage building an enjoyable experience for us all! And all PageBuilders are truly thankful to all the experts who have set up additional PageBuilder help NG's, and published extensive PageBuilder help websites to further expand our knowledge database! Thanks for all your help, folks! MSN TV® PageBuilders are a great group of people! |
SUMMARYIn summary, follow Beth Candy's instructions step-by-step with the minor changes I suggest here. Note how Beth explains when to enter the html code in the title box so you don't get the code in your URL. I published a short Tutorial about customizing PageBuilder URL's that, although written for new beginning PageBuilders, may help you. The information presented here is not any great PageBuilder "breakthrough" like Uncle Hughy's work, but simply a further application of his basic premise. The real credit goes to h17, Beth and all the many other PageBuilder Pioneers for all the clear, concise, step-by-step instructions we see in the NG's. These helpful, gracious Webbers make it so easy for us all to more fully understand each new PageBuilder "breakthrough" so that we may continue to find new ways to use PageBuilder and pass the information along to others, as I have tried to do here. Please excuse my failure to mention all the many other PageBuilder experts who so graciously help us in all the PageBuilder News Groups. I did not mean to slight anyone by referring only to Beth Candy's and Pwilliamandx's work. I mentioned Beth because she is a good friend who has helped me so very much, and her tutorials are very easy to understand. Also, many of you remember that Pwilliamandx was one of the first PageBuilders to publish webpages, and post in the NG's, articles precisely explaining the many problems, the tricky "nuances," many functional variations, and unknown procedures that were so very hard for us all to grasp when PageBuilder was first released. There is now so many very highly skilled PageBuilder experts dedicated to giving the best PageBuilder help available in several PageBuilder News Groups. All PageBuilders should visit these NG's to receive help for any problem, to readily give help in your area of expertise, and show your support for all PageBuilders. And, don't forget to support the sponsors of our PageBuilder webpages. Please visit, support, and participate in the following PageBuilder News Groups. news:alt.pagebuilder.help Many of our most talented PageBuilders, like my friend Curly Roe, aka PoorBoyInc@webtv.net, whose Club NG is listed above, are also starting their own "alt.discuss.clubs.public" (or private) NG's in the areas of their expertise. Please keep an eye out for announcements of these new clubs as they come online. Please visit, contribute, and support their dedicated efforts to bring us the very latest PageBuilder news. These dedicated PageBuilders are continually adding new information to our PageBuilder database, which makes the PageBuilder program so much easier and enjoyable for everyone to use. We all really appreciate and cherish all the many PageBuilder "Helpers," and we are all so thankful that we have the opportunity to be associated with the finest, most gracious, and helpful group of individuals you will find anywhere! I am so thankful for all the help I have received; and I feel obligated to contribute, in my small way, at my every opportunity! I published a webpage with the code for the Advanced Editor "expanded" <head> tag section I suggest here with all the additional meta tags and additional webpage formattng comments, at: http://community-2.webtv.net/jaxred/Source/. Please check this webpage for many more comments about webpage structure and HTML code syntax that I did not discuss here! You will get a clean copy of the source code for this document without any comments, for your print-out. Please excuse this excessively long webpage – I made it one page so you can make a continous print-out without having to switch pages. Return to the validators paragraph above. |
OTHER ADVANCED EDITOR METHODS
I have published two other PageBuilder Advanced Editor method tutorials, using noscript and script tags. Check these tutorials, at: http://community-2.webtv.net/jaxred/script/ I also published PageBuilder Advanced Editor multipage document tutorials, at: http://community-2.webtv.net/jaxred/NSMulPge/ I recently published a tutorial about seven (7) new PB AE methods, at: I also published a PB AE tutorial which uses a CSS style sheet in an extended head tag for all the body tag style code, at: Webbers, SolarBunny and CTPaso collaborated on a simple PB AE that works on all MSN-TV browsers, except 2.6 - 2.6.1, at: Click here to return to the closed-editor discussion above. ALL PB AE METHOD PROCEDURES ARE SIMILARExperienced PageBuilders will recognize that you can use all the PB AE methods with these step-by-step procedures to create single or multipage documents - ie; just use your favorite AE method, whether it be the Comment, Defeat, Noscript, Script, Style method, or any other method; like this: for the HTML comment method (H17), use: <!-- ... ->; for the Defeat Method (Dutton), use: <!--//> ... </--> (these beginning comment tags also work with the Defeat method: <!--/ /, <!-->, or <!-- >); for the noscript method (JaxRed), use: <noscript> ... </noscript>; for the script method (JaxRed), use: <script> /* ... */ </script> or <script> <!-- /* ... */ // --> </script>; or for the new style method (JaxRed), use: <style> <!-- /* ... */ --> </style> method, as you prefer; in the same manner that the HTML comment tags are used in this tutorial - just substitute any other advanced editing method's tags for the comments tags I use in this method! You may freely use any and all the information in all my Advanced Editor tutorials for your own personal Advanced Editing tutorials! Add any variations and personal preferences you desire to make more helpful PageBuilder Advanced Editor tutorials for all the new PageBuilders coming online in need of helpful resources! Post your additional information in the PageBuilder NG's. But, I remind you, as a common courtesy, you should acknowledge the works of others that you use in your tutorials, and give full credit to others when appropriate! Each of our expert PageBuilders have unique ideas, specialties, and skills that are continually adding to our knowledge base of PageBuilder webpage editing – check out the great work of these PageBuilder helpers in all the many PageBuilder NG's! Folks, there's an answer to every PageBuilder's problems in our PageBuilder NG's – all you guys have to do is ask for help, and you'll get many great possible solutions to your problems. Don't be afraid to ask! There's no such thing as a dumb question to the experts – they've "been there", folks; with every conceivable PageBuilder problem! And, remember: as you receive help, you should always try to help others when you can! |
|
|
|
|
| |
|
|
||
|
|
||
|
|
||