WEB DEVELOPMENT.

An Introduction.
Masroor Hussain.
[WD Session Fall 2007]
CONTENTS…..

Introduction: Myself, you and subject.

Purpose of learning this subject.
Syllabus.
1. Introduction: Myself.
• Name: M. Masroor Hussain.
• Assistant Professor
• Computer Science Department.
• Teaching computer science subjects
for the last 15 years.
• Also teaching operations
management subjects.

Myself Masroor Hussain [VP Session Fall2007]

2. Introduction: Students.
• Name:
• Educational background.
• Why study computer sciences?
• Future ambitions.
• Expectations from the teacher.

Students Masroor Hussain [VP Session Fall2007]

3. Introduction: The Subject.
• What is web?
• Web, WWW, Internet.
• Information sharing medium.
• Education & General Information.
• Entertainment & Show biz.
• Movies, games, music, etc.
• News: Business, weather, sports, etc.
• Commerce & Business
• Ecommerce, B2C, B2B, etc.
• EBay, Amazon, etc.
• Government.
• www.pak.gov.pk, www.usa.gov, etc.
• Egovernment.
• Personal.
• www.ALI.COM Muhammad Ali Boxer.
• Community.
• E.g 50states.com
• Monster.com, shaadi.com, etc.

Subject Masroor Hussain [VP Session Fall2007]

4. What is a Hypertext?
Text: A sequence of alphabets and/or digits.
A page in a book contains text.
It may also contain images or pictures.
The text and images in a book are static.
The only information from a text is its meaning
as you read and understand it.
Hypertext.
A special kind of text which provides additional
information and means of understanding it by
providing links.
Hypertext are the main contents of a web page.
Hypertext Masroor Hussain [VP Session Fall2007]
5. Markup languages and HTML?
A markup language is a computer language.
It is not a programming language.
A markup language consists of elements
that contain data as well as additional
information about the data.
The additional information controls how a
browser should render the output.
The additional elements are known as tags.

Continued on next page 

HTML Masroor Hussain [VP Session Fall2007]
5. Markup languages and HTML?
HTML.
Abbrev: Hyper Text Markup Language.
A markup language introduced by the W3C.
It is used to render hypertext and image output.
We need a web browser to run HTML.
Choices: IE, Netscape, Fire Fox, etc.

W3C: Word Wide Web Consortium.

HTML Masroor Hussain [VP Session Fall2007]

6. Web Development in a nutshell.
• What is web development?
• Client side development.
– Webpages: personal, testing.
• Server side development.
• ASP, PHP, CSP, JSP, CGI (Perl), etc.
Development tools:
MARKUP languages.
HTML, DHTML,etc.
Scripting
Javascript, Vbscript, etc.
Syllabus: WebDevelopment_Fall2007.doc
Subject Masroor Hussain [VP Session Fall2007]
6. Web Development in a nutshell.

A web server

Request a web page from an

Request a web page from an inside source
outer source

Your
computer

Subject Masroor Hussain [VP Session Fall2007]

7. A peek into HTML.
Load your favorite web page into the browser.
Use the view source option.

Peek it Masroor Hussain [VP Session Fall2007]

8. A brief starter with HTML.
Load the Windows notepad
StartProgramsAccessoriesNotepad
Type the following and save it as a file.
Name the file as first.html.
Load the file in a web browser.
hello how are you?
Rashid is fine
<h1>
Akram is fine
<h2>
Sohail is fine
<h3>
Abrar is fine

Starter Masroor Hussain [VP Session Fall2007]

8. A brief starter with HTML.

Starter Masroor Hussain [VP Session Fall2007]

8. A brief starter with HTML.
Make the following changes.
Load the file in a web browser.

hello how are you?<br>

Rashid is fine
<h1>
Akram is fine
<h2>
Sohail is fine
<h3>
Abrar is fine

Starter Masroor Hussain [VP Session Fall2007]

8. A brief starter with HTML.

Starter Masroor Hussain [VP Session Fall2007]

Practice Work.
Write a web page that displays your C.V.
e.g.