Web Design with XHTML, HTML, and CSS Introduction

While using the Internet, you have probably encountered various attractive and useful websites, and you may have formed your own opinions of their capabilities and limitations. However, merely using the Internet will not give you an understanding of how these sites are created. In this course, you will examine the basics of foundational web technology and create your own functional web pages using markup languages such as Hypertext Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), and Cascading Style Sheets (CSS).

Once you know how to create a basic website, however, for your website to be successful, it must stand out from the crowd and attract visitors. In this course, you will also learn skills that will be instrumental in creating advanced web pages.

Course Objective: You will create and design web pages with text, graphics, and data tables. You will then link these web pages to enable navigation between these web pages. You will also create advanced web pages and test their validity.

Target Student: Web Design with XHTML, HTML, and CSS Introduction is intended for students who are interested in creating web pages and web sites using popular web publishing technologies. Students who want to learn web design for their personal use or for business related purposes will benefit equally.

It is also aimed at individuals interested in using these technologies to create advanced web pages and test their validity.

Prerequisites: You should be familiar with using personal computers with a mouse and keyboard and possess basic typing skills. You should be comfortable in the Windows environment and be able to use Windows to manage information on your computer. Specifically, you should be able to launch and close programs; navigate to information stored on the computer; and manage files and folders. Familiarity with Internet Explorer 7 and Firefox would be an advantage.

Delivery Method: Instructor led, group-paced, classroom-delivery learning model with structured hands-on activities.

Performance-Based Objectives - Upon successful completion of this course, students will be able to:

• create a basic web page.
• structure the content on your web page.
• apply styles to the page elements.
• create, modify, and format a table.
• link web pages.
• create web page layouts.
• manage CSS.
• test a website.
• create advanced navigation.
• incorporate meta-content and multimedia.

Course Content

Lesson 1: Creating a Basic Web Page

• Topic 1A: Introduction to Web Design and Development
• Topic 1B: Create a Basic Page Structure

Lesson 2: Structuring Content

• Topic 2A: Create Headings and Horizontal Rules
• Topic 2B: Control Text Flow
• Topic 2C: Create Lists

Lesson 3: Applying Styles Using CSS

• Topic 3A: Format Text
• Topic 3B: Format Lists
• Topic 3C: Format Images
• Topic 3D: Modify Page Background

Lesson 4: Working with Tables

• Topic 4A: Create a Table
• Topic 4B: Modify the Table Structure
• Topic 4C: Format the Table

Lesson 5: Linking Web Pages

• Topic 5A: Create Hypertext Links
• Topic 5B: Create Image Links
• Topic 5C: Create Email Links
• Topic 5D: Format Links

Lesson 1: Creating Web Page Layouts

• Topic 1A: Group Content
• Topic 1B: Create Box Layouts

Lesson 2: Managing CSS

• Topic 2A: Apply Advanced CSS Selectors
• Topic 2B: Create an External CSS
• Topic 2C: Apply a CSS to Multiple Pages
• Topic 2D: Apply Browser-Specific CSS
• Topic 2E: Provide Alternate CSS

Lesson 3: Testing a Website

• Topic 3A: Test Markup
• Topic 3B: Test CSS

Lesson 4: Creating Advanced Navigation

• Topic 4A: Create CSS-Based Menus
• Topic 4B: Incorporate Images in CSS-Based Menus
• Topic 4C: Create Image Maps

Lesson 5: Incorporating Meta-Content and Multimedia

• Topic 5A: Refresh and Redirect Pages
• Topic 5B: Link Media
• Topic 5C: Embed Media