wd1 introduction
TRANSCRIPT
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.