Web Design with XHTML, HTML, and CSS Course

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, learn skills that will be instrumental in creating advanced web pages, and learn how to apply the best practices of Web design to create your own web site that enhances the usability and interactivity of the web page/site, using markup languages such as Hypertext Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), and Cascading Style Sheets (CSS).

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 create advanced web pages and test their validity and you will create forms and apply advanced CSS styles. You will then perform search engine optimisation, make it accessible to users and then publish websites.

Target Student: Web Design with XHTML, HTML, and CSS is intended for students who are interested in creating web pages and web sites, enhancing the usability, interactivity and professionalism of the web pages/sites and optimising the websites to achieve better search engine results using popular web publishing technologies.

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.
• corporate meta-content and multimedia.
• create forms.
• create advanced styles and page layouts.
• optimize a website for accessibility.
• optimize a website for search engines.
• publish a website.

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.

Topics covered on the 3 day Web Design with XHTML, HTML, and CSS course

Course Content: Day 1

Creating a Basic Web Page

• Introduction to Web Design and Development
• Create a Basic Page Structure

Structuring Content

• Create Headings and Horizontal Rules
• Control Text Flow
• Create Lists

Applying Styles Using CSS

• Format Text
• Format Lists
• Format Images
• Modify Page Background

Working with Tables

• Create a Table
• Modify the Table Structure
• Format the Table

Linking Web Pages

• Create Hypertext Links
• Create Image Links
• Create Email Links
• Format Links

Course Content: Day 2

Creating Web Page Layouts

• Group Content
• Create Box Layouts

Managing CSS

• Apply Advanced CSS Selectors
• Create an External CSS
• Apply a CSS to Multiple Pages
• Apply Browser-Specific CSS
• Provide Alternate CSS

Testing a Website

• Test Markup
• Test CSS

Creating Advanced Navigation

• Create CSS-Based Menus
• Incorporate Images in CSS-Based Menus
• Create Image Maps

Incorporating Meta-Content and Multimedia

• Refresh and Redirect Pages
• Link Media
• Embed Media

Course Content: Day 3

Creating Forms

• Create a Form with Basic Form Elements
• Add Advanced Form Elements
• Enhance a Form's Appearance Using CSS
• Form Submission

Creating Advanced Styles and Page Layouts

• Create Complex Page Layouts
• Create a Box Layout with Rounded Corners Using CSS
• Create Advanced Styles Using CSS

Optimizing a Website for Accessibility

• Create a Breadcrumb
• Construct a Website with Accessibility Features
• Optimize a Website for Display on a Mobile Device

Optimizing a Website for Search Engines

• Make a Website Search Engine Friendly
• Create a Site Map

Publishing a Website

• Make a Website Printer Friendly Using CSS
• MIME Type Identification
• Test a Site on a Local Server
• Publish a Site on a Remote Server