.

,2010

()

, ,
, ,
,.
2010,

,2010

?.................................... 7
......................................................................... 13
WORLDWIDWEB................................................................................... 21
WWW... 29
WEB... 69
WEB... 81
WEB 89
WEB.. 99
WEB........... 105
............................................................................................ 111

..

:
.
.

" ".
,.
,,
, , , , .
.
(network of networks).
.
,
.World Wide
Web (www web).
.

( web),
().

(searchengines).
WEB

web.
webe:
1. (
).
2. (
).
3.(
).
4.(
).
,,,
.


.
.

.

.

.
15.
(
,
),
(
).
.

, " ". 1957

,.
Advance Research Project Agency (ARPA),
. ARPA
. 1966
ARPANET (ARPA Network), 1969 ARPANET
.

. ARPANET

.ARPANET
.

. 2 1969 host
University of California, Los Angeles. ,
10


(StantfordResearchInstitute,UniversityofCalifornia,Santa
BarbaraUniversityofUtah).
: 1971
mail . 1972 (chat)
.1973,
.
Bo1974TCPTerminalControlProtocol,
1978TCP/IPTerminalCommunictionProtocol/InternetProtocol.TCP/IP
ARPANET()1982,1984
e ( www.uklo.edu.mk)
DomainNameSytem(DNS).

ARPANET ce
. 1990 ARPANET ,
Tim BarnersLee World Wide Web (WWW)
Web. 1993 web (browser)
Mosaicwww.

( ).
,

11

12

13

E (mail).

14


.

, mail .
()email
.
email,
,email.
( ), (
).
.

.
.

().
mail,
(). Ha paj,
,
email ,
.email
()
.:

; email
.
mail,
Simple Mail Transfer Protocol ( SMTP).
(1) email ; (2)
email;(3)
email
.

:
1.jcmail
.

:MSOutlook,Eudra,Pegasus
. POP (Post
OfficeProtocol)IMAP(InternetMessageAccessProtocol).
SMTP.

15


2. Web ,
web .
HTTP(HypertextTransferProtocol).
webemail
jcweb,..web.

REMOTELOGINS

,,
(remote host) (local
host).
.
,
,.
remote login ( )

.
Telnet
(
Telnet, Telnet),
.Telnet
(connectionbasedservice).ce
,
16


.

.
,
,
.
USENET

, .
Usenetnews.Usenet,.Usenet
,
( mail ) .

, . Usenet ce
. ,
. : alt.familynames
: alt.familynames.clark (
clark) alt.familynames.smith (
smith). Usenet ce
, (alt.security.alarms), (alt.barney.dinosaur.die.die),
(sci.physics.computational.fluiddynamics) (,
).
Usenet.
usenet
.
usenet . usenet news
.

. Usenet ,
, usenet
.22.000usenet
()http://groups.google.com.
FTP

FTP(FileTransferProtocol)e
2 (host) . FTP
. , ,
(,,)
emailFTP?
,email
.
,.,
17


,
.
FTP
(FTP).FTP
: UNIX PC Windows
. , FTP
().,
6poj FTP
( ), FTP
. FTP
, FTP
.
FTP,
download,software.
CHAT

mailUsenet,
?
chat().
chat
.MSNMessenger,YahooMessengerGoogleChat
.
, (
)chat,
MSNMessanger
hotmal . MSN
Messanger ( ) web
( hotmail) .

.
,Skype,
Skype. Skype

,,
.
Skype,
.
( email )
.
Skype .
,
.Skype.
18


Skype , Skype ja
,
.
, (,
).
Skypeemail
(MSNhotmail)
.,email,
,
.
INTERNETRELAYCHAT

IRC ( http://www.irchelp.org) e chatroom (chatroom

). IRC
web (mIRC
MSWindows).IRC
. chatroom
chatroom.
chatroom
(channels). "#".

.

19

20

WORLDWIDWEB

21

WORLDWIDEWEB

worldwideweb(www)?Worldwideweb(www)e
. web
22


.
. 80 %
web .
web , .. web .
web.web
,.
Web e ,
web(webbrowsers).
webMozillaFirefoxMicrosoftInternetExplorer.
web web (web page)
,(,).
Web , ,
web.Web
web.
Web()
. web
(hyperlinks) ( links) web .
web ce
(hypertextdocuments).(web
)HTML(HypertextMark
upLangugage).
web web
.web,""web
.web
(website), () web
websitehomepage.
web www URL (Uniform Resource Locator).
URLroweb
. .. IP (Internet
Protocol).IP4
.158.132.14.123.
,
.DNS(DomainNameSystem)IP
(www.ukloe.edu.mk).aDNS
DNSIP.
URL
ttp://www.ukloe.edu.mk/nedigor/IntenetMultimedia/index.html
Http ce web
. Http (Hypertext transfer protocol) e
web HTML (Hypertext MarkUp Language).
23


webHTML
http.://.://
/web(hostname)DNS
IP . host name www.uklo.edu.mk
,"mk","edu"
, uklo e
..DNS
, , http://www.tudresden.de
( "edu"
.(
) (, , ,
,.).
.,
.web
, . URL
/nedigor/IntemetMultimedia/index. html" ("index
html")Web.

webweb,
web,
( Google
18,500,000,000 ,
).web
.
(SearchEngine)
.
, .
,
Web,
.

.

SearchEnter.
Web:
Googlehttp://www.google.com
Yahoohttp://www.yahoo.com
AltaVistahttp://www.altavista.com

24


Lycoshttp://www.lycos.com
HotBothttp://www.hotbot.com

,
Web ,
.
Web
.
.
,
:
.chocolate
, cacao
.
.

: hot chocolate recipe.

,.
.
: hot
chocolaterecipe.
.
(+)()
.
:
Chocolate+hotinstant
:AND(),OR()ANDNOT().

.
.

AND.
AND.

OR.
OR.

ANDNOT.
.
25



.
,:
hotAND(chocolateORcacao)AND(recipeORformula)ANDNOTinstant

Web
,
.
,

.
:
MetaCrawlerhttp://www.metacrawler.com
Dogpilehttp://www.dogpile.com
Dogpile
,UsenetFTP.
GOOGLE

Google:
http://www.google.com/

GOOGLE

1. .
a. .
26


b.
,,.
2. AND
a. AND ,
AND.
:catsanddogscatsdogs.
3.
a. : how, where, the, a, an, is, for .
.
b. +.
:+who+iswilliamshakespeare.
4. .
:
:archaeologyegyptology.
5. GoogleCaseSensitive
,.
6. Google , garden
gardens,gard*gard?gard.
7. Google,
:soundeditingsoftware
8.
:OR,ANDNOT,AND.
9. Google
: Acrobat Reader (.pdf), Microsoft Word (.doc), Adobe Postscript
(.ps), Microsoft Excel (.xls), Microsoft PowerPoint (.ppt) Rich Text Format (.rtf),
:.jpeg,.gif.png.
,:
audifiletype:pdf.
10. website.
website,
( )
:
fishsite:www.something.com
11. :
27

stock:,:
stock:lucenttechnologies

12. :www.larl.org:
related:www.larl.org
13. website
www.larl.org,:
link:www.larl.org
14. :XML,:
dictionary:xml.
15.
:
a.
:
intitle:
b.
:
allintitle:.

28

WWW

29

HTML

,
webweb.
webwebsite
30


. website
(freehornepagecom).
HypertextMarkupLanguage(HTML)e.Toje
.

. HTML
.
HTML e HTML 4.0.1, HTML 5 .
HTML,.
.
HTML XML (Extensibile Markup Language)
. Cascading Style Sheets (CSS) ja
web HTML. JavaScript Java ce
HTML.HTML
(),HTML
.JavaScript,
HTML
.JavaScript
()
.Java
.
aHTML.HTMLmarkup.markup
(plain text)
. (plain text)
,
. HTML ,
.
HTMLWYSIWIGWhatYouSeeIsWhatYouGet(
.MSWord
MSWord:
. HTML
web .
web
( word
).
webweb
( , )
.
,
web
.
,
, ..
31


web . HTML

. web
;.
web
(
).IE(IntemetExplorer)Mozilla
Firefox326oja1024768,IE(IntemetExplorer)MozillaFirefox
32 6oja 1200 800 . CSS
HTML, .. web

HTML
HTML .

(plain text).
HTMLweb
web.L HTML
word ( WYSIWIG ). HTML
HTML ,
word(MSWord
HTML ). HTML ,
MozillaKompozer,
AdobeDreamweaver.

32


HTML , web
.
web (, ,
.) web
(plugin,addon.).
WEBMOZILLAKOMPOZER

Mozilla Kompozer ,
.
MozillaKompozer.Page
WYSIWYG(WhatYouSeeIsWhatYouGet
),
page.
website
CSS. Mozilla
KompozerHTML(HypertextMarkupLanguage).
MozillaKompozer?
Mozilla Kompozer :
http://www.kompozer.net/download.php,
Mozilla .
, Windows, LINUX Macintosh.
,,

Mozilla Kompozer ,
:

MozillaKompozer
33


, ,
File, Edit, View . ,

. View,
Composition Toolbar, Format Toolbar1, Format Toolbar2, Edit Mode Toolbar, Status Bar,
RulersSiteManager,.
,
website html .
images
website.EditSites
Siteanager.

website.

SiteName,website,Select
directory . ,
Sitemanager.
, Tools > Options
.

34

. File > New,
,

Create.

.
, File > Open
File

35


.File>RecentPages
.
SiteManager.
( tab)

. ,
CloseTab.

(tab).
File>Saveas

.
.
index.html,
website,
websiteindex.html.
web site ,
. Browse

(Launchapplication),
.
,()
.
MOZILLAKOMPOZER
Mozilla Kompozer ,
Microsoft Office Word.
.
Paragraph ,
, Enter
,.,
Shift+Enter.
Heading Heading 1,
( ), Heading 6,
().Format>Paragraph.
36



.:

NumberedBulleted

Format,
Format.

Format.
.
,
.
MozillaKompozer,
.

.
.,.
ParagraphHeading.
,
.
Numbered list Bulleted list, .
Enter.
,
Listproperties,Format>List>Listproperties,
.

37

Listproperties.
,
Shift + Enter.
Numberedlist,
.
,Tools>
Options > Advanced Underline misspelled words, .
.

.
Edit>CheckSpelling,
.

38

, , , ,
, , . .
Insert > Table, Table,
Composition
.Quickly
, ,
Preciesely,
,
.

39


, Table Cell Properties.
,TableCells
.:

;
;

;
;
;
NormalHeader.

.
1. Tableorcellbackgroundcolor
.
2. TableInsert,,
.
3. TableDeleteTableInsert.
4. Table Select , ,
.

.
.
,
.
.
40


HTML tag , .
Ctrl+tag,
.
InlineStyles.

.
Background
.
.
Mozilla Kompozer .
, Table > Create Table from Selection,
.

Mozilla Kompozer .
:gif,jpgpng,
.
,
images
.
,Insert>Image,

Composition . ,
Alternate text ,
,
.

41

.
Tooltip
,
.
,
, Dimensions .
.
, , ,
,.

.

. , Appearance,
.
.
42


,
,email.

().
()
website.
,website
website.
,
.
.
,
Insert > Link,
LinkProperties.

Composition

().
43


( , email
,.).,
.NormalPreview
. Link Properties .
.
,.
Tools>Options>NewPageSettings.
.

AnchorComposition,
Insert > Named Anchor.
Anchor
.
.Normalview
.
.

.
#.

,
.
,Anchor.

website
.
.
check boxes
.
.

. ,
.
(, .....), .. form
controls.

.,
.

44


, Insert > Form
Composition . ,
, Action URL
.
.
.

()
Layer
.
()
.
,
.
,,
Layer

Format1.

45

<object width="425" height="350">

<param name="movie"
value="http://www.youtube.com/v/tIBxavsiHzM" />

<embed
src="http://www.youtube.com/v/tIBxavsiHzM"
type="application/x-shockwave-flash" width="425" height="350" />
</object>

.
,
, .

.
,.
,
, .
(Bring to front, Send to back) Format
.
MOZILLAKOMPOZER
.
:

Kompozer,

. Insert > HTML .

46


Copy.
Paste.Insert.

.
,Normal
.,.
,
.
MOZILLAKOMPOZER
website?
, HTML .
,Source,<head></head>
:<bgsoundsrc="SOUNDFILE"loop="1">.

47

.
SOUNDFILE.wav,.mid,
.ram,.ra,.aif,.au.
loop ,
.loop
.

,.fla
.,.
,
.swf.
,
.
Insert>HTML>Paste
.

48

.
,.
.
CSS
Mozilla Kompozer CSS
HTML . CSS

.
CSS,
Composition
,Tools>CSSEditor.

49

CSS.
.
+
. ,
.
internal stylesheet.
InternalStylesheet
.CreateStylesheet.

,
.
Export stylesheet and switch to exported version,
,
website External Stylesheet,
.
(HTML)
.
CreateStylerule.

50

CSSCreateStylerule.

General.

StyleruleGeneral.
,heading1,2,3,..
CSSstylesappliedtoallelements
ofclass.CreateStylerule.
Text,Background,Borders,Box..

51

.
,,
Format1,
Classes.

.
WEBSITE
,
EditPublishingSitesSettings.website,
website.

52

.
Web Site Information HTTP ,
(homepage). Publishing Server FTP
.
website..
website,FilePublish
Publish

,PublishPage.

PublishPage.
SiteNamewebsite.

(Page Title File name). Include images and other files
.
53

website.
HTTP address of your homepage
website.
http://www.bitolasightseeing.com.
Publishing server .
,
.
FTP , File Transfer Protocol ( )
.
,.

. Mozilla Kompozar
FTP.
, Publish .
FTP
.
,.
WEBSITE
.
images, .
Mozilla Kompozer. Site Manager Publish Settings.
.website.

54

MozillaKompozerwebsite.
FileSaveas.,
.
index.html,(HomePage)website.

(homepage).
MicrosoftWord.
Heading 1 . Arial
..

55

.

Largerfontsize.
Numbered Bulleted .
:

Heading3,ArialSmallerfontsize
..
.Shift+Enter
..
56


List Properties
.

File > New New,

html.
.

.
Insert new link.
pelister.html.
.

57

().
Choose color for
background.

.
index.html
info@bitolasightseeing.com.mkEnter.
() . ,
,
.
58

.
,
Paint,
72 96ppi .
,
.
website
images.
. Insert > Image,
Imageimages.

59

.
Alternativetext
.
Tooltipe
.
Page properties
.

.
,,

60

.
Save,.
,.

.
Rows:1,Columns:4,Width:100%Border:0.

.
:,,.
Bold
. Bold,
61


.
.

.
.
SiteManagerheraklealinkestis.html
.
.
Insert > Images images,
AlignCenter.

.
62


,Bold,
.
pelister.html.MicrosoftWord
> Past pelister.html.
.Table>Select>Table
. > Copy
pelister.html .
RemoveLinks,
.
image .
.

.
znamenitosti.html , ,
.
index.html.
Insert > HTML > > Paste
. ,
,
.

63

.
,
.

.
website .
Insert > Form > Define Form Form Composition
URL.
GETPOST.

64

.

. , Submit
Button.FieldSettings.

65

,index.html.

website.
website.File>Publish
Publish

o.

66


site,
.
,Include
imagesandotherfiles.

website.
Settings.WebSiteInformation
HTTP.PublishingServer
website,
. website
.
Publish
.

67

68

WEB

69

WEB

70


web .
,.web,
.,
website,
www.,
.

. . ,
..

. website
(5.1),,,.website
(5.2)..
5.1Website

5.2.Website

71

,
.

web..
:....,
.

. Web .
.,
.
,.
(5.3).

web
.
(spell check), .
.

( 5.3).
, .
web
,.

72


website.
,.
5.3Website

(BTW=ByTheWay)

website.
website.
website ( 5.4).
website.
website.
5.4Website

website

73


web(
html <TITLE>)
, .. .
,web.,
historyweb(5.5).
5.5Website,

World Wide Web . .

.,
( m. 2 ).
(5.5),
next1,2,3.

.
.
.
.

.
.

,(
).

74

.
.

,
. , 02.03.2000 ( )
,(),
. ,
022000.
(feedback)
website,
website.,
email web mastero,
website.
web
web ( 5.6).
website.,
.
5.6Web

web

.Back,Next,Previous
. Back?
? website?
,.

75


website
.
404()..
,
.
website
website
. website.
, ,
.

website
.,
.
(homepage)
website,
.website.
website
website , ..
website(sitemap)(5.7).
website,.
5.7Websitewebsite

website

76


website,
website.
website
(5.8).
5.8Website

. (
3).,,.

() .
( 5.7).
,.

: ,

,,
.

.,

website ( 5.9).
.
,,.

77


.
.(5.10).

( )
web , .
,.
5.9.Website

5.10Website

,
, .
web,
.

78

.
,web,
.,
.
website
website website,
.
website
(5.11).
5.11website

website

website

website .

website.,,
(5.12)..
website
website.

. ,
( 5.13). ,
.

5.12Website

79

website,

5.13Website

web .
(horizontalscroll).
1024768
. .
.,
,.,
,().

80

81

6
WEB

82

, ,
. ,
web.

83


,
. .
,
.

, .
:
1.

2.,

3.
4. .
().
.

5..

6.

84

7. : , ,
.

.
Times New Roman.
( ) .
Arial.
.
:

:
() .
(tt). 1tt = 0,376 mm.
, ,
point(pt).1pt=0,352mm.
.
.

().(regular),(bold)
(italic).

web
.
, website
website,
.

85

1991 16
,
. , Unicode ,
107.000

.
Unicode2.090:Arabic,Armenian,Bengali,
Bopomofo, Cyrillic, Devangari, Georgian, Greek, Gujarati, Gurkmhi, Han, Hangul, Hebrew,
Hiragana,Kannada,Katakana,Latin,Lao,Malayalam,Oriya,Phonetic,Tamil,Telugu,Thai
,,
,.
Unicode
:Numbers,Symbols,Dingbats,Generaldiacritics,Mathematicalsymbols,.
web Unicode
web .
:
Arial ()
Times New Roman ( )
Garamond ()
Comic Sans MS ( )
Courier New ( )
Century Gothic ( )
Lucida Sans Unicode ( )
Microsoft Sans Serif ( )
Georgia ()
Impact ()
Tahoma ()
Verdana ()
.
WEBA

, ,
.
web.
web
.
86

(6.1).,
(
).
6.1.Website

.
(6.2).,
,.,.
6.2.Website

.
,(6.2).
,.

( 6.3).
. ,
.
87


6.3.

(bold)

.,
. (
6.4).
6.4.

(italics)
(6.5).
.
.
.

88


6.5.

. .
.

.
.

website
.
,.

89

7
WEB

90

(). ,
91

. ,

. ,
(
),
( ). ,

,.

10x7

60x40

200x132

500x329

7.1..

ppi(pixelsper
inch).
,:(screen
pixel) () (image pixel).
( ) ,
.
:
(1).CRT72ppi,LCD
96 ppi. ,
(x, y
).
,
.,
,
92


,01.
,
,..256(grayscale).
2568(28=256),1
.,8
256 (256 ),
( 256
, 256 , .). ,
(, ,
.).
: ,
.RGBRed,Green,Blue.
256 , 256 256
16.777.216 .
24(28
2828=224=
16.777.216)
:,
, . CMYK Cyan,
Magenta,Yellow,blacK.256,256
, 256 256 ( )
4.294.967.296.
32(2828
2828=232=
4.294.967.296)
webRGB,
24 , 72 (
CRT)96ppi.

RGB/CMYK

93

Grayscale

28=256,
8
.

RGB

CMYK

3
,.

24.

4
,.

32.

7.2.,

,
,,,.
,
.,
,
.,
,
.
.,
,,,
.
,,
,.
,,
, ,
94


.,
,
,,
, ,
, , ,
. html
web . web,
,..web
.
(),
.
( Adobe
Illustrator, Adobe InDesign, CorelDRAW .) CAD
(CADAutoCAD,SolidWorks.).

( )

.
:
()()(ppi)X
(ppi)(bit)=
(:
).
WindowsBMP(Bitmap),TIFF(TaggedInterchange
File Format) .,
web.
web
. web
:
GIF(GraphicsInterchangeFormat).1994
GIF
GIF
.,PNG
GIF,
.GIF8256.GIF
(
,
).
GIF .
,
(.256),.
95


JPEG (Joint PhotographicsExpertsGroup)24
16,7 (
). web
. JPEG 20:1
,JPEG
75:1. JPEG (
.jpg) web
,,.
PNG(PortableNetworkGraphics)GIF.PNG
GIF24
16,7 . PNG , GIF,
, ,
. PNG
, .
PNG ,
().
WEB

GIF
GIF.GIF
256.,256
. 16, 8 2
GIF
.
, ( 7.3). !
()
. .

.
7.3.GIF

GIF256
1,24

GIF 8
22,43

96


JPEG
JPEG
. JPEG
.
( 7.4).
.,
,.
7.4JPEG

JPEGJPEG
1,2442,83
Thumbnails
,
.
(thumbnails), .
thumbnail.
7.5thumbnail

Thumbnail

97

web .
web website,

( web ).
website,
,..
.
website
website
website.
website,
,
website.
! (
) website
, website
.
!
Copyfree.

, , .,
(7.6).
7.6Website

98

99

100

MIDI(MUSICALINSTRUMENTDIGITALINTERFACE)

MIDI/.
101


MIDI .
,,
. MIDI
,/.
, MIDI ,
. MIDI

MIDI.

.
.
MIDI

MIDI
. MIDI 200 1000
CD.
, MIDI web

.
MIDI .
MIDI
.
MIDI

MIDI

.
MIDI
MIDI.
MIDI
:MusicMasterworksTableEdit.
MIDI .

.
MIDI.

(
102


).n
.
,
.
:44.1kHz(CD),22.05kHz11.025
kHz.816. 256
( ) ,
1665536
.
:

GD =

f r t
1Mono
8

GD =

f r t
2 Stereo.
8

GD(byte)
f(Hz)
r(bit)
t(sec)

.cda
(cdaudio),CDa.
, cda
,
(
).
:
AIFF Apple,
Macintosh.
AUUNIX.
WAVWindows.
MP3 (MPEG Audio Layer Three)
( )
CD12.
WEB

103


www:
website
website().

web. ,
website,
. .
, website
website.
(
website).

( MP3). MIDI ,
MIDI.
, MIDI
,
MP3 . web
web , Adobe Flash
.

104

105

106

,
,,

107


.
:
1. (persistence of vision). ,
.

9.1
2. (visual closure).
.
, ,
. ,
,
,.
,
30 / (fps frames per
second,/).()
24 .
60
.

,
,
.
30.

,

(30fps=38MB/sec,5DVD6.5MB/sec),

.
108


:
MPEG (Motion Picture Experts Group). 50:1
,
200:1..
MPEG2(ISO/IEC13818)DVD.
MPEG4 (ISO/IEC14496) , .

.
MOV,AVI,WMV,DivX,
DVI.
.
flv f4v.
,
(
).
youtube.com,:GoogleVideo,Yahoo!Video,metacafe,
Reuters.com.
,,

website.6
.web
.
web
100USD.

.
.
,youtube.com.
! (
)
website ,
website.
6,
website ,
.

.

website.
109


(Maya,3dsMax.).
, website,
. ,
webAdobeFlash,..(flash
web .swf).
webAdobeFlash
Player.
web, 3D (
),
web
web.

110

111

. , . , ,
2005,2007.
.,.,.,,2002.
Brian Underdahl Edward Willet, , ,
1998.
TayVaughan.,,2001.
FrontPage2002forvisuallearners.VisibooksTM,RichmondVA,2002.
The Handbook of Digital Publishing Vol 1. & Vol. 2 Michael Kleper, Prentice Hill,
2002.

112