Create basic web page to copy n paste - uses a HTML / CSS code generator

CSS template generator to make a 3 column w header n footer layout (tableless)

PHP CSS HTML code maker for an entire web site with 2 column w header n footer layout

CSS HTML form layout code maker n generator to create a colorful box around the form

Dynamic PHP Menu Code - uses SSI n PHP to determine current page - then modifies the menu to show which page is current

CSS tutorial for external style sheet CSS

Grade - rate a web site by design rules - tutorial on using design rules for a professional web site

Tutorial and Tips for site submission to search engines - meta tag descriptions

Shack BBQ Recipe for vinegar based sauce - also mustard base recipe

CDAI Crohn's Disease Activity Index to gauge progress or lack of progress associated with crohns disease

Personal Site - about John Prince

My Life on Lake Conway - retired John Prince

Site Map for all ibdhost ibdprince web sites - plus other client sites

Webmaster Tutorials - complete index of various free tutorials offered by ibdhost or clients

Hosted by IBDhost

Contact us form with tutorial to create a contact form that hides email address from spam robots

 

Footnote:
ArkiePrince
Semi-Retired
See Blog

Updated:
Oct 25, 2008

© 2002 - 2009

Valid XHTML 1.0!
Valid CSS!

Tableless Code Maker
with column layout

This HTML - CSS template generator yields a three column layout without using any Tables. This HTML & CSS Style Sheet template generator outputs a full featured 3 column template. Resulting in an instant web page with a customized template that can be used to control the look n feel of an entire site.

The resulting CSS web template is not just a static template because the visitor can modify setting until he/she is happy with the design. Therefore, the template generator serves as a full function HTML - CSS editor for the popular 3 column layout.

This is the perfect startup page for webmasters that are ready to move to a CSS column layout instead of the older (outdated) table layout.
(BTW: Here is a 'step back' to a very Basic Tutorial for a 'first HTML' page. More advanced users can move on to the full PHP Template (written) Tutorial or the PHP-HTML-CSS 2 column Template - Code Generator.

In this template generator, the user enters colors, size, width, banner, etc into a form that generates a complete template. After completion of the final design layout, the user will be able to copy n paste the HTML - CSS code to produce immediate results.
Variables include :

Bottom Line: By playing around with various input values and then viewing the source code it's possible to learn a lot about CSS column layouts. Then using the source code and making manual changes to the CSS settings will benefit the more advanced students.
'Latest' version of output includes W3C HTML validation, plus meta tags.
BTW: Here are: Browser Colors by name and Color Schemes that work.

Top Section

Height: px     Border: px     Color:
Banner Image:
  Width =
Note: Include the http:// - Remove URL to remove banner.

Left n Right Columns:

Left Width: px       Left Color:       Left Border: px
Right Width: px       Right Color:       Right Border: px
Set width = 0 to remove left / right column

Main Section n General Settings:

Color:       Border: px       Border Color:
Font size: px       Font Color:       Font Style: