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:
Jul 09, 2008

© 2002 - 2009

Valid XHTML 1.0!
Valid CSS!

CSS HTML Code Maker
Quick Start for Newbies

This Basic CSS HTML editor / generator can be used to make a very simple starter page - or an extremely basic 'hello' page (by removing all input in the form :). After a visitor sees the code for a basic page, they can advance to more tutorials, such as Basic HTML (How to Tutorial); Simple CSS Template Tutorial; PHP CSS Template Code Generator; PHP Template Tutorial, etc. etc. (as shown on More Tutorial Site.

IOHO: Steps (1) Click 'generate' (2) View source code (3) Use 'Back' and remove default info - for very basic page (4) Fill in form - one at a time (5) View source - learn as you go:

Title:       Heading:
Keywords (separate with space):

Brief Description:

Banner Image:
Background Image:
Background color:       Font Color:
Link Hover Color:       Note: Colors by name
Font Size:       Font Family:
Image in Page:
Text in Page:

Purpose of This Generator:

This HTML - CSS basic template generator yields a simple starter page for newbie's. This HTML & CSS Style Sheet basic template generator makes use of simple / plain HTML tags along with basic css (style sheet) code.

Using a form to generate the basic template allows the visitor to modify setting until he/she is happy with the design. Therefore, the template generator serves as a full function HTML - CSS editor for a newbie's first page.

Then by reviewing the code for this simple page, a newbie gets a 'jump start' on learning how to code a web page from scratch. In other words, they start learning HTML and CSS code just by reviewing the code in the basic template.

Bottom Line: By playing around with various input values and then viewing the source code it's possible to learn a lot about basic HTML code. By viewing the source code, a student will learn as they make changes to the code.

'Latest' Improvement: W3C validation tag info, noarchive meta tag, meta tag keywords for search engines