|
|
|
HTML-Weaver
HTML-Weaver is designed for advanced yous who possess knowledge
of HTML code and who want to be able to design pages online, rather
than having to upload them to a server. It uses a Dynamic HTML
display that creates a fun and easy-to-use workspace.
| Please
note that pages created in HTML-Weaver cannot then be edited in
Site-Weaver, and any pages created in Site-Weaver cannot be
edited in HTML-Weaver. The two editors are very different and
mutually exclusive.
|
When you arrive, you will see a very simple display. There is a
large text area (Work Area) where you will enter your code, above
which sit four icons: [New], [Open], [Save] and [Preview]. These are
easy shortcuts to the most used functions. Above the icons is a menu
bar that consists of five menus of other useful functions - File,
Edit, View, Options, and Browse.
[New]
Clicking on the [New] button will open a new document. The new
document will appear in the Work Area with default values already
filled in, utilizing the member's youname.
|
Example: If a member
has the username "dave", then the new page that will appear by
default will look like this:
<HTML>
<HEAD>
<Title>dave's Website</Title>
</HEAD>
<BODY BGCOLOR=white TEXT=black LINK=blue VLINK=red>
My new page
</BODY>
</HTML>
|
The <HTML>, <HEAD>, <Title> and <BODY> tags must appear at the
beginning of every HTML document, so by including this by default
the member is saved the repetitive task of entering these basic
codes. You can simply replace the text between the <Title> tags and
the <BODY> tags to create your page.
[Open]
Clicking on the [Open] button will open a pop-up window that
lists any files that the you has already created in HTML-Weaver or
that haven't been created with Site-Weaver. You can then select one
by using your mouse and it will open that file in the Work Area.
[Save]
Clicking on the [Save] button saves your document. If it is a new
document, it will open a pop-up window where the you must select a
directory to save it under (by navigating to the directory on the
left side), assign a filename to the document in the required field
on the right side, and click the mini [Save] button. A message box
will appear, confirming the saving of the file along with the
filename. If it is an existing document being saved, it will just
generate the message box confirming that the document has been
saved. Unlike Site-Weaver, which saves your work automatically as it
progresses, HTML-Weaver documents must be saved by you, and should
be saved regularly for safety.
[Preview]
Clicking the [Preview] button will open your work up in a new
window, displaying the "front end" of the code. It shows you what
your visitors will see when they stop by the website.
Now that the four quick button functions have been covered, we
will take an in-depth look at all of the other functions that are
also available through the drop-down menus in the menu bar:
File Menu
Clicking on File in the menu bar will drop down a menu of
several items. Many of these perform the same functions as the
buttons that were just explained. New, Save, and
Open perform the same tasks as above. In addition:
Main Menu - brings you back to the
Main
page.
Save As - works the same way as Save, but allows
the you to assign a name to the file. A first time save always works
as a Save As, but the you may also decide later to save a
document under a different name to make a copy of your work.
Edit Menu
Clicking on Edit in the menu bar will drop down a menu of
several items:
Find - opens up a prompt which asks you to enter text to
search for and click [Ok]. Then it will find the first occurrence of
that text in the document, highlighting it.
Find Again - will find the next occurrence of the text and
highlight it.
Select All - will highlight the entire document. This is
useful for mass changes or deletions.
View Menu
Clicking on View in the menu bar will drop down a menu of
several items. The topmost, Preview, functions the same as
the [Preview] button explained above. It will open up a new window
displaying your page. The other three items in the menu bar define
the Work Area:
Increase - will stretch the Work Area to make it larger.
Clicking it multiple times will gradually increase its size.
Decrease - does the opposite of Increase and will shrink
the Work Area. Clicking it multiple times will gradually decrease
its size.
|
Please note that
there are, naturally, limits to how much a Work Area can be
resized. Despite this, you are sure to find the perfect display
for your tastes and needs.
|
Restore Default - will return the you to the original size
of the Work Area if you need to. This is useful if you have resized
it with either the Increase or Decrease functions and
wish to return to how it was originally.
Options
Clicking on Options in the menu bar will drop down a menu
of features that you may or may not want to employ, so we have made
them optional:
Convert Enters to <BR> - means that if you hits the
[Enter] button in the Work Area, it will result in a line break in
the front end. Normally, if a piece of text is entered into an HTML
document, even if you put line breaks in (by hitting [Enter]), you
will not register unless you use the code for a line break (<BR>).
Here, you have the option of having the program convert line breaks
created using the [Enter] button on your keyboard into code <BR> for
you. The code will not appear in the Work Area, but when the you
previews your page you will see that wherever you have pressed
[Enter] the line will break and move to the next line.
Word Wrap - controls whether the code will scroll out of
the right side of the Work Area, or whether it will all be contained
within the parameters of the Work Area without requiring any
scrolling. Turning on Word Wrap means that when you are
typing and your text reaches the border of the Work Area, it will
wrap around and continue at the beginning of the next line. If
Word Wrap is not turned on, when you are typing and your text
reaches the border of the Work Area, it will continue on the same
line and a scroll bar will appear at the bottom of the Work Area,
allowing you to scroll sideways to view the text.
Browse
Clicking on Browse in the menu bar will drop down a menu with
several items. The Browse menu contains the most interesting
features of HTML-Weaver.
Images
Selecting Images will open up a new window that displays
all images that the you has uploaded to your File Manager. You can
select which directory to look in on the left hand side of the
window. If you do not yet have the picture you want, you can get it
now - either by uploading it off your personal computer (by using
the "Upload Files" link in the top right corner) or by spidering it
off the Internet (by using the "Spider Files" link in the top right
corner). For full details on how Spider and Upload work, please see
the general the links to these help files on the main help page.
Selecting an image from the File Manager by clicking on its link
will bring the you to a window which displays the code needed to
insert the selected image into your website. It is pre-selected, and
all the you must do is right-click with your mouse and select
"Copy". Clicking the "Done" link at the bottom will close the
window. You can now simply paste this code directly into your Work
Area and your image will appear when you view or preview your page.
Pages
Selecting Pages will open up a new window that displays
all pages that you have created - with either HTML-Weaver or
Site-Weaver. Clicking on one of them will bring you to a window
which displays the code needed to link to the selected page. It is
pre-selected, and all the you must do is right-click with your mouse
and select "Copy". Clicking the "Done" link at the bottom will close
the window. You can now paste the link code into your page.
|
Please note that the
only thing you will have to do is change the link text before
the closing </A> tag. The default is "some text" which you can
change to the name of the page you are linking to or whatever
else you think is appropriate.
|
|
Example: If you are
creating an "about me" page and want to link to your main page,
which is called "mainpage.html", you would simply browse to "mainpage.html",
click on it, and copy the link code. Then you would paste the
link code into your "about me" Work Area and replace the link
text with "Click here to go back to the main page of my site",
or something similar.
|
Colors
Selecting Colors will open up a new window that displays A
Christian Server's color palette. Selecting one of the colors will
fill its numeric code into the field at the bottom of the palette.
The you must then copy this six-digit color code by right-clicking
with your mouse and selecting "Copy" from the drop-down. Then you
just need to paste it into your Work Area page wherever you are
defining your colors. Clicking the "Done" link will close the pop-up
color selection window.
|
|