How Do I...?

Perhaps you should also read our YSWPM Frequently Asked Questions?
Or you may want to know more about HTML...


Defining The General Attributes of the Body of the Web Page.  To alter the general appearance of the BODY of the page, select from the options for the background and link colors. Record your selection by clicking on "Choose Current Colors."  This will automatically encode the Body properties of the webpage.


Note:  WebPageMaker 1.1+ can now also help one browse one's directory for a background image and give the name and directory location for it.  However, in order that the codes for the image can be placed in the WebPageMaker's work area, one will have to perform copy and paste operations and type in the necessary codes manually:
For Background Images
the name of the image should be placed within the BODY tags to look like the following: <BODY background = "myimage.jpeg" ...>
For Images that are inserted in the main section of the webpage
the acceptable format is <img src = "mypic.gif" height="" width="" alt="The name of the image">
.

Normally, the Body of a web page will look like this:

Web Page Maker Help 1.0

What is Web Page Maker

Web Page Maker is a javascript driven tool for writing webpages...


Copyright:Agustinong Pinoy.Com


Headings.  The Web Page has a "Header" a Paragraph Text with links. To code a "header" choose from the buttons marked H1 to H6 and type in the text when prompted.  The largest header size is "1" and the smallest "6".

Beginning A Paragraph.  To begin a paragraph, click on "Paragraph Break."  There are three font styles to be chosen from: normal, italic, and bold.  Here, the Microsoft rule "type first and format later" does not apply.  Or one will just have to learn how paragraphs are coded manually. One should pick the style first, then type in the text when prompted.

Indented Paragraph.  Push the button marked "NO BREAK SPACE" five or eight times.  Or one can make the paragraph indents by default by typing the following codes between the <HEAD> tags:

<style type="text/css"><!--

P        {text-indent:0.5in}

--></style>

The above code defines the style of the paragraph by stating that it should always begin with an indented line half an inch from the left margin.

Horizontal rules <HR>.  Click on "Horizontal Rule" to create a dividing line between sections of the webpage.

Lists:

One can now create a Definitions List, apart from the Ordered and Unordered List, or have a quick tutorial on the topic right from Your Simple WebPageMaker. Just look for the appropriate link.

Note:  The Web Page Maker can only put in the initial codes for these lists.  One will have to type them in manually.

Line Breaks <BR>.  To create linebreaks, click on "Line Break".  Line breaks are useful for texts that look like the following:

Ako'y tutula,
     mahabang mahaba;
Ako'y uupo,
     tapos na po.

To center a text or paragraph, click on "<Center>", type the text manually, and then close it by clicking "</Center>".  For some other aligning codes:

<p align="right">My Text</p> appears as follows:

My Text

<p align="center">Centered Text</p> appears thus:

Centered Text

 

Linking Pages.  To create a link, click on "Link" and you will be prompted, first, for the URL of the page you are linking to (e.g. http://www.mypage.com/index.htm or "page2.html").  And then you will be prompted for the "Text Link".

To insert an image, click on "Image" and you will be prompted for the location and name of the image.  The code that one should manually generate should look like the following:

<img src="mypicture.gif">

To see how your web page would look like in a browser, click on "Preview"

To close the Web Page, click on "Preview" and the Web Page Maker will encode </body></html>

DO NOT FAIL TO SAVE YOUR WEB PAGE BEFORE LEAVING YOUR SIMPLE WEBPAGEMAKER!

Close Web Page Maker Help

 


Formatted Using
Make A Web Page Now!

Want to learn more about the Hyper Text Markup Language (HTML)? Go to Ayel Lee's HTML Tutorials