8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 1/16

 WEB DEVELOPMENT.

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

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 2/16

Introduction: Myself, you and subject.

Purpose of learning this subject.

Syllabus.

CONTENTS«..

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 3/16

1. Introduction: Myself.

�

Name: M. Masroor Hussain.� Assistant Professor

� Computer Science Department.

� Teaching computer science subjectsfor the last 15 years.

� Also teaching operations

management subjects.

Myself Masroor Hussain [VP Session Fall2007]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 4/16

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 5/16

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]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 6/16

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 additionalinformation and means of understanding it by

providing links.

Hypertext are the main contents of a web page.

Hypertext Masroor Hussain [VP Session Fall2007]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 7/16

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]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 8/16

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]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 9/16

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]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 10/16

6. Web Development in a nutshell.

Subject Masroor Hussain [VP Session Fall2007]

A web server

Your

computer

Request a web page f rom an

outer source

Request a web page f rom aninside source

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 11/16

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/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 12/16

8. A brief starter with HTML.

Load the Windows notepad

StartProgramsAccessoriesNotepad

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/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 13/16

8. A brief starter with HTML.

Starter Masroor Hussain [VP Session Fall2007]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 14/16

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/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 15/16

8. A brief starter with HTML.

Starter Masroor Hussain [VP Session Fall2007]

8/6/2019 WD1 Introduction

http://slidepdf.com/reader/full/wd1-introduction 16/16

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

e.g.