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).
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.
Target Student: Web Design with XHTML, HTML, and CSS: Level 1 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.
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.
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
Appendix A: XHTML Character Entities
Appendix B: CSS Properties and Values