IT3501: Web Development Techniques Programming - PowerPoint PPT Presentation

1 / 28
About This Presentation
Title:

IT3501: Web Development Techniques Programming

Description:

Our presentation is mainly aimed at giving you a fair idea on what to learn ... width , height , colspan , rowspan , align , valign , and bgcolor Attributes ... – PowerPoint PPT presentation

Number of Views:37
Avg rating:3.0/5.0
Slides: 29
Provided by: Web130
Category:

less

Transcript and Presenter's Notes

Title: IT3501: Web Development Techniques Programming


1
IT3501 Web  Development Techniques Programming
2
Brief Syllabus
(3) The Hyper Text Markup Language (HTML)
3
  • Our presentation is mainly aimed at giving you a
    fair idea on what to learn about HTML (section
    03) for the BIT exam.

4
All exam questions will be based on the following
standards
  • HTML version 4.01 (Section 03)
  • JavaScript 1.3 (Section 04)
  • Perl 5 (Section 05)

5
It is Also assumed that
  • An NCSA or CERN type http server is used for
    CGI programming
  • All outputs or web pages are viewed using
    Internet explorer 5.0 or Netscape 4.7 or higher
    versions

6
Anatomy of an HTML file
What you should know
  • The use of the following tags to create a simple
    html page
  • lt html gt
  • lt head gt
  • lt title gt
  • lt body gt

7
Basic Page Markup - Text Basics
What you should know
  • How to manipulate text in an HTML page using,
  • lt h1 gt , lt h2 gt , lt h3 gt lt h6 gt
  • lt p gt ,lt b gt , lt u gt , lt i gt ,lt br gt ,lt hr gt ,
    lt align gt tags
  • The use of comments tag
  • lt! this is a comment -- gt

8
How to include Hypertext links on a page
What you should know
  • What is a Hypertext Link
  • Absolute (http//www.cmb.ac.lk/home_news/news.htm
    )
  • and Relative links ( /map/university.htm )
  • Use of the anchor tag lt a gt

9
(No Transcript)
10
(No Transcript)
11
Lists in HTML
What you should know
  • How to create
  • Unordered Lists lt ul gt
  • Ordered Lists lt ol gt
  • Definition Lists lt dl gt
  • The use of lt li gt tag in lists and its type
    attribute
  • And
  • How to create Nested Lists

12
(No Transcript)
13
(No Transcript)
14
(No Transcript)
15
(No Transcript)
16
(No Transcript)
17
Embedding Images and Controlling Appearance
What you should know
  • Different graphic file formats used for web
    development
  • (Eg JPEG, GIF, PNG formats)
  • Their advantages and disadvantages
  • How to include an image in an HTML document using
    the ltimggt tag
  • How to crate an image map using the ltmapgt tag

18
Tables Cells
What you should know
  • The use of tables in an HTML page
  • To format the page
  • As a navigational aid etc.
  • Creating a simple table using
  • lttablegt , lt td gt, lt tr gt , lt th gt , lt caption gt
    tags
  • How to use
  • cellpading , cellspacing , border , width ,
    height , colspan , rowspan , align , valign ,
    and bgcolor Attributes

19
(No Transcript)
20
(No Transcript)
21
(No Transcript)
22
Frames
What you should know
  • The use of frames in site designing
  • How to use the
  • ltframesetgt , lt frame gt , lt noframe gt tags
  • Use of ,
  • src , cols , rows attributes
  • The use of ,
  • target attribute for the lt a gt tag
  • How to create nested frames

23
Meta Tags
What you should know
  • The Importance and use of the
  • lt meta gt tag
  • The use of
  • content
  • name
  • http-equiv attributes

24
Forms
What you should know
  • Creating a form using the ltformgt tag
  • action attribute and
  • method attribute
  • lt input gt tag
  • type , name and value attributes and the values
    they take

25
What you should know
  • How to create the following controls
  • Buttons
  • Checkboxes
  • Radio buttons
  • Text boxes
  • Submit and Reset Buttons
  • Creating a combo box (pull down menu box) with
  • ltselectgt tag

26
The Books Recommended for This Module
  • HTML XHTML
  • The Definitive Guide
  • By
  • Chuck Musciano
  • Bill Kennedy and
  • Mike Loukides
  • XHTML Black Book
  • By
  • Steven Holzner
  • Beginning XHTML
  • By
  • Frank Boumpry

27
  • Our E-mails
  • Mr.Gihan Seneviratne
  • gihans_at_cmb.ac.lk
  • Mr.Haren Kodagoda
  • haren_at_cmb.ac.lk
  • Department of Computer Science
  • University of Colombo

28
Web Site www.ict.cmb.ac.lk/bitweb/coursestru/IT
3501syl.htm
Write a Comment
User Comments (0)
About PowerShow.com