Mal's Web Madness

A basic tutorial on building websites with PHP


Introduction
The Web Page Files
Let's Start
Making It Work
Making More Pages
Making Links
Making Things Sexy

Jazzing up your website

Where PHP is PRACTICAL, CSS is SEXY.

This tutorial is on PHP, not CSS, so I'll just give you a taste of it and encourage you to learn more about it and experiment... while I am learning more about PHP!

Bring on the cosmetics...

1. Open a new notepad file
2. Type:

BODY { background: red; }
P { color: green; }

3. Save the file as styles.css

4. Open head.inc in notepad.
5. Above </HEAD> type:

<LINK REL="Stylesheet" HREF="styles.css" TYPE="text/css" MEDIA="All">

Save it.

6. FTP styles.css and the new head.inc to your server.
7. Point your browser to index.php again

As you can see, all you have to do to change the entire look and feel of your website is to change the bits and pieces in styles.css... what could be easier?

There are now only three lines of code preventing your website from being fully compliant with HTML4.01 Transitional. To show everyone how expert you are, add the following 2 lines to the very top of your head.inc file:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

and the following line below <HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

For your own self esteem, test your page at validator.w3.org

See if you get one or both of these...

Valid HTML 4.01!

Valid CSS!