lesson1 last

37
Introduction to the Internet / ري ت ن ع ل مد ا ح ا اد ا عد ا1

Upload: ahmed-al-antari

Post on 09-Feb-2016

57 views

Category:

Documents


1 download

DESCRIPTION

for internet applications

TRANSCRIPT

Page 1: Lesson1 Last

Introduction to the Internet

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

Page 2: Lesson1 Last

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

Page 3: Lesson1 Last

3

Hint..!

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

Page 4: Lesson1 Last

What is the Internet?…

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

Page 5: Lesson1 Last

Definition

It connects…•Academic

•Governmental

•Commercial•Organisational

…sites in order to share information.

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

Page 6: Lesson1 Last

Internet Services

Direct Communication

Online Conferencing

Distributed Information Resources

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

Page 7: Lesson1 Last

History

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

Page 8: Lesson1 Last

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

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

Page 9: Lesson1 Last

History

•University of California at Los Angeles

•University of California at Santa Barbara

•Stanford Research Institute

•University of Utah

ONLY FOR EXPERTS

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

Page 10: Lesson1 Last

Evolution

1970’s Protocols (eg: ftp)

Early 80’s NewsgroupsE-Mail

Late 80’s ARCHIEWAIS

1991 GOPHERWWW

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

Page 11: Lesson1 Last

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

Page 12: Lesson1 Last

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?…

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

Page 13: Lesson1 Last

Terminology

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

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

Page 14: Lesson1 Last

Web Browser

Terminology

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

Page 15: Lesson1 Last

Terminology

Home Page

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

Page 16: Lesson1 Last

Terminology

Web Page VS Web Site

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

Page 17: Lesson1 Last

ISP = Internet Service Provider

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

Terminology

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

Page 18: Lesson1 Last

Terminology

HTTP = Hypertext Transfer Protocol

HTML = Hypertext Mark-up Language

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

Page 19: Lesson1 Last

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

Page 20: Lesson1 Last

The Internet Today?..

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

Page 21: Lesson1 Last

What is A VoIP?..

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

Page 22: Lesson1 Last

22

What is An E-mail?..

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

Page 23: Lesson1 Last

23

What is A Blog?..

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

Page 24: Lesson1 Last

24

What is A Web Feed?..

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

Page 25: Lesson1 Last

25

What is A Streaming?..

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

Page 26: Lesson1 Last

26

What is A wiki?..

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

Page 27: Lesson1 Last

27

What is An Online chat?..

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

Page 28: Lesson1 Last

28

What is A Social Networking?..

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

Page 29: Lesson1 Last

29

What is A Social Bookmarking?..

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

Page 30: Lesson1 Last

30

What is A Podcast?..

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

Page 31: Lesson1 Last

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

Lab1. HTML Structure

Page 32: Lesson1 Last

إعداد أ / أحمد العنتري 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

Page 33: Lesson1 Last

إعداد أ / أحمد العنتري 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.

Page 34: Lesson1 Last

إعداد أ / أحمد العنتري 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.

Page 35: Lesson1 Last

إعداد أ / أحمد العنتري 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>

Page 36: Lesson1 Last

Questions??????

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

Page 37: Lesson1 Last

37

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

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

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

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

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

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

ت حيا

ع تم

مد أ/ أح

نتريالع

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