Step 3: Implementing the design

Let’s see where we are. You’re building a static Web site. You’ve made a framework for the site.

What you have made

You have an information architecture. You know what the sections of your site will be, and what pages are in those sections.

(img)

You have a layout. You know how pages will be put together.

(img)

You have made some choices about typography. You know what typefaces you’ll use, how large headings will be, and so on.

(img)

You’ve chosen some colors. They invoke the mood you want.

(img)

You’ve made some graphics. You’ve got some photos, images for buttons, and so on.

(img)

That’s a lot of stuff! And it will make the rest of your work easier.

The final steps

Now it’s time to use these pieces to make a site. There are three steps.

First, you need to decide on a file layout. It’s a directory tree of the site on the Web server.

Second, you create a template. It’s a file that is a skeleton for an HTML page.

Third, you use the template. You copy it, and fill in the content for a page. Copy the template, make another page. Copy the template, make another page. Until the site is done.

Oh, I forget a step. Make time to savor your achievement. Maybe it’s a cookie and some extra frisbee time. Maybe it’s par-tee, par-tee! Whatever suits you.

Onward! To glory!


Lessons

User login


Dogs