home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
Magazyn WWW 1999 July
/
www_07_1999.iso
/
prez
/
amiga
/
awebedv1_2.lha
/
AWebEd
/
helpdocs
/
formatting
< prev
next >
Wrap
Text File
|
2008-08-10
|
5KB
|
121 lines
Back to MENU
Back to TUTORIAL
Back to SET_UP
Formatting a document
---------------------
In this tutorial, we will construct the basics of an HTML document.
Remember, to return to the previously referred to "Tutorial"
documentation, click on the "AWebEd" icon above.
1 - Select "Project...New" from the pull-down menus. (Use right
mouse button to select pull down menus)
2 - Click in the main window. Position the cursor in the top-left
of the window. We are about to add some HTML codes; this will
display the documentation for those codes - once you have read
that documentation, click on the "AWebEd" icon to return here.
3 - Double-click on the TEMPLATE item in the "Simple" command list.
This provides the essential portions of an HTML document (see
TEMPLATE ). It may be necessary to use the scroll bars and
arrows to the immediate right of the command list to find the
appropriate item.
4 - Move the cursor to the third line, which should contain the
<TITLE> codes. Move the cursor inbetween the <TITLE> and
</TITLE> codes.
5 - Now type in the following: AWebEd Homepage
6 - Double click on the RELOAD item under the AREXX command list.
6 - Cycle through the screens ([left amiga]-m). AWebEd should now
display your HTML document. Note the new title in the window
title bar. Cycle back to AWebEd.
7 - Move the cursor to the portion of asterisked test, which should
read: *Insert body here*. Note that this text lies in between
the <BODY> and </BODY> delimiters. The Body, remember, contains
that code which is displayed in the browser window.
8 - Delete the asterisked text , and replace it with:
AWEBED HOMEPAGE
9 - SELECT the text by moving the pointer to the start of the text
you have just typed, and pressing BUT NOT RELEASING the left
mouse button. You will see the pointer change shape. Whilst
depressing the left button, move the pointer to the end of the
text. Then release the button. The text is now selected.
Double click on the item "Header (Large". The tags <H1> and
<H2> will now be inserted either side of the selected text.
10 - Click on RELOAD again. Cycle through to AWeb. AWeb should now
display the text in a large size. Cycle back to AWebEd.
11 - Position the cursor on the line below the codes for the
HEADER you have just created. Make sure that the cursor is
above the </BODY> code - you may want to press the return key a
few times to generate some space in your HTML document -
remember that this will not show up as space when displayed on
a WWW browser.
12 - Double-click on the " HORZ_RULE " item in the Simple command
list. This will insert the code <HR> at the position of the
cursor. RELOAD the document into AWeb, and cycle to AWeb to
see what you have added. Cycle back again to AWebEd.
13 - Position the cursor below the <HR> code. Now go to the
"Edit...Insert" pulldown menu item. Select the file
"Example.txt" and load it in by clicking on "OK".
14 - Reload the document into AWeb again, and have a look at it.
As is obvious, it is just an ugly looking chunk of text. Now
to smarten it up!
15 - Move back to the top of the code, and SELECT the text from (and
including) "Back to MENU" all the way to the end of the
underlining beneath "Introduction". Cut that text from the
document by selecting Edit...Cut from the PULLDOWN menus.
16 - The first line of text after the <HR> code should now read:
"What is AWebEd?:"
Select that line of text, and double click on the "Header
(medium)" item from the "Simple" command list. This is
essentially the same operation as we with the last header.
17 - Position the cursor on the line before the first paragraph,
and double click on the "New Paragraph" item in the "Simple"
command list. The code indicates that the following text is a
coherent chunk of text.
18 - Now select the line which reads:
"Features:"
SELECT it, and make it a medium header, as you did before.
19 - Reload the document into AWeb and have another look. Still
very garbled - time to structure it better.
20 - Move the cursor to the line beneath the "Features" header.
Double click on the "Unordered list" item in the
"Miscellaneous" command list. Five codes will be inserted.
The first, <UL> signifies the start of an unordered list. The
following three codes, each <LI>, signify the start of an item
in the list. The final code, </UL> signifies the end of the
list.
21 - Now select the first indented paragraph of the inserted text,
making sure NOT to selected the preceding "-". Cut it, and
then position the cursor at the end of the first line
containing an <LI> code. Now select Edit...Paste from the
PULLDOWN menus.
22 - Repeat this procedure for the rest of the indented paragraphs.
You will need to add two or three extra <LI> codes on top of
the ones alreay provided. Remember to add them BEFORE the
</UL> code.
23 - Now reload the document into AWeb. If should look much better!
You may wish to space out each item of the list by adding a <P>
code before each <LI> code.