Place your banner on Ark Webs, in rotation above for FREE - Click Here for details.
Need Help? - Click Here


 
  Prayer Chain
  Fish the Net
  Online Churches
  No Other Gods
  Know Him Online
  Bible Study Tools
  Sermon Index
  BibleDatabase
  Encourager
  Christian Chat
  Message Boards
  Ark Webs Community
  Christian News
  Christian Careers
  Online Evangelism
  Free Web Tools
  Banner Exchange

 

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.

 
FREE web sites provided for you in Jesus' name.
©    Ark Webs Ministries. All Rights reserved.