WEB DEVELOPMENT

INFORMATION & COMMUNICATION TECHNOLOGY

Information & Communication Technology

Grade 13

Competency Level 10.3:

Competency Level 10.3: Identifies appropriate HTML tags to design a single web page

Time: 04 periods

Learning Outcomes:

Analyses the arrangement of contents of a web page

Analyses the organization of contents in a web page

Creates a simple web page

Contents:

Building blocks of a web page

Page definition

<html></html>

Head section

<head></head>

<title></title>

Body section

<body></body>

Background color

Text formatting

<h1>…<h6>tags

<p></p>

<br/>

Underline, bold, italic

<font></font>

Size and color

Adding comments

Concepts and terms to be highlighted:

Appreciate that webpages are developed using HTML

Appreciate that HTML provide various tags to structure the web page

HTML

Tags

Comment

Attributes

Elements

Text editor (notepad, notepad ++)

Guidance for lesson plans:

Divide the student into group

Provide teacher developed simple web page to each group and ask the groups to observe the page source and make some miner editing and observe the corresponding out puts.

Discuss and introduce the building blocks of web page and tags.

Page definition

Head section

Body section

Formatting

Adding comments etc.

Ask student groups to construct simple webpage using a text editor. ( notepad is recommended)

Guidance for assessments and evaluations:

Provide the requirements of the web page and ask the student to develop an appropriate simple web page

Ex:- to develop a simple web page for student profile- name, address, education qualification etc. with his/her photograph

Quality inputs:

Computers with simple text editors, web browser, presentations

Competency Level 10.4:

Competency Level 10.4: Uses HTML to create linked web pages

Time: 16 periods

Learning Outcomes:

Explains hypertext markup language

Identifies the standards of HTML

Saves the source document with suitable extensions

Designs the web page by inserting appropriate multimedia objects according to user requirements

Organizes data using lists and tables in the web page

Links pages and multimedia objects to the web page

Contents:

Contents of a website

Home page

Linked pages

Hyperlink

Different sections of the same page(book mark)

Different pages of a same site(local link)

Pages of different sites (External link)

Lists

Ordered lists

Unordered lists

Definition lists

Image

Tables

<table></table>

<th></th>

<tr></tr>

<td></td>

<caption>

Merging columns and rows

Multimedia objects

Audio

Video

Concepts and terms to be highlighted:

To appreciate the structure of a composite website containing several webpages including list, image, table, etc. connected in a logical manner.

To appreciate the purpose of dividing into several logical pages and why and how there are connected using a hyperlink

Home page, link page, hyperlink

List, image, table

Multimedia objects (audio, video, animation)

Guidance for lesson plans:

Divide student into group

Ask the group to visit the suitable website given by the teacher and identify the different component (homepage, link page, list, hyperlink, table, multimedia contents, etc) in the site.

Discuss and describe each of component and their constructions.

Discuss the proper save methods with extension (.html, etc)

Guidance for assessments and evaluations:

Provide the partially completed page source and ask the student to complete appropriately to given web page(filling)

Provide requirements for a website and ask the students to develop a website accordingly (should include home page, hyperlinks, list, table, multimedia contents)

Quality inputs:

Computers with simple text editors, web browser, presentations

Requirement description

Information & Communication Technology

Grade 11

Competency level: 14.2Uses HTML basics

Time: Two periods

Learning Outcome:

Explains the use of basic tags in HTML.

Creates simple web pages using HTML.

 

Content;

  • Difference between hypertext and normal text.
  • Features of HTML
  • HTML document structure :Head, Title, Body
  • HTML basics
  1. Line and paragraph breaks
  2. Text: format and color
  3. Insertion of images
  4. Use of hyperlinks
  5. Lists
  6. Tables

 

Concepts and terms that need to be highlighted;

  • Single and paired tags
  • Use of more than one tag on single object

 

Guidance for lesson planning:

  • Let students open a webpage in the browser and view source code.
  • Guide them to identify main components in terms of HTML tags.
  • Let students view the source code of teacher created simple webpage.
  • Let them make changes to source code as instructed by the teacher.
  • Let students write HTML codes to make a webpage according to specifications.

 

Guidance for assessments and evaluations:

  • Provide students with a print out of a simple webpage and ask them to write the required HTML codes to create such a page.
  • Display a webpage and ask students to create a similar webpage using HTML.


MORE PAGES

Web development

Programming


Internet of Things