B.C.'s Energy College

Apply Now
WFTR541 - Web Page Design
Course Code:
WFTR 541

Calendar Description:
This is an Internet publisher-centric course intended for students with little or no HTML experience. This course familiarizes students with the HyperText Markup Language (version 4.01) and popular styles and conventions for creating attractive, effective Web pages and sites. In addition this course teaches students how to create Web sites using more advanced features of HTML 4.01. Students are exposed to frames, advanced frame layout, linking frames, tables, and formatting and nesting tables and much more.
Those who need to develop, publish, and maintain Web-based information will gain the most from this course.

Date First Offered:

Total Hours: 18
Seminars and Tutorials: 18

Total Weeks:

This course is offered online:

CE 35N Introduction to Basic Computer or equivalent or permission of Instructor

Non-Course Pre-Requisites:
Access to a personal Computer


Rearticulation Submission:

Course Content:
Part: 1
- Hypertext theory (linear vs. nonlinear information)
- Script language characteristics
- HTML tags (syntax, usage, and categories)
- HTML tag attributes
- Proper use of white space
- Lists (ordered and unordered)
- Character references (numeric and entity)
- Inline images
- Background colors and patterns
- Hyperlinks and anchors
- MAILTO URL anchors
- NAME anchors (“internal” links)
- The tag

- Advanced subject of frames
- Nesting frames within frames
- Mixing frame rows and columns
- Combining rows and columns (spanning)
- Linking frames
- Creating navigation bars with linked frames
- The frame NAME and TARGET attributes
- Introduction to tables and advanced tables subjects
- Colourizing and arranging data within table cells
- Creating page columns with invisible tables
- Table cell spanning and arranging cell data
- Nesting tables in tables and embedding lists in tables

Part: 3
- HTML Forms
- Form actions and methods
- Form field types
- Post methods
- Radio buttons, check boxes, drop-down lists, hidden elements, images, password entry boxes
- Posting forms to CGI programs
- Image Maps
- Client-side image maps
- Server-side image maps
- Image map automation software
- Cascading Style Sheets (CSS)
- Style sheet syntax
- Style sheet attachment methods
- Selectors and properties
- Colour, border, and background styles

Learning Outcomes:
Upon successful completion of this course, students will be able to create a working web page. They will also have been exposed to and have a thorough understanding, via lecture and hands-on exercises, of the following topics:

- Define hypertext theory (linear vs. nonlinear information)
- Use Scripting language characteristics
- Utilize HTML tags (syntax, usage, and categories)
- Utilize HTML tag attributes
- Use of white space properly
- Create lists (ordered and unordered)
- Use Character references (numeric and entity)
- Use Inline images
- Use and change background colours and patterns
- Use hyperlinks and anchors
- Use MAILTO URL anchors
- Use NAME anchors (“internal” links)
- Define and use the tag
- Define: Frames
- Display Multiple HTML Documents on a Single Page with Navigation Bars
- Diagram the Anatomy of Frames
- Utilize the relationship between Parent Frame and Child Frame Documents
- Use Tag
- Define column and row attributes
- Define the Number of Rows or Columns
- Use Tag
- Define Advanced Frame Layout
- Demonstrate three methods of combining rows & columns
- Put rows + cols in a Single Tag
- Use Nesting Frame Sets
- Modify Frame Appearance & Functionality
- Use HTML extensions for frames
- Create Browser Support
- Create border Attribute
- Create border colour Attribute
- Create frame border Attribute
- UseAdd Content...
Home   |   About NLC   |   Admissions   |   Programs   |   Services   |   Student Life   |   News & Events   |   Contact Us