DOL Network - HTML 2

HTML 2

Author: Christopher Chong

Publish Date: 2002/09/01

Welcome to the HTML 2 course. It is assumed that you have completed the Introduction to HTML (webs100) course as it builds upon previous knowledge and techniques. Topics in this course will expand your development skills in building a website by adding layout, functionality, and creativity.

A few things to note before we start the course:

Throughout the sections of this course, there will be many examples as well as source and result code. To try these, we have provided a special form where you can input HTML code and the results will display with a simple click of a button. To activate the form, simply click the link on the left menu bar that says "Try Your HTML!"

As some of the example code is long, you may choose to input your code in a text editor (i.e. Notepad) and view the file in the browser.

At the end of most sections, there will be a project assigned. Some of the projects are interconnected and build upon each other, thus they should be completed in order. To ensure that you are completing your assignments correctly, we have also provided a solution file for you to download and compare.

Topic highlights :

-- Backgrounds
-- Tables
-- Advanced Hyperlinks
-- Forms
-- Adding sound to your webpage
-- Frames
-- Introduction to Cascading Style Sheets (CSS)
-- Introduction to JavaScript

	chapter 1 Enhancing your Web Page: Backgrounds You have probably come across many websites and have noticed a background color or a background graphic on the page. This is a very easy feature to add, but will enhance the look of your website tremendously! Remember back to the beginning of the HTML 1 course. Does the <BODY> tag ring a bell? This tag encapsulates all the viewable information in a web page
	chapter 2 Tables A table is defined by rows and columns. Rows are the horizontal sections of the table (left to right) and columns are the vertical sections of the table (up and down). Whenever a row and column intersect, a cell is created. A cell is the area used to hold information. You can think of it as a grid.
	chapter 3 Advanced Hyperlinks In the HTML 1 course, we learned how to create hyperlinks which allowed us to link one webpage to another. In this chapter, we will learn two new hyperlink techniques that will allow you to add more innovation to your web pages. If you need a refresher on hyperlinks, please refer back to Chapter 7 in the HTML 1 course.
	chapter 4 Forms A form is an interactive method that allows a user to enter information into your webpage and for you to collect it. To fully make a form work, you need to use the form in conjunction with a program called a script. A script is a program (written in a language such as CGI, PHP, or ASP) that handles the information being collected and processes it (i.e. saves it to a database, sends an e-mail).
	chapter 5 Adding sound to your webpage Implementing sound into your web pages can add a whole new dimension for your audience. You can now partner audio with your visual creations! Although sound is powerful feature that can be added to web pages, web designers must be careful not to get too carried away with sound as it may end up turning your viewers away. Sound files can be large and take along time to load. This can be an issue with slower Internet connections.
	chapter 6 Frames Using Frames has been debated by web designers; some like them, some don't. We will discuss them here, show you how to implement them and let you be the judge!
	chapter 7 Introduction to Cascading Style Sheets (CSS) This chapter is an introduction to Cascading Style Sheets. We will discuss the benefits of using the different types of stylesheets, how to implement them, and get you started with the most commonly available styles.
	chapter 8 Introduction to JavaScript This chapter is an introduction to JavaScript. It is important to emphasize that this is an introduction only and JavaScript is a course on its own. What we are trying to accomplish is to familiarize you with the structure of JavaScript code, where it goes in an HTML document, and give you an idea of what it can do.