Δίκτυα Υπολογιστών LI Πλεονεκτήματα Km εφαρμογές .

I J J Τα δίκτυα στη σημερινή εποχή ................... 1,1.2 Άλλες εφαρμογές .....,....»....„„.„..,„„.„...

1.2 βασικές έννοιες.*....„...,..„..„».,.....„..„„..„..„„...,.„...,. I.2J Δικτύωση ηλεκτρονικών υπολογιστών ...... 1.2.2 Δομή δικτύων............. ,,..,»., 1.2.3 Βασικές τοπολογίες,.......,.,.,..,...,,.,....,.....,.,. 1.2.4 Κατηγοριοποίηση - Ταξινόμηση δικτύων,.. 1.2.5 Τεχνολογίες μεταγωγής

13 Τυποποίηση δικτύων - πρότυπα,..,.,.......,..,..,,,,.,,..,.... 1.4 Αρχιτεκτονική δικτύων

1.4.1 Το πρότυπο OSI της ISO ,. 1Α2 Αρχιτεκτονική TCP/IP..........................

1.5 Συσκευές διασύνδεσης.......,...........,..,,.....,..,.......,.,.,,. 1.5.1 Γέφυρες...,..,,..,....,,..,,.,.....,..,.....,.,. »..„..,, 1.5.2 Δρομολογητές 1.5.3 Πύλες .........1..,. .. 1.5.4 Άλλες συσκευές

1.6 Ερωτήσεις - Θέματα για ανάπτυξη - Ασκήσεις..

........2 ?

.,.,...29 ..30

.,,.,,,,31 ,....,,31 ,,.....35

37 .,,.,..41

45 .,,.,,.48

49 .......49 ..,...,53 .......57 .......57

,.59 . 6 0 ...60 ...62

Εισαγωγή στοάιαΒίκτυο mm ι τις Υπηρεσίες του. 2.1 Εισαγωγή στα διαδίκτυα .....,..,„..„.„„..,.,.....,..,....,......,..,..„...„.,..,..„„ 2.2 Βασικοί πρόδρομοι του Διαδικτύου ..„..„..„....,.,..,....„.»..»,.,... 23 Το Διαδίκτυο (Internet) » . . . . . . . „ , . . „ . „ „

2.3.1 Η πορεία προς το Internet 2 J , 2 Ορισμός, χαρακτηριστικά και εφαρμογές του Διαδικτύου ». 2.3.3 Οργανισμοί τυποποίησης & διαχείρισης του Διαδιχτύου,,...., 2.3.4 Σύνδεση στο Διαδίκτυο. 2.3.5 Το μοντέλο πελάτη - εξυπηρετητή ..,„.,.„.,

2.4 Ανάλυση της αρχιτεκτονικής TCP/IP για το Διαδίκτυα 2.4.1 Το επίπεδο μεταφοράς,,...,, 2.4.2 Το επίπεδο διαδικτύου » Πρωτόκολλο ΙΡ.,„... 2,43 Το επίπεδο εφαρμογής του Διαδικτύου.,..,.,,,»

2.5. l b ηλεκτρονικό ταχυδρομείο .„,.,...„,„„».„„....,....».»..,. 2.5.1 Μορφή ηλεκτρονικού μηνύματος..,.......,.,,..,, 2.5.2 Η μορφή ΜΙΜΕ J ................. 2.5.3 Ηλεκτρονικό ταχυδρομείο; Προγράμματα για αποστολή και μεταφορά . 2.5.4 Πρόσβαση στη θ^ρίϊα:*.—,.— ,,,,..,.,,™,: 2.5.5 Προγράμματα αποστολής και λήψης ηλεκτρονικού

- . 7 1 ..,.72 .,,,74 ...,74 ...74 ...76 ...77 ...82 ,,,89 ...89 ...92 .107 . 113 . 114 , 115 117 120

t^p^p^opeio^ — — * — , — 1 2 3 2.5.6. Προϋποθέσεις για χρήση του ηλεκτρονικού ταχυδρομείου......».»»».»»., 124 2.5.7 Προτερήματα του ηλεκτρονικού ταχυδρομείου ....,......»,»..».»,.»............... 124 2.5.8 Ασφάλεια στο ηλεκτρονικό ταχυδρομείο..,».»....,.»,»...,»..».,.».»................ 125

2.6 0 παγκόσμιος Ιστός - World Wide Web...... — — .. — ... 127 2.6.1 URL (IMform Resource Locator: ομοιόμορφος εντοπιοτής mpm) ....... 128 2.6.2 Η πλευρά του ΐϊελάτη .»»...».,.. .....».»»..»»........ 129 2.63 Η πλευρά %m ®ξΐ)ΐ€Τ|ρβτΐ|τή........................................................................ 136 2.6.4 Τύπόι αρχείων στον παγκόσμιο Ιστό.. . » .,.»».».»..„.—. » 138

2.7 Ερωτήσεις - Θέματα για ανάπτυξη ~ ΑσιαΙσεις...................................................... 141

Κατασκευή Στατικών ïmmtûMtm ~ Η Γλώβσα HTML 3.1 Οργάνωση και παρουσίαση μιας εφαρμογής..... ... — J 5 I

3.1.1 Οργάνωση και ιεαρουσίαση πληροφοριών.,.— 3.1.2 Τεχνικά θέματα στην αναετιιξη εφαρμογών ................................................

3.2 Γραφικά στον παγκόσμιο Ι σ τ ό » » . : » , » . . » . . , » » » . » . » . . . . . . . . . » , » , » , . . , » , » » „ . . . . . . 1 6 3 33 Η γλώσσα HTML »».»............»....»».».».».» .164 3.4 Βίιν^οι^ι κτρο^α Î Î ^ ' H T M L — , — — — ^ — — 3.5 Εργαλεία συγγ^φής ιστοσελιδων »»,»,»,» 167 3.6 Ετικέτ^ .170

3.6.1 Βασική δομή ενός αρχείου HTML................. .......................172 3.6.2 Ετικέτες %m περιλαμβάνονται στο HEAD 3.6.3 Ετικέτες ιvm περιλαμβάνονται στο BODY.....»»..»».»....,.» 178 3.6.4 Λίστες (Lists)....,.»»..»».».».,.... »,».„ 3.6.5 Υ^ιερσύνδεσμοι..»,»,.., ».»..,... .........»,».».».»,..».», »,.,..,,,...,.....».».».».».»..»...,..190 3.6.6 Εικόνες .....195 3.6.7 Πίνακες (Tables) ...» .»,»..,,».»».».,»,...».»,».».».2Ô4 3.6.8 Πλαίσια (Frames)..»,...». ...»...,.„»,»,»,»..»207 3.6.9 Φόρμες συμπλήρωσης (Fill-out Foms)........»..,....».»»,»,»..»»,».».....».».»......,»,..,221 3.6.10 Προβλήματα και συμβουλές —. . . . . —,»..,.».».».»,229

3.7 Ερωτήσεις - θέματα για ανάπτυξη - Α σ κ ή σ ε ι — — — 1

-r^y^m Πρ^γραρματισμίς Εφαρμογών mv Εκτzkmmm mm Πελάτη 4.1 àwwiméç σελίδες HTML », —.....239 4.2 Εφαρμογές που εκτελούνται στον πελάτη ...»,».».»..,...................,».»,»,».»....»».».»..»,».»,........,240 4.3 Η γλώσσα osvapiw JavaScript..».».».........»..,.,,»,»,»,»,»,».»,,..............,..,.,...,»—»..»»»,„.»,»,»24Ι

43.1Η διαφορά της JavaScript και της lava»»,».».».»».»...........,,....,»,...»,»»»...,»,........241 4.3.2 T m m για τις εφαρμογές lavaScript.,..:,

4 3 3 Μορφή και χαρακτηριστικά των εφαρμογών JavaScript 43.4 Οι μεταβλητές στη JavaScript .....„....,...„„.„,„„.„.. 43.5 Οι τελεστές στη JavaScript 43.6 Οι συναρτήσεις στη JavaScript.,..,.,..,..,..,.......,..,............ 43.7 Εντολές υπό συνθήκη .................................................. 43.8 Οι βράχοι for και while .„.,..,...,„.....„.„.. 43.9 Γενικά για τα αντικείμενα και τις μεθόδους ,...,..„. 43.10 Το αντικείμενο της συμβολοσειράς .,...,.......„.,..„....,...,.. 4.3.1 ! Το αντικείμενο του πίνακα 43,12 Το αντικείμενο Math „„....„....,.,.,„„..,..„„.„,..,... 4,3.13 Το αντικείμενο της ημερομηνίας.,..,............,...,.,..,,.. 43,14 Το αντικείμενο ίου παραθύρου.>„„..„.,..„.„..„.<„.,.,., 43, Î 5 Το αντικείμενο του εγγράφου „,„„.„.,.,.,. .. 43.16 Το αντικείμενο της φόρμας,,,,·,,,.. „.,.. 43.17 Χειρισμός πολλαπλών φυ/^μετρητών„.

4.4 Εισαγωγή στη V B S c r i p t , , , , , , , . , , , 4.4.1 Προσθήκη VBScript σε σελίδα HTML,,....,..,,..,,,,, 4.4.2 Διαχείριση φυλλομετρητών, 4.43 Μεταβλητέ: στη VBScript , ...,™,, 4.4.4 Πίνακες στη VBScript ............. 4.4.5 Τελεστές στη VBScript ,...,., 4.4.6 Συναρτήσεις στη VBScript ...,....„ 4.4.7 Εντολές υπό συνθήκη ,... 4.4.8 Εντολές Βρόχον .,,,,,..,,..,.,,,.,,.,,.,....,.,,.,,,.,,., 4.4.9 Φόρμες HTML και VBScript.,.„.„..„.„,„.„..„.,..„..,

4.5 Εισαγωγή στα Java Applets ...,, , 4.5.1 Γενικά, χαρακτηριστικά της Java.,...,.,..,.,,,., ...,.„ 4.5.2 Εφαρμογές Java και Java Applets „.„.„..,.„..„.,„,..„ 4,53 Βασικά στοιχεία της Java .„..,.„.„.,..,..„.„„.„,„.,..„. 4.5.4 Δημιουργία και εκτέλεση ενός Applet 4.5.5 Χρόνος ζωής ενός Applet 4.5.6 Παραδείγματα Applet .......

4.6 DHMTL .................... 4.6.1 Πλεονεκτήματα χρήσης της DHTML....... 4.6.2 Μειονεκτήματα..,.,. ,,.,..,...„, ,... 4.6.3 Διαφορές φυλλομετρητών , 4.6.4 Cascading Style Sheets (CSS) , 4.6.5 Χρήση του προτύπου CSS-P ,..,.., 4.6.6 Μοντέλο Αντικειμένου Εγγράφου .... 4.6.7 Διαχείριση Γεγονότων,,,,,,.,,.,,..,.,,.,,..,,..,,.

4.7 Ερωτήσεις - θέματα για ανάπτυξη - Ασκήσεις

F r E w " " — - " "

Προγραμματισμός Εφαρμογών uroti Εκτελούνται στον Εξυπηρετητή 5.1 Εισαγο^ή.^,^™.,..... ...,.,.-.,.,...,,„„ . ...» 357 5.2 CGI .................... , , , . . „ . , , . , _ . 359

5.2.1 Βασικοί κανόνες κατασκευής σεναρίων CGI σε ,„ 359 5.2.2 Οι μεταβλητές στην Perl . . . . . „ . „ „ „ . „ . , . . . . . . . , . , . , . . . . . . „ „ 3 6 1

, . „ ,......... .... .. 362 5.2.4 Εντολές υπό συνθήκη στην Perl 365 5.2.5 Βρόχοι επανάληψης ,.„,„.,.,.., . s 365 5.2.6 Εισαγωγή δεδομένοι ,.,...,..,..,.,.,.„.„..„„,, 367 5.2.7 Η συνάρτηση split 369 5.2.8 Μετατρέποντας την Pari σε CGI .„,....,,„.,.,.„„.„.,.,,,,,,.,,,.*.,.„.„„„„-,,,..,.,„„„„„..,„ 370 5.25Ένα πρόγραμμα CGI.......... ,.,...„.,.,..,.,.„„. —,.,.„„„„„ 371

5.3 ΡΗΡ,,,.„,....,.........,....... „.„..„...„„..„„ ,......,.,.„...............,„.., 381 5.3,1. Τι είναι η 381 5.3,2 Βασικοί κανόνες κατασκευής εφαρμογών ΡΗΡ ...,.,.„,.„„„„.. ...,„„.,., 382 5,33 Ένα πρόγραμμα ΡΗΡ,..............,.,„„„„....,.,..,..,..,....,...,.„..,.„„..........,.,..,.,.,,„.„„ 384 53.4 Μεταβλητές στην ΡΗΡ. ,...,„„,, 385 5.3.5 Τελεστές. 389 5.3.6 Εντολές υπό συνθήκη στην ΡΗΡ, * 392 5.3.7 Βρόχοι επανάληψης 394 5.3.8 Εισαγωγή δεδομένων,..,,.,., —,..,.,......,.,....... 395 5.3.9 Συναρτήσεις στην ΡΗΡ. , , . . . . . . . ....,.,.„.,.,,„.....,.......,., 397

5.4 ÂSP .,,.,,,.,.,.,,,..,,,,.,^ 399 5.4.1 Αντικείμενα στην ASP — 400 5.4.2 SSI ,..,., .....„„„„..., ............. 403

5.5 Ερωτήσεις - Θέματα για ανάπτυξη-Ασκήσεις 404

T m i * ^ · · · ^ . — : m Εισαγωγή στην XMTL

6.1 Τι είναι η ΧΜΙ ........ ..,.,„„„„.„....,.,...... — .413 6.1.1 Βασικές διαφορές μεταξύ XML και HTML .„,......„..413 6.1.2 Χρήση της XML — — 6.1.3 Κανόνες σύνταξης της XML ——-6.1.4 Στοιχεία και χαρακτηριστικά στην 6.1.5 Αναφορές οντοτήτων.,,,., 6.1.6 ΕγκυρότηταεγγράφωνXML * . - „„„.„.............,422

6.2 Ορισμός Τύπου Εγγράφου (DTD) ,,„.., . „ > . . . . . . . 4 2 3 6.2.1 Αναφορά και κλήση του DTD , .„„„, . .„ . . . . , . , .„ . . , , . . . . .„ , . . . . .„„. ,„ .„ .„ , . , . . .424 6.2.2 Προσδιορισμός στοιχείων 6.2.3 Προσδιορισμός χαραιαηριστΐ£ών mo DTD.·*.-™ —.........................427 6.2.4 Ορισμός οντοτήτων στο

6.2.5 Παραπομπή σε εξωτερικές οντότητες 63 Παρουσίαση εγγράφων XML ...........................

6.4.1 Τροποποίηση αρχείων με XSLT .— 433 6.4.2 Στοιχεία της XSL 6.4.3 Χρησιμοποιώντας το πρότυπο XPath μέσα από την XSL. , ,..,...,..440

6.5 Ερωτήσεις - Θέματα για ανάπτυξη -Ασκήσεις..,.........,.,.,....,.™^

Εικόνα 1.2.1 Παράδειγμα σύνδεσης υπολογιστών σε γειτονικό χώρο. Εικόνα 122 Σύνδεση απομακρυσμένων υπολογιστών με χρήση δημόσιου τηλεφω-

νικού δικτύου (PSTN). 32 Εικόνα 1,2.3 Τοπικό δίκτυο για τη διασύνδεση γραφείων. 32 Εικόνα 1.2.4 Ιδιωτικό επιχειρησιακό ενδοδίκτυο με μισθωμένες τηλεφωνικές γραμ-

Εικόνα 1.2.5 (α) Δημόσιο δίκτυο μεταγωγής δεδομένων. (β) Ψηφιακό δίκτυο ολοκληρωμένων υπηρεσιών (ISDN). 34

Εικόνα 1.2.6 Παγκοσμίου εύρους (δορυφορικό) δίκτυο..................................................................... 35 Εικόνα 1.2.7 Δομή δικτύου Εικόνα 1.2.8 Τοπολογία πλέγματος ...» Εικόνα 1.2.9 Τοπολογία αστέρα. 3S Εικόνα 1.2.10 Τοπολογίες διαύλου...... 39 Εικόνα 1.2.11 Τοπολογία δένδρου « 40 Εικόνα 1.2.12 Τοπολογίες δακτυλίου με 4 και 5 υπολογιστές. 40 Εικόνα 1.2.13 Σύνθετη τοπολογία που αποτελείται από ένα δίαυλο, ένα δακτύλιο

και έναν αστέρα.. . ........ 41 Εικόνα 12,14 Παράδειγμα Τοπικού Δικτύου (LAN) το οποίο αποτελείται από δύο

επιμέρους τοπικά δίκτυα, τύπου ETHERNET και Token Ring. 42 Εικόνα 1.2.15 Ένα μητροπολιτικό δίκτυο στο οποίο είναι συνδεμένα 4 υποδίκτυα

LAN.................... 43 Εικόνα 1.2 J 6 Δίκτυο Ευρεία: Περιοχής (WAN: Wide Area Network). .............................................. 44 Εικόνα 1.2.17 Προσέγρση αυτοδύναμων ια^των......:.,.......,,. ....... Emma 1.2.18 Προσέγγιση νοητού κύκλωματος. 47 Εικόνα 1,4.1 Το μοντέλο OS1 της ISO. Τα όρια του υποδικτυου επικοινωνίας

προσδιορίζομαι από τα 3 κατώτερα ε̂ ε̂ εεδο̂ 50 Εικόνα 1.4.2 Το μοντέλο OSI της ISO. Αναλυτική παρουσίαση 51 Εικόνα I A3 Αντιπαράθεση των αρχιτεκτονικών OSI και TCP/BP, Εικόνα 1.4.4 Ανάλυση των επιπέδων ίου TCP/IP και m σχετικά πρωτόκολλα.............. 55 Εικόνα 1.4,5 Στάδια πακετοποίησης του TCP/IP, όταν το δίκτυο πρόσβασης είναι

τόπου Ethernet .......56 Εικόνα 1.5.1 Επίπεδα λειτουργίας επαναλήπτη. γέφυρας, δρομολογητή και πύλης

ως προς το μοντέλο OSI. 57

59 61

feym mïimm mà:::âmʧ

Ξ ικόνα 2 A Λ Παράδειγμα. ενός διαδικτύου Eût? αποτελείται από 3 δίκτυα (ΕΑΝ. MAN ή WAN). ................... ............, .... ........72

Εικόνα 2.3.1 Παράδειγμα σόνδεσης ISDN.^....,., ......80 Εικόνα 2.3.2 Παράδειγμα δικτύου με D E L , . . . . . . . . . . . . 8 1 Εικόνα 2,3.3 Το μοντέλο Πελάτη - Εξυπηρετητή..................... ,. . . » ....,...... 83 Εικόνα 23.4 Χρήση της στοίβας πρωτοκόλλων TCP/IP για την επικοινωνία

πώώτη - εξυπηρετητή...... ................................ 86 Εικόνα 2.3.5 Υπολογιστής με πολλαπλούς 87 Εικόνα 2.4.1 Πακέτο TCP (επικεφαλίδα και 90 Εικόνα 2.4.2 Πακέτο UDR...........................,...... Εικόνα 2.43 Αυτοδύναμο πακέτο δεδομένων IPv4 ............................................................... 93 Εικόνα 2.4.4 Κατηγορίες - κλάσεις των διευθύνσεων ΙΕ 95 Εικόνα 2.4.5 Παράδειγμα δ ι ε ο θ υ ν σ ι ο δ ό τ η σ η ς . . . . . . . . . . . . . . . , , 9 8 Εικόνα 2.4.6 Δρομολογητές με πολλαπλές διευθύνσεις IP. ανάλογα με τα δίκτυα

Εικόνα 2,4.7α Αρχιτεκτονικές δικτύων. Τοπικό δίκτυο (LAN) και δίκτυο ευρείας περιοχής (WAN) 102

Εικόνα 2.4.76 Αρχιτεκτονικές δικτύων, Παραδείγματα διασύνδεσης τοπικών δικτύων και δικτύων ευρείας περιοχής............... 103

Εικόνα 2.4. Β Αρχιτεκτονική και ορολογία δρομολόγησης στο Διαδίκτυο.................................. 104 Ε ικόνα 2.4.9 (α) Πίνακας δρομολόγησης μιας πύλης, (β) Παράδειγμα διασύνδεσης

δικτύων, για το οποίο αναλύεται η δρομολόγηση, (γ) Διαδικασία διαμόρφωσης πινάκων δρομολόγησης. ................................................... 105

Εικόνα 2.4.10 Αειτουργία πρωτοκόλλου TELNET. 107 Εικόνα 2.4.11 (α) Λειτουργία του FTP. (β) Οι βασικές εντολές του FTP 108 Εικόνα 2.4.12 Το περιβάλλον εντολών FTP. όπως εμφανίζεται σε παράθυρο MS-DOS

• Prompt των WINDOWS. . . . . . . . . . . . . . . . . . . . . . I ΙΌ Εικόνα 2.4.13 Λειτουργία too Πρωτοκόλλου Μεταφοράς Υπερκειμένου (HTTP )......,..................... 112 Εικόνα 2.5.1 Παράδειγμα ηλεκτρονικού μηνύματος σε Outlook Express. 114 Εικόνα 2.5.2 Το μοντέλο πελάτη - εξυπηρετητή για την αποστολή ηλεκτρονικού

ταχυδρομείου 118 Εικόνα 2.53 Χρήση πύλης για τη διαχείριση του ηλειαρονικού ταρδρομείου...................... 119 Εικόνα 2.5.4 Χρήση του πραττοκόλλου POP για λήψη ηλεκτρονικών μηνυμάτων............................ 121. Εικόνα 2.6.1 Παρουσίαση του φυλλομετρητή «Microsoft Internee Explorer». „..„...„.................... 133 Εικόνα 2.6.2 lb παράθυρο των ρυθμίσεων του «Microsoft Internet Explorer»............................... 135 Εικόνα 2.63 Επιπλέον ρυθμίσεις του «Microsoft Internet Explor«^>,.................. 1.36

1

Εικόνα 3 J J. Εικόνα 3.1.2 Εικόνα 3 J.3 Εικόνα 3 J A Εικόνα 3.1.5 Εικόνα 11.6 Εικόνα 3. U Εικόνα 3.5.1 Εικόνα 3.5,2 Εικόνα 3.53 Εικόνα 3.5.4 Εικόνα 3,6,1 Εικόνα 3.6.2 Εικόνα 3.6.3 Εικόνα 3.6,4 Εικόνα 3.6,5 Εικόνα 3.6,6 Εικόνα 3,6.7 Εικόνα 3,6.8 Εικόνα 3,6,9 Εικόνα 3.6,10 Εικόνα 3.6, Π Εικόνα 3,6,12 Εικόνα 3.6 J 3 Εικόνα 3.6,14 Εικόνα 3.6,15 Εικόνα 3.6,16 Εικόνα 3,6,17 Εικόνα 3.6.18 Εικόνα 3.6.19 Εικόνα 3.6.20 Εικόνα 3.6.21 Εικόνα 3,6.22 Εικόνα 3.6.23 Εικόνα 3.6.24 Εικόνα 3.6 J 5 Εικόνα 3,6.26 Εικόνα 3,6,27 Εικόνα 3,6,28

Ιστοσελίδα μιας εταιρείας παροχής υπηρεσιών Ιστοσελίδα που απευθύνεται σε συγκεκριμένο κοινό, τα παιδιά, Προσωπική ιστοσελίδα Ιεραρχικό: τρόπο: οργάνωσης της δομής μιας ιστοσελίδα: Γραμμικός τρόμος οργάνωσης της δομής μιας ιστοσελίδα: ,„>,„. Ανά/ακΗ| οθό\ης.................. Διάταξη ιστοσελίδας Το περιβάλλον εργασίας του Dreaimvaver Το περιβάλλον εργασίας του FrontPage.. Το περιβάλλον εργασίας του Notepad.,,., Το περιβάλλον εργασίας του EdiiPlus..... Η βασική δομή ενός εγγράφου HTML..., Ένα απλό παράδειγμα HTML ,.„„..„.„.... Επικεφαλίδες... Μία απλή παράγραφος ....................... Μορφοποιημένο κείμενο......................... Προεπισκόπηαη αποσπάσματος..,.,..,...,,. Λογική και φυσική; μορφοποίηση.......... Μη αριθμημένη λίστα ,....„..,..,„.„...„...„ Αριθμημένη λίστα Λίστα ορισμών ,...„.„„„„„„„.„„„„„„.,„. Λίστα ορισμών με το χαρακτηριστικό Compact. Εμφωλιασμένη λίστα,...,,..., „,..„.., Σύνδεση σε συγκεκριμένα τμήματα..,, ..................... Ηλεκτρονικό ταχυδρομείο με το χαρακτηριστικό mailto....... Χαρακτηριστικά μεγέθους μιας εικόνας .....,„.„„.,„.,„.„..,„... Παράδειγμα προσδιορισμού τμημάτων μιας εικόνας-χάρτη, Παράδειγμα μιας εικόνας-χάρτη όπως φαίνεται στο φυλλομετρητή Εικόνα - χάρτης „.,.,,,.....„..,...,„.„..,„.„....,..,..... Παράδειγμα ενός πίνακα „„.,...., Χωρισμός εγγράφου σε δυο πλαίσια,.,.,,,.,.,...,, Δημιουργώντας γραμμές και στήλες. Εμφωλισμένα πλαίσια. πρώτο παράδειγμα...,,. Εμφωλιασμένα πλαίσια, δεύτερο παράδειγμα. Περιθώρια πλαισίων Ένθετα {Κινούμενα) πλαίσια..,, <TEXTAREA> και <FORM> Παραδείγματα της ετικέτας <SELECT>,„....,., Παραδείγματα της ετικέτας <INPUT>„...........

. 152

.153

. 153 58 I 0

61 67

72

19

. 112 183 85 87

. 193

. 195

. 196

.202 .,.,.202 .....203 .....207

210 . 211

.,,213 ,,.214 .,215 ,.,218 ,223

.,.226 ,228

Εικόνα 43 J Ιεραρχία αχ-τικαμένων ιοτοσελίδας ............ ............ ............. 243 Εικόνα 4 3 2 Βασική αύνταςη JavaScript —. . . . . . .—. 248 Εικόνα 4 3 3 Παράδειγμα κλήσης αναρτήσεων 253 Εικόνα 43.4 Διάγραμμα ροής για τη δήλωση f o r . . . . . . . . — — 256 Εικόνα 4.3,5 Μέθοδοι ημερομηνίας..,..,,,, „.„.,.,„.„„..„„„. .„.», Εικόνα 4.3,6 Προσθέτοντας ένα ρολόι Live Clock στην ιστοσελίδα ,,,...,.265 Εικόνα 43,7 Φόρμα HTML που δημιουργεί και ανοίγει ένα παράθυρο.,,,.,,,.,.,...,,.,,,..,,..,,,...,........... 267 Εικόνα 4 3 3 Παράθυρο που εμφανίζει στοιχεία της φόρμας από την οποία

δημιουργήθηκε, .,...„„„„„„„„„„,„„.„,„,„„„„„ ,, ,„,„. ..,,„,„...,..„.,„.,.„.,„.,.„..,„...,..„...,...269 Εικόνα 43.9 Παράδειγμα Alert Εικόνα 4.3.10 Παράδειγμα Confirm....*...... , * . » 274 Εικόνα 43,11 Παράδειγμα Prompt — Εικόνα 43.12 ΑΦεφο παράδειγμα παραθύρου μηνύματος Alert „„„.,..,.................,...,............,„.,.„.„ 275 Εικόνα 43.13 Αλλαγή εικόνων με την κίνηση του ποντικιού - Αρχική εικόνα ,..,,...,...,,...,,...,...,.....,., 27$ Εικόνα 43.14 Αλλαγή εικόνων με την κίνηση του ποντικιού - Εικόνα που εμφανίζεται

όταν ο δείκτης του ποντικιού μετακινηθεί 27$ Εικόνα 4.3,15 Αλλαγή εικόνων με την κίνηση του ποντικιού - Εμφάνιση νέας σελίδας HTML......... 279 Εικόνα 43. té Παράδειγμα ενός drop down box .,„..,...,.,„„.„„..,..,„..,„..,.„„„„,...„,..,..„.....,.,.,.„..,..,„., 280 Εικόνα 4.4,1 Παράδειγμα ενός απλού KéSiKaVBScripf ~ 284 Εικόνα 4,4.2 Παράθυρο μηνύματος κώδικα VBScript 215 Εικόνα 4.43 Παράθυρο για εισαγωγή μηνύματος Εικόνα 4,4,4 Παράθυρο μηνύματος VBScript —,.289 Εικόνα 4,5,1 Ιεραρχία αντικειμένων στη Java. ......,...„„„„.,.„„„„„.„.,„. 313 Εικόνα 4.5.2 Αποτέλεσμα εκτέλεσης Applet σε μία σελίδα HTML., „„„„........,..„ 317 Εικόνα 4.53 Αποτέλεσμα εκτέλεσης Applet στο AppletViewer........ 317 Εικόνα 4.5.4 Applet που δέχεται παραμέτρους από τη σελίδα HTML ,.,., 32Θ Εικόνα 4.5.5 Applet που εμφανίζει σχήματα και χρώματα ._„,,..„„...,...„...».,„„.„.......„.„.„„..... 322 Εικόνα 4.5.6 Applet που επιτρέπει αλληλεπίδραση με το χρήστη 325 Ξ ικόνα 4.6. ! Εφαρμογή διαφορετικών στυλ σε στοιχείο τόπου επικεφαλίδας 1 ...,....,....„.„„„.,„„„„ 333 Εικόνα 4.6.2 Εφαρμογή στυλ σε στοιχεία της σελίδας HTML .,..,...,....,..„...„....,....„..,,...».... 338 Εικόνα 4.63 Παράδειγμα προσδιορισμού θέσης αντικειμένου — 3 4 0 Εικόνα 4.6.4 Χρήση z~îndex για την εμφάνιση εικόνας πίσω από κείμενο 342

γ · * m m ^ i a P M Î ^ m M v., ι M- II-•

5 : : ι s ν- . „..,,„...„.„„.;..,«.,*.379 Εοώνα 5.2.2 Εμφάνιση αποτελεσμάτων αναζήτησης ...„,.„„„„.„„.. 380 Εικόνα 5,3.î Φόρμα εισαγωγής δεδομένων. .....................................,„„„„„„ 396 Ε ικόνα 53.2 Αποτέλεσματα εκτέλεσης σεναρίου ΡΗΡ. 397 Εικόνα 54,1 Αποτελέσματα εκτέλεσης σεναρίου ASP...... —·~ 4§§

Εικόνα 6.4 î Παρουσίαση εγγράφου XML σε φυλλομειρητή Internet Explorer 6.. Εικόνα 6.4.2 Εμφάνιση του τροποποιημένου αρχείου XML ως ιστοσελίδα. ....

.43 4 ,436

Πίνακας 23. ί Λίστα εξυπηρετητών και περιγραφή των υπηρεσιών που υποστηρίζουν... .................... . . .13

Πίνακας 2,4.1 Εύρεση της κλάσης μιας διεύθυνσης IP. με χρήση των 4 πρώτων bit 96 Πίνακας 2.43 Η αντιστοίχιοη των δυαδικών διευθύνσεων IP σε δεκαδικές. . . . . . . . . . . . . . . . . . . . 9 6 Πίνακας 2.4,3 Το εύρος της κάθε κλάσης με βάση τον πρώτο δεκαδικό αριθμό................................... 97 Πίνακας 2.4.4 Μέγιστος αριθμών δικτύων και υπολογιστών υποδοχής για την κάθε

κλάση......... ..97 Πίνακας 2.4.5 Οι ειδικές διεαθάνσεις IP και ο λόγος για τον οποίο χρησιμοποιούνται.................................. 101 Πίνακας 2.4.6 θύρες πρωτοκόλλων ...ΠΙ Πίνακας 2.5 J Λέςεις-κλειδια στο ηλεκτρονικό ταχυδρομείο. 115 Πίνακας 2.5.2 Κυριότεροι τύποι ΜΙΜΕ και οι αντίστοιχες επεκτάσεις αρχείων............................... 116 Πίνακας 2.5.3 Αποστολή ηλεκτρονικού μηνύματος σε ομάδες χρηστών. I IS Πίνακας. 2.6.1 Δημοτικότητα φυλλομετρητών. .. 131 Πίνακας 2.6.2 Λειτουργίες της μπάρας εργαλείων. 134

s ί σ τ α Π ι ν ά κ ω <1ί:: Πίνακας 3.1.1 Οργάνωση μιας εφαρμο^ς.............................. Πίνακας 3.1.2 Οδηγός κατασκευής απλών ιστοσελίδων.......... Πίνακας 3.6.1 Στοιχεία πινάκων.. Πίνακας 3.6.2 Χαρακτηριστικά πινάκων Πίνακας 3.63 Επιλογές της ετικέτας <FORM> Πίνακας 3.6.4 Χαρακτηριστικά της ετικέτας <FORM>........... Πίνακας 3.6.5 Χαρακτηριστικά της ετικέτας <TEXTAREA>. Πίνακας 3.6.6 Χαρακτηριστικά της ετικέτας <S£LE€T>....... Πίνακας 3.6.7 Χαρακτηριστικά της ετικέτας <OPTiONS> . . . Πίνακας 3,6.8 Χαρακτηριστικά της ετικέτας <ΙΝΡϋΤ> . . . . .

155 .158 .205 .205 .221

.222

.223

.224

.224

.226

~ίναχας 4.3.1 ακας 43.2

• ακης 4.3.3 "τ.τικας 43.4 "νάκας 43.5 ~ ιναχας 43.6 "νακας 4.4.1 ""••αχός 4.5 J

ηαας 4.5.2 ~ ?*ακας 4.5.3 ~ :.ακας 4.5.4 H—iii; 4.6.1

Ιγ.τςκο^ 4.6.2

Τελεστές σύγκρισης στη JavaScript. Λογικοί τελεστές στη JavaScript.......................... Εκτέλεση βημάτων εντολής il........................... Αποτελέσματα βρόχου for........... Ιδιότητες του αντικειμένου παραθύρου............... Ιδιότητες ε ν γ ρ ά φ ^ . . . . . . . . . . . . . . . . . . . . . . . . . Περιγραφή υποτυπων της VBScript..................... Τύποι μεταβλητών της lava.................................. Τελεστές που συνδυάζουν πράςη με ανάθεση τιμής. Εντολές βρόχου στη Java..................................... Σχόλια στη java............................................... Διαφορές φυλλομετρητών στις τεχνολογίες που υποστηρίζουν και στην υλοποίηση της DHTML ......................................... Γεγονότα που προστέθηκαν στην έκδοση 4.0 της HTML.........................

.251

.252 . 255 ,262 .265 .275 .2S8 .308 .309 .312 ..313

.329

..344

s a a i

Γ. :. ακας 5.1.1 Σύγκριση τεχνολογιών Perl, PHP και ASP , ~ :. ακας 5.2.Ϊ Τελεστές εκχώρησης στην Pert... Γ. . ακας 5.2.2 Τελεστές σύγκρισης στην Pari........ ~:· ακας 5.2.3 Μαθηματικοί τελεστές στην Peri... Γ. -σκας 53.1 Τελεστές σύγκρισης στην ΡΗΡ...... Π Γ. ακας 53.2 Λογικοί τελεστές στην ΡΗΡ........... Πτ.ακας 533 Αριθμητικοί τελεστές στην ΡΗΡ...

.358

.363

.363

.364

.390

.391

.391

Πτ ακας 6.1.1 Ειδικοί χαρακτήρες και οι αντίστοιχες ο\πότητες.......................... "τ.ακας 6,2.1 Σύμβολα που προστίθενται στον ορισμό ενός στοιχείου.................. ~ - ακας 6.2.2 Προκαθορισμένη τιμές και λέξεις κλειδιά για τα χαρακτηριστικά.. Πίνακας 633 Τύποι χαρακτηριστικών Πίνακας 6.43 Παραδείγματα εκφράσεων XPath

.422

.426

.428

.428

.441