Introduction: Design the layout and structure of your Web site

This tutorial demonstrates how to design a simple dynamic Web site.

Unlike a static Web site, a dynamic Web site can accept information from users, store it in a database, and change itself to display the new information. Dynamic Web sites make it possible to adapt content to the needs of each person using the site.

Learning Objectives

In this tutorial, you will learn how to create a Web site hierarchy, populate the hierarchy with Web pages, create and apply a Web page template to the Web site, and add dynamic navigation to the pages. While this tutorial is simplified for beginners, the principles and technologies it covers are also used in larger and more complicated Web sites.

Because each lesson builds on the lesson that precedes it, you should complete the lessons in numerical order.

Time Required

This tutorial should take approximately 60 minutes to complete.

Skill level

Beginner

Lessons in this tutorial

Lesson 1: Create a Web project
This lesson demonstrates how to create a Web project
Lesson 2: Design the structure of the Web site
This lesson demonstrates how to design the hierarchy of the Web site.
Lesson 3: Populate the Web site with Web pages
This lesson illustrates how to create Web pages from a Web site structure.
Lesson 4: Design the look and feel of the Web site
This lesson demonstrates how to design the look and feel of the Web site using a page template.
Lesson 5: Apply a page template to the Web site
This lesson illustrates how to apply a page template to the Web site so that all pages will have a consistent layout.
Lesson 6: Set up a Web site's dynamic navigation
This lesson illustrates how to set up the Web site's dynamic navigation.
Lesson 7: Running your Web site on a server
This lesson illustrates how to preview the Web site on a server.

< Previous | Next >

Feedback