Web Design with XHTML, HTML and CSS
Course Description
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).
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.
Course Content
Lesson 1: Getting Started
- Course software
- What is HTML?
- Getting started with tags
- How to save and view web pages
Lesson 2: Basic HTML 5 Tags
- Basic HTML template and Heading Tags
- Paragraph and Break tags
- Bold and Italics and HTML List
Lesson 3: Getting started with CSS
- CSS rules
- Where to put your styles
- Using CSS selectors
- Inline and Embedded stylesheets
- CSS and Fonts, Font colours and sizes
- Styling Fonts
Lesson 4: Dealing with Images
- Types of Images
- Inserting Images
- Images and CSS
- Text wrapping with CSS
- CSS and image borders
- Background Images
- Adding captions to images
Lesson 5: Linking to other pages
- Hyperlinks
- External stylesheets
- HTML 5 lists and nav bars
Lesson 6: CSS Layouts
- The Box Model
- CSS Comments, Positioning and Floats
- A one column CSS layout
- Styling HTML 5 tags
- A two column CSS layout
Lesson 7: HTML 5 Tables
- Introduction to tables
- Row and Column span
- Table alignment, colour, images
Lesson 8: HTML 5 Forms
- Form Tags, Textboxes, Submit and Reset
- Formatting Textboxes with CSS
- Labels, Textareas
- Option buttons and Checkboxes
- Passwords, hidden fields
Lesson 9: Getting your site on the Internet
- Websites and Domain Names
Lesson 10: HTML 5 and CSS Reference
- HTML 5 Tags
- CSS Tags