Webpage Partitioning with WYSISWYG HTML Editor for Newbies

For newbies trying their hand at webpage making using unfamiliar webpage editors, development may be faster and satisfying with use of features and tools that are also found in other different softwares that the newbie may already be familiar.

Helpful too for new developers may be WYSISWYG (or "What-you-see-is-what-you-get") HTML editors, with the softwares' visual and easy presentation of the webpage being developed.

Webpages in a sense have certain partitions (with data for display and/or activation like images, links, etc.) that may be developed by parts accordingly. Partitions in the form of table, frame, (etc.) may be incorporated in webpages.

Partitioning a webpage by means of tables could favor new developers since table utilities may be found in most office softwares and familiar to many users, requiring less time to study than other partitioning methods.

base table for a webpage with specification screens on a "KompoZer" WYSISWYG HTML editor design screen.
base table for a webpage with specification screens on a "KompoZer" WYSISWYG HTML editor design screen.

A table (3rows x 1column) is depicted above on the upper part of a "KompoZer" WYSISWYG HTML editor work area, to serve as bottom base table for a webpage. It may be created within a lower level table (single or multi celled) for aesthetic reasons.

Also depicted below the base table are 2 screens to specify table properties. Advanced properties may be specified at the right screen (shown above with an optional entry for table summary equal to table code tb#100-00).

A table may be created at the main menu option "Insert" ( > "Table...") or at option "Table" (> "Insert" > "Table..."). Properties may be specified at option "Table" ( > "Table Properties...").

Other tables may be inserted in the cells of some other table below it starting from the base table and layered up until the top cells of upper level tables form the desired layout of a webpage.

The layering of tables need not be so complex nor high as to significantly downgrade webpage performance.

Dimensions need not be specified in lower level tables as the software may adjust it with content size.

The top cells in the layout may then be inserted with display data (images, links, etc.) needed to complete the webpage using tools available in the webpage editing software.

Temporary notes may also be written on top cells usable as development guide and removable upon cell use or webpage completion.

More than one data or type of data may be inserted in the same cell (say an image and a table) for minimal gap or gapless display. This scheme may be used to close undesired display spaces that cannot be remedied in other ways.

In the said base table, the single cell on the 1st row may contain the webpage header image and table for the website's main menu.

On the 2nd row cell, tables for the main content of the webpage may be layered and the 3rd row may contain a footer image.

final layout (upper portion) for a webpage formed by the top cells of layered    tables with some representative display data and notes.
final layout (upper portion) for a webpage formed by the top cells of layered tables with some representative display data and notes.

The complete layout's upper part for the webpage formed by the top cells of layered tables is pictured above on the design screen of the WYSISWYG editor. 

Some representative table entries with images are also also shown. Texts on uncolored cells and on the buffer cell are temporary notes and will be erased when actual display data is inserted or the webpage finalized. 

The two images in the cells of separate but adjacent cells shown on the lower left corner and center were cut from the same image to make a seamless view on the display. 

Setting the borders of adjacent tables to 0 pixel thickness could give a gapless joint between the contents of their adjacent cells, otherwise the contents may be set in the same cell if feasible.

One of the tables (coded tb#121-12) composed of 3 cells is shown below in an expanded view of the previously pictured layout. Cell #1 contains a 2-row table having a sub-menu table on its last row.

Cell #3 is used as buffer to close by colored cell unused spaces of the table (without buffer different or unattractive spacing arrangements for cell contents could happen despite cell specification with different browsers or their versions).

The cell with highlighted borders (Cell #2, with 3 entry lines for 3 links) is currently on focus for additional entry or modification. The entries (and links) are:

2 ways to modify cells of table

(1) dimensions may be set by dragging at cell aligned rulers located at    the design screen's top or sides (2) attributes including dimensions may be set    through appropriate entries on cell specification screen.
(1) dimensions may be set by dragging at cell aligned rulers located at the design screen's top or sides (2) attributes including dimensions may be set through appropriate entries on cell specification screen.

All necessary webpages required for a website may be partitioned with tables only, and a simple way to do that is to just copy the HTML file of a completed webpage to another file name then make appropriate changes on the new file using a WYSISWYG HTML editor.

Webpages mostly may be published through regular hosting companies (either on paid or on free terms), although there also may be the less regular ones that might have similar functions.

Availability of domain name may differentiate a regular host from the irregular, with characteristic differences in webpage handling for the respective websites, to wit:

1. With regular publication, a special webpage may be parent file or homepage with a standard file name like "index.html" in a folder of the hosting company's server computer.

The standard parent file is accessed first when the website's URL is browsed.

Webpages may be developed offline then uploaded or updated to regular hosting servers.

2. The irregular setup may somewhat be different by use of what is sometimes called a "flashpage" for all webpages of the website.

With the setup, the website's component webpages including homepage if any might be published through one or more (if need be) affiliate companies that include flashpage hosting services with their main line (1 or more flashpage per member provided free by some companies).

The website may not have its own domain name, but could have similar or almost similar value and utility.

Still another drawback for irregular websites may be limited facility of hosts to upload images. The needed images might be referenced from other sites (with the upload facility and/or available images) if the resulting displays are satisfactory enough.

HTML from webpages previously developed offline may be updated to online flashpages with modifiable HTML.

Resources / notes...

1. "KompoZer" development notes...

After a table is inserted in a cell, the cursor is at a position where additional data may be inserted. The position may be deleted with the "Delete" key, otherwise the cell could show a gap.

A table and contents may be copied and inserted from one cell to another (in "Design View") by highlighting the borders of table cells to be copied and using the main menu options "Edit" > "Copy", then pasting to the new position with "Edit" > "Paste".

2. WYSISWYG HTML editors may be downloaded free from the internet; any of the following suggested search keywords may be used in search engine boxes: "KompoZer editor", or "free HTML editor WYSISWYG".

3. Directory companies for free hosting sites may be searched by the suggested keywords "directory for free hosting site".

4. Free hosting sites may directly be searched by the suggested keywords "free hosting site".

5. Two samples of sites partitioned through the table utility of their WYSISWYG HTML editors (KompoZer) are in the 2 links at the end under "Related links" titled "Hubs and article selections" and "Electrical mechanics of Water dowsing".

The HTML source code generated by KompoZer for these 2 webpages may be viewed in the "View" option at the main menu of the browser that displayed the site).

More by this Author


Comments

No comments yet.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working