The Editor


'+ '

As you can see, your page title ,which you have named '+ 'so effortlessly '+form.Titlebox.value+', is located at the windows Title bar above.' create=window.open("","","toolbar=0,width=180,height=150") create.document.write(contents) } } function AddStyle(form,Action){ var AddTxt=""; var txt=""; if(Action==1) { form.Stylebox.value=""; txt=prompt("Enter Body text color:(any color you wish.Use name or hex values)","red"); if(txt==null)return false; if(txt!=null) AddTxt+="BODY{color :"+txt+";"; txt=prompt("Enter Body text size:(5 is real small,50 is very big)","10pt"); if(txt==null)return false; if(txt!=null) AddTxt+="font-size :"+txt+";"; txt=prompt("Enter Body font family:(Arial,Century Gothic,Goudy Old Style,etc)","Comic Sans MS"); if(txt==null)return false; if(txt!=null) AddTxt+="font-family :"+txt+";"; txt=prompt("Enter Body text weight :(regular,bold,or italic)","bold"); if(txt==null)return false; if(txt!=null) AddTxt+="font-weight :"+txt+"};"; txt=prompt("Enter paragraph text color:(Can be same as body text,or not)","green"); if(txt==null)return false; if(txt!=null) AddTxt+="P{color :"+txt+"};"; txt=prompt("Enter Link text color:(Your links will show up as this colored text)","#0000FF"); if(txt==null)return false; if(txt!=null) AddTxt+="A:link{color :"+txt+"};"; txt=prompt("Enter Active link text color:(After you click on the link,it will turn this color)","#0000FF"); if(txt==null)return false; if(txt!=null) AddTxt+="A:active{color :"+txt+"};"; txt=prompt("Enter Visited link text color:(The link will turn this color if you have previously clicked on it)","#0000FF"); if(txt==null)return false; if(txt!=null) AddTxt+="A:visited{color :"+txt+"};"; txt=prompt("Enter Header level 1 text color:(This is the title for your page.It can be any color,however looks best to keep same color as either body text or paragraph text.)","#FF0000"); if(txt==null)return false; if(txt!=null) AddTxt+="H1{color :"+txt+";"; txt=prompt("Enter Header level 1 text size:(This is the title and should be bigger than body text,or paragraph text)","25pt"); if(txt==null)return false; if(txt!=null) AddTxt+="font-size :"+txt+"}"; form.Stylebox.value+=AddTxt; if(form.Stylebox.value){ form.B4.value="Change Style"; form.B6.value="View my Style!"; } } } function ViewStyle(form){ if(form.Stylebox.value==""){ alert("You must enter a Style to view it!") } if(form.Stylebox.value){ var contents=' '+ ''+form.Titlebox.value+'


'+ '

'+form.Titlebox.value+'

'+ '

This is how your page will look as far as the colors and'+ ' size of the text is concerned.Observe how the code is entered and try writing'+ ' your own style by using the buttons provided below in the Style section.

'+ 'In the next section you will be given the opportunity to add a background image'+ ' or color.'+ '
Close Window!' '



' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } } function eraseStyle(form){ if(confirm("Erase this Style?")) { form.B4.value="Style Wizard"; form.Stylebox.value=""; } } function AddImage(form,Action){ var AddTxt=""; var txt=""; if(Action==1) { form.Imagebox.value=""; txt=prompt("Enter URL of Background Image:",""); if(txt==null)AddTxt=""; if(txt!=null) AddTxt+='

'; form.Imagebox.value+=AddTxt; } if(Action==2) { form.Imagebox.value=""; txt=prompt("Enter color for Background:","pink"); if(txt==null)AddTxt=""; if(txt!=null) AddTxt+='

'; form.Imagebox.value+=AddTxt; } } function ViewImage(form) { if(form.Imagebox.value==""){ alert("You must enter Image, or color, to view it!") } if(form.Imagebox.value){ var contents=' '+ ''+form.Titlebox.value+''+form.Imagebox.value+''+ '

'+form.Titlebox.value+'

Maximize this window!'+ '

Perhaps you are not sure that you have picked the'+ ' right color for the Background. '+ '

'+ ' Well, try clicking on the color buttons below to see if you can find a better solution for'+ ' your page.

(Note -- if you are viewing your background image,'+ ' the color buttons will be disabled.)

'+ '
'+ ''+ ''+ ''+ ''+ ''+ '
'+ '
'+ ''+ ''+ ''+ '
'+ '
'+ ''+ ''+ ''+ ''+ '
'+ '
'+ ''+ '

When you find the right color, enter it in the prompt'+ ' for BG color (the same way it is written on button face above)'+ '.Then move on to next section!

'+ 'CloseWindow!'+ '



' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } } function AddUpper(form, Action){ var AddTxt=""; var txt=""; var colortxt=""; var styletxt=""; var wordtxt=""; var image=""; if(Action==2) AddTxt="

"; if(Action==3) AddTxt="

"; if(Action==4) AddTxt="

"; if(Action==5) AddTxt="

"; if(Action==6) { txt=prompt("Enter Text to be made bold.","The Editor"); if(txt!=null) AddTxt=""+txt+""; } if(Action==7) { txt=prompt("Enter Text to be italicized","The Editor"); if(txt!=null) AddTxt=""+txt+""; } if(Action==8) { txt=prompt("Enter words that you want to be emphasized","Lovely"); if(txt!=null) { AddTxt=""+txt+""; } } if(Action==9) { txt=prompt("Enter Text to be underlined:","The Editor"); if(txt!=null) AddTxt=""+txt+""; } if(Action==10) AddTxt=" "; if(Action==11) AddTxt="
"; if(Action==12) { txt=prompt("Enter size for text:","+7"); if(txt==null)return false; if(txt!=null){ colortxt=prompt("Enter color for text:","#FF0000"); if(colortxt==null)return false; if(colortxt!=null){ styletxt=prompt("Enter style for text:","Goudy Old Style"); if(styletxt==null)return false; if(styletxt!=null){ wordtxt=prompt("Enter the words that are affected by this font change:","yourwords"); if(txt==null)return false; if(wordtxt!=null){ AddTxt+=''+wordtxt+''; } } } } } if(Action==13){ txt=prompt("Enter text affected by color:","text"); if(txt==null)return false; if(txt!=null){ colortxt=prompt("Enter color for text","#0000FF"); if(colortxt==null)return false; if(colortxt!=null){ AddTxt+=''+txt+''; } } } if(Action==14)AddTxt='\r\n'; if(Action==15)AddTxt='
    \r\n
  1. \r\n
  2. \r\n
  3. \r\n
\r\n'; if(Action==16)AddTxt='
  • '; if(Action==17){ txt=prompt("Enter link URL that image represents","editor.html"); if(txt==null)return false; if(txt!=null){ image=prompt("Enter URL of image to link","doug.gif"); if(image==null)return false; if(image!=null){ AddTxt+='\r\n'; } } } if(Action==18) { txt=prompt("Enter URL for the link.","http://people.goplay.com/born63"); if(txt==null)return false; if(txt!=null){ AddTxt=''; txt=prompt("Enter title for the link.","Born 63 Home Page"); if(txt==null)return false; if(txt!=null){ AddTxt+=txt+"\r\n"; } } } if(Action==19) { txt=prompt("Enter the URL for graphic (Example:dove.gif ,or http://people.goplay.com/born63/dove.gif","dove.gif"); if(txt!=null) AddTxt='\r\n'; } form.Upperbox.select(); form.Upperbox.value+=AddTxt; } function ViewUpper(form) { if(form.Upperbox.value==""){ alert("You must enter at least a word view it!") } if(form.Upperbox.value){ var contents=' '+ ''+form.Titlebox.value+''+form.Imagebox.value+''+ '

    '+form.Titlebox.value+'

    '+ ''+form.Upperbox.value+''+ 'CloseWindow!'+ '



    ' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } } function ClearUpper(form) { if(confirm("Erase the Upper page of all it's contents?")) { form.Upperbox.value=""; } } function AddMiddle(form, Action){ var AddTxt=""; var txt=""; var bgtxt=""; var widthtxt=""; var wordtxt=""; if(Action==1) AddTxt="

    "; if(Action==2) AddTxt="

    "; if(Action==3) AddTxt="

    "; if(Action==4) AddTxt="

    "; if(Action==5) { txt=prompt("Enter Text to be made bold.","The Editor"); if(txt!=null) AddTxt=""+txt+""; } if(Action==6) { txt=prompt("Enter Text to be italicized","The Editor"); if(txt!=null) AddTxt=""+txt+""; } if(Action==7) { txt=prompt("Enter words that you want to be emphasized","Lovely"); if(txt!=null) { AddTxt=""+txt+""; } } if(Action==8) { txt=prompt("Enter Text to be underlined:","The Editor"); if(txt!=null) AddTxt=""+txt+""; } if(Action==9) AddTxt="
    "; if(Action==10) AddTxt="
    "; if(Action==11) { txt=prompt("Enter size for text:","+7"); if(txt==null)return false; if(txt!=null){ colortxt=prompt("Enter color for text:","#FF0000"); if(colortxt==null)return false; if(colortxt!=null){ styletxt=prompt("Enter style for text:","Goudy Old Style"); if(styletxt==null)return false; if(styletxt!=null){ wordtxt=prompt("Enter the words that are affected by this font change:","yourwords"); if(txt==null)return false; if(wordtxt!=null){ AddTxt+=''+wordtxt+''; } } } } } if(Action==12){ txt=prompt("Enter text affected by color:","text"); if(txt==null)return false; if(txt!=null){ colortxt=prompt("Enter color for text","#0000FF"); if(colortxt==null)return false; if(colortxt!=null){ AddTxt+=''+txt+''; } } } if(Action==13){ txt=prompt("Enter link URL that image represents","editor.html"); if(txt==null)return false; if(txt!=null){ image=prompt("Enter URL of image to link","doug.gif"); if(image==null)return false; if(image!=null){ AddTxt+='\r\n'; } } } if(Action==14) { txt=prompt("Enter URL for the link.","http://people.goplay.com/born63"); if(txt==null)return false; if(txt!=null){ AddTxt=''; txt=prompt("Enter title for the link.","Born 63 Home Page"); if(txt==null)return false; if(txt!=null){ AddTxt+=txt+"\r\n"; } } } if(Action==15) { txt=prompt("Enter the URL for graphic (Example:dove.gif ,or http://people.goplay.com/born63/dove.gif","dove.gif"); if(txt!=null) AddTxt='\r\n'; } if(Action==16) { txt=prompt("IMPORTANT!Enter the filename of page this drop down menu will appear on:","editor.html"); if(txt==null)return false; if(txt!=null) AddTxt+='
    '; } if(Action==17) { txt=prompt("Enter Marquee behavior(either slide,scroll,or alternate):","alternate"); if(txt==null)return false; if(txt!=null) AddTxt+=''; wordtxt=prompt("Enter words to be inserted into marquee:","E-Mail Me!"); if(wordtxt==null)return false; if(wordtxt!=null) AddTxt+=''+wordtxt+''; } if(Action==18) { AddTxt='This Page last updated on:

    • ' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } } function ClearMiddle(form) { if(confirm("Erase the Middle page of all it's contents?")) { form.Middlebox.value=""; } } function AddLower(form, Action){ var AddTxt=""; var txt=""; if(Action==1) { txt=prompt("Enter your E-Mail address","born63@goplay.com"); if(txt!=null) AddTxt+=""; form.Lowerbox.value+=AddTxt; } if(Action==2) { txt=prompt("Enter your E-Mail address","born63@goplay.com"); if(txt!=null) AddTxt+="E-Mail Me!"; form.Lowerbox.value+=AddTxt; } if(Action==3) { txt=prompt("Enter URL for the link.","http://people.goplay.com/born63"); if(txt==null)return false; if(txt!=null){ AddTxt=''; txt=prompt("Enter title for the link.","Born 63 Home Page"); if(txt==null)return false; if(txt!=null){ AddTxt+=txt+"\r\n"; } } form.Lowerbox.value+=AddTxt; } if(Action==4) { txt=prompt("Enter size for text:","+7"); if(txt==null)return false; if(txt!=null){ colortxt=prompt("Enter color for text:","#FF0000"); if(colortxt==null)return false; if(colortxt!=null){ styletxt=prompt("Enter style for text:","Goudy Old Style"); if(styletxt==null)return false; if(styletxt!=null){ wordtxt=prompt("Enter the words that are affected by this font change:","yourwords"); if(txt==null)return false; if(wordtxt!=null){ AddTxt+=''+wordtxt+''; form.Lowerbox.value+=AddTxt; } } } } } if(Action==5) { txt=prompt("Enter the URL for graphic (Example:dove.gif ,or http://people.goplay.com/born63/dove.gif","dove.html"); if(txt!=null) AddTxt='\r\n'; form.Lowerbox.value+=AddTxt; } if(Action==6) { AddTxt=" "; form.Lowerbox.value+=AddTxt; } if(Action==7){ AddTxt="
    "; form.Lowerbox.value+=AddTxt; } if(Action==8){ AddTxt="
    "; form.Lowerbox.value+=AddTxt; } } function ViewLower(form) { if(form.Lowerbox.value==""){ alert("You must enter at least something to view it!") } if(form.Lowerbox.value){ var contents=''+ ''+form.Titlebox.value+''+form.Imagebox.value+''+ '

    '+form.Titlebox.value+'

    '+ '
    '+form.Lowerbox.value+'
    '+ 'CloseWindow!
    '+ '



    ' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } } function ClearLower(form) { if(confirm("Erase the Lower page of all it's contents?")) { form.Lowerbox.value=""; } } function ShowPage(form,Action) { if(Action==1){ var contents= ''+form.Upperbox.value+''+ ''+form.Middlebox.value+''+ ''+form.Lowerbox.value+''+ '



    ' form.Generatebox.value=contents; } if(Action==2){ var contents=''+ ''+form.Titlebox.value+''+form.Imagebox.value+''+ '

    '+form.Titlebox.value+'

    '+ ''+form.Generatebox.value+''+ '



    ' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } if(Action==3){ form.Generatebox.value=""; } if(Action==4){ var contents=''+ 'Editor Help'+form.Imagebox.value+''+ '

    Help!

    '+ '

    After you click on the Show my page! button,Your page appears in a new '+ 'window.From the File menu of this new window,choose the Save as option.Then name your'+ ' page with the filename extention of html.For example (mypage.html).

    '+ 'Then find the directory where you wish to save the page.Then click on Save.That is it!'+ '
    CloseWindow!'+ '



    ' create=window.open("","","toolbar=1,status=1,menubar=1,resizable=1,scrollbars=1,width=350,height=200") create.document.write(contents) } } function AddPage(form,Action){ if(Action==1) { form.Generatebox.value+=''+form.Upperbox.value+''; } if(Action==2) { form.Generatebox.value+=''+form.Middlebox.value+''; } if(Action==3) { form.Generatebox.value+=''+form.Lowerbox.value+''; } }

    The Editor

    If you have forgotten how to write HTML or don't know how,or you really could care less how but want a page made ,and don't want to wait forever for your friend to come over and help you make it,then youv'e come to the right place!
    1. Add your words.
    2. View your progress.
    3. If you need help in any section,click on the Help Me! link at bottom of each section.
    4. This Page last updated on:

    Begin!


    Help Me!
















    Style
    Use the wizard,or create your style with buttons below!


    Help Me!











    Body Element

    Add a Background Image, or a Color!

    Choose a Background color or an image.You can only choose one option.Note- If you have used the background element in Style Section,It will overide your choice here.So you should just skip this section.When finished, click on Next Section button,because now the real fun begins!
    Help Me!
















    It's Timeto start the upperpage!


    Help Me!











    It's Timeto start the middlepage!


    Help Me!















    It's Timeto start the lowerpage!


    Help Me!













    Page Layout

    See what your page will look like!

    Help Me!













    The End!
    I Hope you had fun in creating your web page!If you would ,please take the time and E-mail me with your thoughts or suggestions about my Editor,If it was helpful or not,and don't hesitate to ask for help.I'll reply to all.

    Thanks!


    Yeah! Your'e Done!

    Fortune City offers 20megs free web space!Check it out!

    Tips and suggestions









    Title

    Click on "Add Your Title" button.Enter the name of the windows title.Then if you want ,you can click on the "View My Title" button to see what effect the HTML has .You then may erase the title and add a new one by hitting "Change Title" button.When finished and happy with the title click on "Next Section" button.
    Back to Title Section



    Style

    Use the Style Wizard for easy way to add style.This section is a good tool for learning how to add style to your web page.After using the Style Wizard click on the "View Style" button to get an idea of what the style looks like for your page.When you think you can tackle it on your own,click the Style eraser button and start clicking on the element and attribute buttons to add your style.Just erase the style (with "Style Eraser" button)if you don't want to mess with this section.You don't need it for your page.For those that know HTML and wish to learn how to write stylesheets,this can be a very helpful section for you. When finished with Style section click on "Next Section" button.

    Back to Style Section


    Background

    It's time to give your page a background color or image.Click on "BG Image" to add an image.Remember that you will not see the image unless it has been uploaded to your web site.If you have a background image in mind that you would like to use for your page and remember it's filename,go ahead and enter it's name at the prompt.You can add the full path to an image located at your web site or elsewhere on the internet if you would like to see it work right now ,as is.Otherwise you need not add the path,just the filename since it will be located in the same directory as your homepage.This you will see is all that is required once you save this web page to your hard drive and then upload it to your web site.You can always add a background image at some later time.If so ,just go ahead and click on BG color.View the color by clicking on "View BG".Take note that I've added a little extra help on the page that pops up from clicking on the "View BG" button.You can browse through the different color options until you find one you are ok with.When finished with the Background click on "Next Section".

    Back to Background Section



    The Upper Page Section


    Here you will see various buttons which will provide you the opportunity to add links ,text(font) color and size changes, images, images as links,bold, italic text and other elements.The "start paragraph centered" button does exactly that.Click on the button,type in your paragraph in the textarea then when finished with the paragraph,click on the "end paragraph centered" button.Click on the "View Upper" button when you want to see what the page looks like.Erase or change or manipulate the code to your hearts content until you are satisfied with the results,then click on the "Next Section" button.

    Back to Upper Page Section


    The Middle Page Section

    This part of the page is what I would call the middle part.A person will have to scroll down a little to get here.You will find basically the same things that were in the Upper Page Section, however you should now be familiar with the HTML enough to know what the buttons will perform.This section is for those with a little more experience.The drop down menu is a neat addition to your page.The first prompt will ask you to enter the name of the file that the menu will appear on.In other words when you are finished making this web page and are ready to save it to your computer, what name are you going to give it?Enter this at the first prompt.The next prompt asks for the full URL of page you are linking to.In other words,let's say you want to put a link to my home page on your menu.Type people.goplay.com/born63 at the prompt.The next prompt ask for a description of this link,so you would type in something like Make a web page the easy way!.That is all there is to it.There are 3 options available for your menu,but you can add more just by using your brain looking at the code and repeating the pattern.The Marquee button will prompt you through a few choices.When finished ,click on "View Middle" button to see what the pages middle section looks like.Page updater inserts a This Page Last Updated On(and gives the date and time). It let's people know when you last worked on the file so they can tell if they should hit the refresh(or reload) button.When finished here hit the "Next Section" button.

    Back to Middle Page Section


    The Lower Page Section


    Here you will find what is usually found at the end of a page.The "Favorite Links" button will prompt you to add the paths (URL) of your favorite sites and pages.This button is no different than the link buttons in the upper and middle sections.All that is different is that I call it Favorite Links.Take advantage of the E-Mail Me! button or link.If you want things centered on your page,click on the < CENTER > button.To end the centering ,type in < /CENTER >.Don't forget the "View Lower" button to see your progresss.Cut and paste to a different section if you don't like where it is located.Click on "Next Section" to proceed.
    Back to Lower Page Section


    The Page Layout Section


    This is where you can manipulate once more the HTML that you have accumulated thus far.If you want to put the middle where the lower goes and the upper where the middle goes,and the lower where the...etc.etc.etcClick on the buttons that you would like to see the order of your page presented in.If you click "Add All Sections" they will be in place from upper to lower.You can choose to omit a section to see what the page will look like.Click on the "Textbox eraser" button.Then Click on only the sections you wish to view,then click on "Show my page!" button.When you finally have a page looking like you want,save it and then upload it to your web site,or run it from your desktop the choice is yours.Don't forget to upload any other files (like images) that you may have added to your page as links.
    Back to Page Layout Section


    Tips and suggestions


    You should always take advantage of the View buttons.Erase what you don't like and experiment over and over til you begin to understand what exactly the Editor is doing for you.If you would like to learn the HTML, then I suggest you cut and paste the source into a document for further reference.You can even cut and paste into other web pages.Last but not least, E-Mail me if you need help.
    Back to Final Section