Lesson1 Last

Preview:

DESCRIPTION

for internet applications

Citation preview

Introduction to the Internet

إعداد أ / أحمد العنتري 1

Lesson 1& 2What is the internet

Subject: InternetInstructor: Ahmed Al_Antari

E-Mail :. .ahmed alantary@yahoo comFacebook: www.facebook.com/ahmed.alantaryMobile : 777148319Department: Internet and Graphics 2nd YearSana’a Community College

إعداد أ / أحمد العنتري2

Introduction to the Internet

3

Hint..!

إعداد أ / أحمد العنتري

What is the Internet?…

إعداد أ / أحمد العنتري4

Definition

It connects…•Academic

•Governmental

•Commercial•Organisational

…sites in order to share information.

إعداد أ / أحمد العنتري 5

Internet Services

Direct Communication

Online Conferencing

Distributed Information Resources

File Transferإعداد أ / أحمد العنتري 6

History

إعداد أ / أحمد العنتري 7

Did you know? The foundation of the Internet began in 1969, when the US Department of Defense created ARPAnet, a project to allow military personnel to communicate with each other in an emergency.

By 2011, the number of Internet users worldwide reached 2 billion—over one quarter of the world's population.

8

History

إعداد أ / أحمد العنتري

History

•University of California at Los Angeles

•University of California at Santa Barbara

•Stanford Research Institute

•University of Utah

ONLY FOR EXPERTS

إعداد أ / أحمد العنتري 9

Evolution

1970’s Protocols (eg: ftp)

Early 80’s NewsgroupsE-Mail

Late 80’s ARCHIEWAIS

1991 GOPHERWWW

إعداد أ / أحمد العنتري 10

A Network : is a group of two or more computer systems linked together.

Types Of Networks :

1 -Local Area Network (LAN): A LAN is two or more connected computers sharing certain resources in a relatively small geographic location, often in the same building. Examples include home networks and office networks

What is A Network?…

إعداد أ / أحمد العنتري11

2- Wide Area Network (WAN): A WAN typically consists of two or more LANs. The computers are farther apart and are linked by telephone lines, dedicated telephone lines, or radio waves. The Internet is the largest Wide Area Network (WAN) in existence.

12

What is A Network?…

إعداد أ / أحمد العنتري

Terminology

Web Server Large amounts of data stored…for access by internet users.

إعداد أ / أحمد العنتري 13

Web Browser

Terminology

إعداد أ / أحمد العنتري 14

Terminology

Home Page

إعداد أ / أحمد العنتري 15

Terminology

Web Page VS Web Site

Any Ideas???إعداد أ / أحمد العنتري 16

ISP = Internet Service Provider

Ex: Onvol, Waldonet, Maltanet, Keyworld, etc etc etc

Terminology

إعداد أ / أحمد العنتري 17

Terminology

HTTP = Hypertext Transfer Protocol

HTML = Hypertext Mark-up Language

إعداد أ / أحمد العنتري 18

HTML: Sample

<html>

<head><title>Example</title></head>

<body>

<p>&nbsp;</p><p><font face="Arial"><br><font color="#FF0000">Click here to see my pictures:</font></p><p><a href="http://www.mysite.com/photos.html">My photograhps</a></p>

</body>

</html>

إعداد أ / أحمد العنتري 19

The Internet Today?..

إعداد أ / أحمد العنتري20

What is A VoIP?..

إعداد أ / أحمد العنتري21

22

What is An E-mail?..

إعداد أ / أحمد العنتري

23

What is A Blog?..

إعداد أ / أحمد العنتري

24

What is A Web Feed?..

إعداد أ / أحمد العنتري

25

What is A Streaming?..

إعداد أ / أحمد العنتري

26

What is A wiki?..

إعداد أ / أحمد العنتري

27

What is An Online chat?..

إعداد أ / أحمد العنتري

28

What is A Social Networking?..

إعداد أ / أحمد العنتري

29

What is A Social Bookmarking?..

إعداد أ / أحمد العنتري

30

What is A Podcast?..

إعداد أ / أحمد العنتري

إعداد أ / أحمد العنتري 31

Lab1. HTML Structure

إعداد أ / أحمد العنتري 32

Lab1. HTML Structure

<body text="#000000" bgcolor="#FFFFFF" link="#0000FF"vlink="#000080" alink="#FF0000>"

<h1 style="text-align: center">HTML Document Structure</h1><p>

This is a sample HTML file./<p>

/<body>/<html>

<body text="#000000" bgcolor="#FFFFFF" link="#0000FF" vlink="#000080"alink="#FF0000" background="clouds.gif>"

Setting a background image on the page

HTML Body

إعداد أ / أحمد العنتري 33

Lab1 & 2. HTML Text Formatting

There are many tags used to format text. They are listed below:< ●b>..</b> - Sets bold text.

< ●big>..</big> - Sets larger than normal text.< ●em>..</em> - Sets text in italics and denotes emphasis.

< ●i>..</i> - Sets text in italics.< ●small>..</small> - Makes text smaller than normal.

< ●strike>..</strike> - Draws a line through the text as a "strikeout."

< ●strong>..</strong> - Same as bold but denotes strong emphasis.

< ●super>..</super> -Superscript.< ●tt>..</tt> - Monospaced typewriter font.

< ●u>..</u> - Underlined text.< ●var>..</var> - Mark a variable.

إعداد أ / أحمد العنتري 34

Lab1 & 2 . HTML Sound

The BGSOUND element is used to play sounds on a web page. There is no end tag for the <bgsound>element. To play sounds all that is required is to put a line like the following on your web page:

<bgsound src="1234usmc.wav" loop="-1>"This line is used on this page to play sound.BGSOUND element attributes

●SRC="1234usmc.wav" - The location or the URL of the WAV, MIDI, or AU file to play.

●LOOP="-1" - The number of times the file will will loop. A value of INFINATE or -1 will loopindefinitely.

إعداد أ / أحمد العنتري 35

Lab1 & 2 . HTML Marquee

<body>

<marquee behavior="alternate" align="right" bgcolor="#990000" direction="right" loop="-1" onmouseover="this.start()" onmouseout="this.start()" scrollamount="100" scrolldelay="5" > Welcome to My Site </marquee>

/<body>

Questions??????

إعداد أ / أحمد العنتري 36

37

قدرة + رغبة = نجاح

ذكاء + إرادة = ابداع

و يجب أن تضع في بالك دائما بأن

نقاط القوة لديك نقاط الضعف

النجاح في أي أمر عبارة

واإلبداع في أي أمر عبارة

ت حيا

ع تم

مد أ/ أح

نتريالع

إعداد أ / أحمد العنتري