Creating your first website – Part 3: Adding content to pages

Locate your files and review your task

In this tutorial, you'll begin with the table-based page layout (index.html) you created in Part 2: Creating the page layout. If you did not complete that tutorial, you can either complete it before proceeding or else open the finished version of the tutorial and begin with that.

The finished version of the tutorial, table_layout.html, is located in the completed_files folder, within the cafe_townsend folder that you copied to your hard disk in Part 1: Setting up your site and project files.

Note: If you begin this tutorial with the completed table_layout.html file from Part 1 instead of the index.html file from Part 2, some steps and illustrations in the tutorial will not match what you see on your screen.

Your task is to add assets to the home page for Café Townsend, a fictional restaurant. You'll learn how to add images, a Flash file, a Flash video file, and text. Figure 1 shows what the finished page will look like.

Figure 1. Final page after you have entered content into it

You'll notice that the text on the page is not yet formatted. That's because you'll learn how to format the text by using cascading style sheets (CSS) in the next tutorial.

You can find the required assets for this tutorial in the cafe_townsend root folder that you copied to your hard drive in Part 1: Setting up your site and project files. If you didn't complete that tutorial, you must do so before you proceed. The tutorial lets you know exactly where to find the assets as you go along.

Page 2 of 8

Previous Page

Next Page