Web Authoring 1

What am I learning:

In this unit you will be introduced to HTML which is used to create web pages. You will learn the basic structure of a web page and learn how to create elements in web pages using HTML with some CSS.

1. Intro to HTML

This activity will introduce you to databases. You will learn the following:

All: understand that HTML is used to create webpages
Most: understand that web pages use tags <> and be able to create opening and closing tags
Some: independently create a site/root folder and create a HTML document

1. Intro to HTML

This unit will involve you familiarizing yourselves with the software. One of the best ways is to actually start coding using HTML.

Download the worksheet, open Web Expression 4.0 (Free to download at home) and follow the instructions.

2. Formatting a webpage (using HTML)

This activity will introduce you to formatting a web page using HTML. You will learn the following:

All: be able to add formatting to a webpage
Most: be able to add bold <b>, underline <u> and color <font color> to a web page
Some: be able to add additional formatting features.

2.1 Formatting activity

In this task involves learners using HTML to format elements in a web page. The element include colour, underline, bold etc.

3. HTML Lists

This activity will introduce you to database forms. You will learn the following:

All: know that numbers lists are called ordered lists and bullet lists are called unordered lists

Most: be able to create a list using the <ol> and <ul> and <li>

Some: be able to create a list independently using <ol> and <ul>

3. HTML Lists

In this task involves learners creating lists using HTML.

Note: you will be asked to write by hand the HTML for numbered lists and bulleted lists.

4. HTML Tables

This activity will introduce you to tables in HTML. You will learn the following:

All: understand that a table has 3 tags <table>, <tr> & <td> (table row and table data)
Most: understand that he <table> is a container that holds <tr>
Some: understand that <td> is always placed within the <tr>

4. HTML Tables

You will be asked to write the HTML code for tables. Remember that the <table> tag holds rows <tr> which in turn hold the cells/table data <td>.

Remember that in your assessment you will be asked to write out the HTML for a given table. Make you are clear about how tables are made.

5. HTML advanced Tables

This activity will introduce you to tables including merging cell in HTML. You will learn the following:

All: will be able to create a table using <table>, <tr> & <td>
Most: will be able merge rows and columns using <td colspan=“?”> and <td rowspan=“?”>
Some: will be able to create table with merged rows and columns independently

5. HTML advanced Tables

In this activity you will learn how to merge cells using <td colspan=" "> and <td rowspan=" ">.

6. Inserting images

This activity will introduce you to tables in HTML. You will learn the following:

All: Know that the <img src=“?”> is used to enter images
Most: be able to inserts images and change height and width properties
Some: understand meaning of image maintaining aspect ratio

6. Inserting images

Download images below

This task involves learners using HTML to add images. You will also edit other features such as image size, alternative text and understand what is meant by aspect ratio.

Page updated

Google Sites

Report abuse