Introduction to Web Development

Course Number: 

This course introduces students to designing and coding a multipage Web site. Topics include an overview of the internet and Web addressing, coding valid HTML and CSS, design principles, implementation on a server, and use of Web development software. The use of hyperlinks, graphics, and multimedia in Web pages will be covered.

  • To understand what the Internet is, how browsers display Web pages, and the components of a URL.
  • To develop the skills to create a basic Web site using valid HTML (Hypertext Markup Language) tags, CSS (Cascading Style Sheets), graphics, and links.
  • To understand design principles as they relate to Web page design.
  • To understand how to search for, use, and manipulate a variety of digital resources, and the legal implications of their use.
  • To learn how to use a popular Web development application (such as Expression or Dreamweaver) to create Web pages that contain advanced styles (CSS), multimedia, and Web-based forms.
  • To develop the writing skills needed to present information on a Web page in a clear, concise and organized manner.
  • To develop the technical reading skills needed to understand technical materials such as books, journals, and manuals related to Web development.

1.0   Introduction to the Internet

      1.1      Internet browsers addressing

      1.2      Internet addressing and URLs

2.0   HTML Standards and code validation

3.0   HTML/XHTML tags and styles

        3.1      Basic Web structure

        3.2      Head and body tags

        3.3      Text blocks

        3.4      Basic CSS style properties

4.0   Hyperlinks

      4.1      External Web pages/sites using relative/absolute URLS

      4.2      Internal links

5.0   Graphic images

      5.1      Locating digital resources and related copyright issues

      5.2      Modifying images for the Web

      5.3      Alt and Title attributes for accessibility

6.0      Creating basic tables

7.0      Posting your files to the WWW

8.0      Web page design principles

9.0      Basic features of Web development software applications

10.0    Using Web development software to generate CSS styles and positioning

11.0    Using tables to organize hard-coded data

12.0    Incorporating multimedia resources such as videos, sound, and scripts

13.0    Creating and processing forms using a CGI

Learning Outcomes: 


At the completion of this course, students will be able to:

Assessment Method

  1. Explain how Web pages are displayed in a browser.

Assignments and exams

  1. Identify the components of a URL address.

Assignments and exams

  1. Create basic Web pages using valid HTML and CSS.

Assignments and exams

  1. Create a multi-page Web site incorporating graphics and hyperlinks.

Assignments and exams

  1. Use validation tools to recognize valid HTML code and correct invalid code.

Assignments and exams

  1. Identify and demonstrate the principles of good Web site design.

Assignments and exams

  1. Identify appropriate search terms to locate specific resources and recognize keywords to improve or narrow search results.

Assignments and exams

  1. Incorporate appropriately displayed graphic elements in Web pages.

Assignments and exams

  1. Identify legal and copyright issues related to the use of digital resources.

Assignments and exams

  1. Develop a standards-compliant Web page using a Web development (WYSIWYG) application.

Assignments and exams

  1. Create a Web site generated by a WYSIWYG Web page application that incorporates user-defined, inline, embedded, linked and external style sheets, container elements, and CSS positioning.

Assignments and exams

  1. Create a Web site that incorporates multimedia, video and scripts.

Assignments and exams

  1. Create a Web site that includes a Web form.

Assignments and exams

  1. Process form data using a CGI script.

Assignments and exams

  1. Create well-written Web page content.

Assignments and exams

  1. Read printed and on-line technical materials and use these materials to develop Web pages.

Assignments and exams




  • HTML and XHTML: Comprehensive, Patrick Carey. Thomson/Course Technology, 2005.