PHP Web Design 101

The Most Powerful Way to Build Your Website



Elementary explanation of basic HTML - PHP website structure:
First defining DOCTYPES and META data then

Main 3 parts of every page:
HEADER header.php
FOOTER footer.php
SIDEBAR sidebar.php

connect together pages with main content
via php statement
PHP INCLUDE:

in at least one required
INDEX PAGE index.php

may add other pages of content with PHP INCLUDES of 3 main parts

Also gives good basic explanation of how to use CASCADING STYLESHEET, style.css,  to format entire site.

Lots of beginners tips to fix common problems like

Use MIN-HEIGHT when sizing the elements that aren't fixed height.
Zeroing MARGINS and PADDING for body selector.
Adding AUTOFLOW to get wrapping parent divs to stretch across floating child divs.
Add 'wrapper' class with AUTO MARGINS around each div you need to CENTER

Detailed explanation of how to style UNLIMITED LIST of links into a horizontal list for navigation with
DISPLAY:INLINE
TEXT-DECORATION NONE removes bullets
OVERFLOW:HIDDEN keep color from flowing beyond nav bar boundaries.

Additional videos on http://www.johnmorrisonline.com