Home » The tutorial

Tutorial

These are the postings from the original tutorial.   If you follow through from the first to last post you will see an entire photography web site built from the original layout through contact forms, portfolios, a pricing page, and finally a finished site.

Meet Bob
Meet Bob. This is where we start our web site discussion.

A little PHP
A little bit of simple PHP to make our life easier later

The First Update
The first update is going to be an easy one.

Anchor Tags
Before we go too much further we need some basic HTML

Adding Images
Yeah, Bob's a photographer and is going to need images on his site

Registering your domain
Domain registration is one of the most confusing parts for new builders. It really doesn't have to be.

The CSS Cascade
The C in CSS stands for Cascading. Why?

Changing Fonts
A quick tip on how to change the fonts for the entire page

The Title Tag
In our first posting we skimmed over the title tag. But, it's such an important part of your site that we must go back and touch on it again.

DOCTYPE
What is it and do I have to use it?

Meeting again with Bob
We need to meet with Bob to get his approval on the design and find out what he wants on his site

Adding Pages
Bob's site needs to be more than one page

Random Images
Bob wants his index page to show a random image.

Random Quotes
Bob wants to put quotes from previous clients on his site

The Pricing Page
Probably the shortest lesson here - how Bob changes the pricing page

Styling the navigation links
Bob doesn't like the plain blue links in the navigation panel

Contact Page Script
Bob needs a way to for visitors to contact him. We'll use a contact script

The Portfolio Pages
Obviously Bob needs to show some samples

And We're Done!
Congratulations, you made it to the end

 

Content managed by the Etomite Content Management System.