Μέρος Α (Ν. Αβούρης)

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "Μέρος Α (Ν. Αβούρης)"

Transcript

1 C005-ΕΙ ΙΚΑ ΚΕΦΑΛΑΙΑ ΣΥΣΤΗΜΑΤΩΝ ΛΟΓΙΣΜΙΚΟΥ ΣΤΟ ΙΑ ΙΚΤΥΟ 10ο Εξάµηνο και Μεταπτυχιακός Κύκλος Σπουδών Μέρος Α (Ν. Αβούρης) ΕΒ ΟΜΑ ΙΑΙΑ Ι ΑΣΚΑΛΙΑ ( ): 3 ώρες θεωρία (Παρασκευή 9-12) 1 ώρα εργαστήριο: (Α ευτέρα 9-10, Β Τρίτη 9-10, Γ Παρασκευή 12-1) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 1

2 Σκοπός - Περιεχόµενο Σκοπός του µαθήµατος είναι η µελέτη της τρέχουσας τεχνολογίας που διευκολύνει την ανάπτυξη συστηµάτων λογισµικού στο διαδίκτυο Μέρος Α (Αβούρης) Εισαγωγή στο διαδίκτυο, αρχιτεκτονική, πρωτόκολλα Γλώσσες διαδικτύου (HTML, JavaScript, XML) Γλώσσες προγραµµατισµού στην πλευρά server (ASP, PHP) Ολοκλήρωση βάσεων δεδοµένων στο διαδίκτυο. Μέρος Β και Γ (Σερπάνος- Χούσος) Internet Cashing, Η ανάπτυξη υποδοµής του διαδικτύου. Αλγόριθµοι και τεχνικές Παραδείγµατα εφαρµογών στο διαδίκτυο: Ηλεκτρονικό Εµπόριο, Εκπαίδευση από απόσταση. Επιτήρηση διεργασιών, Εξυπηρετητές ειδικών υπολογισµών. Application Service Providers Grid technology Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 2

3 Βιβλιογραφία Σ. Ρετάλης και Γ. Τσέλιος HTML από το απλό στο σύνθετο, Καστανιώτης D. Ray E. Ray, Mastering HTML 4, Sybex, 1999 D. Martin, et al. Professional XML, Wrox, etc. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 3

4 Εισαγωγή- Ιστορία (1) 60ς: πρώτο Packet Switching Network δίκτυο ARPANET 72 Internet Mail 74 Vint Cerf, Bob Kahn : TCP/IP 83 To ARPANET δέχεται το TCP/IP σαν στάνταρ 83 Το ARPANET χωρίζεται σε ARPANET & MILNET 84 Το Internet ξεπερνά τους Hosts 84 Εισαγωγή του Domain Name Server 87 Το Internet ξεπερνά τους Hosts Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 4

5 Εισαγωγή- Ιστορία (2) 89 Το Internet ξεπερνά τους 100,000 Hosts 90 Το ARPANET παύει να υπάρχει 86 ηµιουργία του NSFNET 91 Η NSF αίρει τον περιορισµό εµπορικής χρήσης του διαδικτύου 92 Το Internet ξεπερνά τους 1 εκατοµµύριο Hosts 92 Ο ιστός (Web) ανακαλύφθηκε από τον Tim Berners-Lee (CERN) 93 O γραφικός φυλλοµετρητής MOSAIC δηµιουργήθηκε από τον Marc Andreesen Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 5

6 Μερικά Ονόµατα... Joseph C.R. Licklider (ARPA/IPTO η ιδέα του δικτύου ARPANET), Bob Taylor (δηµιουργός του ARPANET) Vint Cerf, Bob Kahn (ορίζουν τα TCP IP) Tim Berners-Lee (παγκόσµιος ιστός) Marc Andreessen (γραφικός φυλλοµετρητής MOSAIC, NETSCAPE) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 6

7 90ς- σήµερα : Εκθετική αύξηση Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 7

8 .GR domain (1/04) This Month Last Month Change % Change % Change All TLDs Hosts Counted 329, ,061 66, % +2.8% Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 8

9 Η εξέλιξη... ιαλειτουργικότητα πληροφοριακών συστηµάτων To video και audio streaming προκαλεί σύγκλιση της τηλεόρασης και υπολογιστή. Ανάπτυξη ηλεκτρονικού εµπόριου (electronic commerce), ηλεκτρονικών υπηρεσιών. Ανάπτυξη µηχανισµών χρέωσης των υπηρεσιών του διαδικτύου Η διανοµή λογισµικού µέσω του διαδικτύου Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 9

10 Ερωτήσεις Q1 Τι είναι τα RFC, ποιο το RFC για το , FTP Ανακαλύψετε περισσότερες λεπτοµέρειες για τη ζωή των εφευρετών του διαδικτύου (π.χ. πηγή K. Hafner, M. Lyon, 96) Πώς µετράµε τον αριθµό hosts (πηγή ;) Ποια η σχέση παγκόσµιου ιστού και διαδικτύου; Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 10

11 Αρχιτεκτονική διαδικτύου FTP HTTP TELNET SNMP MBONE TCP UDP Connectionoriented IP (ICMP, IGMP) Connectionless Internet addressing Physical Layer Physical wiring Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 11

12 ιευθύνσεις IP Μοναδικές διευθύνσεις κάθε κόµβου του διαδικτύου (32 bit). ίνονται από το InterNIC απαρτίζονται από 4 τµήµατα των 8 bit (τιµές 0-255) που ορίζουν ιεραρχικά : κατηγορία δικτύου, διεύθυνση δικτύου, µηχανή Υπάρχουν 3 κατηγορίες IP δικτύου (Α,B,C) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 12

13 Κατηγορίες δικτύων IP 7 bits 24 bits Class A 0 Netid Hostid 14 bits 16 bits Class B 1 0 Netid Hostid 21 bits 8 bits Class C Netid Hostid Class D 28 bits Multicast Group id Class E 27 bits ( εσµευµένα για µελλοντική χρήση) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 13

14 Εύρος διευθύνσεων Κλάση Εύρος διευθύνσεων A ως Β ως C ως D ως E ως Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 14

15 Άσκηση (c1) Έστω ότι πρέπει να διαχειριστούµε ένα δίκτυο που έχει IP Να βρείτε τι κατηγορίας δίκτυο είναι. Πόσοι υπολογιστές µε διακριτές διευθύνσεις IP µπορούν να οριστούν στο δίκτυο; προτείνετε τρόπους οργάνωσης των υπολογιστών αυτών Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 15

16 Subnet Masks Οι µάσκα υποδικτύου είναι µηχανισµός µέσω του οποίου µπορούµε να καθορίσουµε ποιο τµήµα της διεύθυνσης IP είναι η διεύθυνση δικτύου (netid) και ποιο τµήµα είναι η διεύθυνση του υπολογιστή (hostid). Η µάσκα είναι ένας αριθµός 32 bit που έχει ψηφίο 1 για netid και Ο για hostid. 16 bits 8 bits 8 bits Netid subnetid hostid Subnet Mask: = Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 16

17 IPv6 Η τρέχουσα έκδοση του πρωτοκόλλου ΙΡ (έκδοση 4) παρουσιάζει προβλήµατα, µε κύριο αυτό του µικρού αριθµού δυνατών διευθύνσεων Νέα έκδοση IPv6 έχει µήκος διευθύνσεων 128 bits γρηγορότερη επεξεργασία επικεφαλίδων που έχουν λιγότερα πεδία µηχανισµοί πιστοποίησης και ασφαλείας µηχανισµοί χαρακτηρισµού πακέτων για εφαρµογές πραγµατικού χρόνου. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 17

18 Ασκήσεις (c2) Να περιγράψετε το µηχανισµό µέσω του οποίου ένας υπολογιστής δικτύου µπορεί να αποφασίσει αν µια πληροφορία προορίζεται για υπολογιστή διαφορετικού δικτύου ή υποδικτύου ή του ιδίου υποδικτύου όταν γνωρίζει την διεύθυνση του και την µάσκα υποδικτύου. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 18

19 Άσκηση (c3) Έστω ότι η διεύθυνση µας είναι και ότι η µάσκα υποδικτύου είναι Να βρείτε τη σχέση µας µε τους εξής υπολογιστές: (α) (β) (γ) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 19

20 DNS Μηχανισµός µετασχηµατισµού των διευθύνσεων IP σε ονόµατα υπολογιστών. Από σε homer.clab.ee.upatras.gr στις διευθύνσεις το πιο ειδικό τµήµα της διεύθυνσης βρίσκεται στο αριστερό άκρο. Μηχανισµοί δροµολόγησης (δυναµική ή στατική), πίνακες δροµολόγησης. Πρωτόκολλο ανίχνευσης σφαλµάτων Internet Control Message Protocol, ICMP) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 20

21 Πρωτόκολλα SLIP και PPP Πρωτόκολλα για µεταφορά πακέτων µεταξύ 2 σηµείων µέσω σειριακής γραµµής. SLIP : Παρέχει πλαισίωση Framing όπως το Ethernet, όµως δεν έχει µηχανισµούς για ανταλλαγή πληροφοριών διευθύνσεων, δεν έχει µηχανισµό ανίχνευσης και διόρθωσης λαθών, δεν παρέχει µηχανισµό συµπίεσης PPP απαντά στις ελλείψεις του SLIP. Αποτελείται από το HDLC, LCP, NCP. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 21

22 FTP (rfc 959) Υποστηρίζει πιστοποίηση ταυτότητας χρήστη και περιήγηση σε καταλόγους. Επίσης trivial FTP(rfc1350) User Interface User Server Protocol intepreter FTP Commands User protocol intepreter File System Server data transfer module Data connection User data transfer module File System Server-FTP User-FTP Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 22

23 SMTP (rfc 821,822), MIME (rfc 2045, 2049), POP, IMAP User Agent SMTP Mail Transfer Agent SMTP Mail Transfer Agent SMTP File I/O Mail Transfer Agent POP/ IMAP SMTP User Agent Message Store Offline Message Store Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 23

24 Ο Παγκόσµιος ιστός (WWW) URL (ενιαίο πρωτόκολλο διευθύνσεων πόρων) CLIENT (φυλλοµετρητής) HTTP (πρωτόκολλο µετάδοσης) WEB SERVER HTML (γλώσσα µορφοποίησης περιεχοµένου) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 24

25 URL ιεύθυνση ενός πόρου του δικτύου : <scheme>:<scheme-specific name> π.χ: <protocol>://<user>:<password>@<host>: <port>/<path> ιστοσελίδα: ftp://hermes.clab.ee.upatras.gr/pub/temp.zip Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 25

26 Hypertext Transfer Protocol (HTTP) Πρωτόκολλο µεταφοράς δεδοµένων µεταξύ πελάτη - εξυπηρετητή παγκόσµιου ιστού. εδοµένα που µεταφέρονται είναι σε µορφή MIME και συνοδεύονται από πληροφορίες χρήσιµες για τη µεταφορά. Σήµερα το HTTP v.1.1 υποστηρίζει: λιγότερες TCP συνδέσεις σε σχέση µε HTTP 1.0 συµπίεση και αποσυµπίεση των δεδοµένων. πολλαπλές γλώσσες. µεταφορά ενός κοµµατιού ενός αρχείου. virtual hosting. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 26

27 HTML (γλώσσα µορφοποίησης περιεχοµένου) Απλοποιηµένη έκδοση της γλώσσας SGML Η πιο διαδεδοµένη έκδοση η 3.2. Πρόσφατα έκδοση 4.0. Οργανισµός προτυποποίησης W3C (World-Wide Web Consortium) Επίσης προσπάθεια για έκδοση Dynamic HTML που ενσωµατώνει στοιχεία διαδικαστικής γλώσσας (Ενσωµατώνει Scripting Γλώσσα). Εταιρείες φυλλοµετρητών εκδίδουν επεκτάσεις εκτός προτύπου (MS, Netscape) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 27

28 HTML syntax Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 28

29 οµή σελίδας HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Ο τίτλος της σελίδας</title>... άλλα στοιχεία που τοποθετούνται στο στοιχείο HEAD... </HEAD> <BODY>... κύριος κορµός της σελίδας... </BODY> </HTML> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 29

30 Ετικέτες HTML Ετικέτα= <εντολή [παράµετρος1] [παράµετρος2]> Ζεύγη <εντολή>... </εντολή> ετικέτες για... τη µορφοποίηση του κειµένου ηµιουργία πινάκων τη δόµησή του κειµένου σε ενότητες την εισαγωγή εικόνων, φωτογραφιών, ήχου κ.ά. τη σύνδεσή του µε άλλα υπερκείµενα µε τη χρήση υπερσυνδέσµων τη δηµιουργία φορµών Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 30

31 <!DOCTYPE... Η ετικέτα <!DOCTYPE... > δηλώνει την έκδοση HTML του έγγράφου. Π.χ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//en"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 31

32 Ετικέτες στο Τµήµα <HEAD>.. </HEAD> <TITLE> Ορίζει τον τίτλο της σελίδας <ISINDEX> Μηχανισµός απλών αναζητήσεων <BASE> Ορίζει τη βάση αρχής για καθορισµό των σχετικών URL <SCRIPT> Καθορισµός της scripting γλώσσας <STYLE> Καθορισµός Style Sheets <META> Καθορισµός ζεύγους πληροφοριών όνοµα και τιµή <LINK> Ορισµός σχέσεων µε άλλα κείµενα Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 32

33 <BODY (παράµετροι) > Παράµετροι που αφορούν όλη τη σελίδα bgcolor Καθορίζει το χρώµα του φόντου της σελίδας. text χρώµα των χαρακτήρων του κειµένου. link χρώµα των χαρακτήρων των link που δεν έχει επισκεφτεί ακόµη ο χρήστης. vlink χρώµα των χαρακτήρων των link που έχει επισκεφτεί ο χρήστης. alink χρώµα των χαρακτήρων των link τη στιγµή που ο χρήστης επιλέγει το link. Background URL µια εικόνας (είδους.gif ή.jpg) που θα χρησιµοποιηθεί επαναληπτικά (tile) για το σχηµατισµό του φόντου της σελίδας Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 33

34 Χρώµατα Όνοµα Hex Black # Green # Silver #C0C0C0 Lime #00FF00 Grey # Olive # White #FFFFFF Yellow #FFFF00 Όνοµα Hex Maroon # Navy # Red #FF0000 Blue #0000FF Purple # Teal # Fuchsia #FF00FF Aqua #00FFFF Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 34

35 < BODY> παραδείγµατα <BODY BGCOLOR= #000ABC TEXT= # LINK= #FFFFFF VLINK= # ALINK= #FF0000 > <BODY BACKGROUND= images/baloon.gif > (να βρείτε το νόηµα της ετικέτας) Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 35

36 Ετικέτες µορφοποίησης παραγράφων-περιοχών κειµένου <H1>, <H2>,... <H6> Επικεφαλίδα π.χ. <H2 ALLIGN= LEFT> </H2> <P > Παράγραφος π.χ. <P ALIGN=LEFT>... </P> <UL> Μη διατεταγµένη λίστα ( ) π.χ. <UL> <LI> Lions <LI> Tigers <LI> Bears </UL> <OL> ιατεταγµένη λίστα (1.,2.,3. ) <DL> Λίστα ορισµού (<DT>, <DD> ) π.χ. <DL> <DT> HTML <DD> Hypertext Mark Up Language </DL> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 36

37 Μορφοποίηση κειµένου <I> Πλαγιαστός τύπος κειµένου <B> Τύπος έντονου κειµένου (bold) <U> Τύπος υπογραµµισµένου κειµένου <STRIKE> Τύπος κειµένου strike-through <TT> Κείµενο σε teletype ή monospaced µορφή <BIG> Κείµενο σε κεφαλαία <SMALL> Κείµενο σε πεζά <SUB> Κείµενο σε µορφή δείκτη (Subscript) H<SUB>2</SUB>SO<SUB>4</SUB> <SUP> Κείµενο σε µορφή εκθέτη (Superscript) (x + y) <SUP> 2 </SUP> = x <SUP> 2 </SUP> + y <SUP> 2 </SUP> + 2xy Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 37

38 Μορφοποίηση κειµένου (συνεχ.) <PRE> </PRE> προ- µορφοποιηµένο κείµενο συνήθως σταθερού διαστήµατος. <DIV> </DIV> Χωρισµός κειµένου σε περιοχές π.χ. <DIV align=center> <CENTER> στοίχιση κειµένου στο κέντρο <BLOCKQUOTE> παράγραφος µε πιο δεξιά στοίχιση από το προηγούµενο κείµενο Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 38

39 Μορφοποίηση κειµένου (συνεχ.) <HR> οριζόντια γραµµή (Horizontal Rule) δέχεται παραµέτρους: ALIGN, NOSHADE, SIZE, WIDTH π.χ. <HR NOSHADE ALIGN=CENTER WIDTH=50% SIZE=10> <BR> διακοπή κειµένου π.χ. ιεύθυνση: <BR> Μαιζώνος 100 <BR> Πάτρα Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 39

40 Πίνακας <TABLE BORDER=1> <CAPTION> ονοµα πίνακα </CAPTION> <TR > <TH> επικεφαλίδα 1</TH> </TR> <TH> επικεφαλίδα 2</TH> <TR> <! γραµµή 1> </TR> <TD> κελί 11 </TD> <TD> κελί 12 </TD> <TR > <! γραµµή 2> <TD> κελί 21 </TD> </TR> </TABLE> <TD> κελί 22 </TD> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 40

41 <TABLE attr > Πίνακας -2 ALIGN (LEFT, CENTER ή RIGHT). Default: LEFT, αλλά αυτό µπορεί να αλλαχθεί από κάποιο από τα στοιχεία DIV ή CENTER, αν αυτά συµπεριλαµβάνονται µέσα στον πίνακα.. WIDTH θέτει είτε το απόλυτο πλάτος σε pixel (WIDTH=452) είτε επί τοις εκατό κενό µεταξύ αριστερού και δεξιού ορίου (WIDTH=60%). BORDER πλάτος του εξωτερικού περιγράµµατος σε αριθµό pixel (π.χ. BORDER=3). CELLSPACING µέγεθος κενής περιοχής γύρω από κάθε κελί σε pixel (π.χ. CELLSPACING=5). CELLPADDING pixel µεταξύ του ορίου του κελιού µε τα περιεχόµενά του. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 41

42 Πίνακας -2 <TABLE BORDER=8 CELLSPACING=5 CELLPADDING=2 WIDTH="90%"> <CAPTION>... Τίτλος Πίνακα... </CAPTION> <TR> <TD> κελί-1</td> <TD> κελί-2</td> </TR> <TR>... </TABLE> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 42

43 Πίνακας -3 <CAPTION attr> Τίτλος </CAPTION> ALIGN καθορίζει την τοποθέτηση του τίτλου του πίνακα µε δυνατές τιµές ALIGN=TOP ή ALIGN=BOTTOM. Εξ ορισµού, η τοποθέτηση του τίτλου του πίνακα είναι στο πάνω µέρος. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 43

44 <TR> Παράµετροι ετικετών κελιών ALIGN οριζόντια ευθυγράµµιση των περιεχοµένων των κελιών. Αποδεκτές τιµές είναι οι: LEFT, CENTER ή RIGHT. VALIGN κατακόρυφη ευθυγράµµιση των περιεχοµένων των κελιών. Αποδεκτές τιµές είναι οι: TOP, MIDDLE ή BOTTOM <TH>, <TD> εκτός των παραµέτρων ALIGN, VALIGN : NOWRAP απενεργοποιεί την αυτόµατη τύλιξη κειµένου στο χώρο ενός κελιού. ROWSPAN γραµµές που θα καταλάβει το κελί (default=1) COLSPAN στήλες που θα καταληφθούν από αυτό το κελί. (default=1) WIDTH πλάτος των περιεχοµένων κελιού σε pixel εξαιρώντας τις σκιές του κελιού. HEIGHT ύψος των περιεχοµένων ενός κελιού σε pixel εξαιρώντας τις σκιές του κελιού. BGCOLOR χρώµα του φόντου του κελιού Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 44

45 ALIGN - VALIGN Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 45

46 Άσκηση-1 <TABLE BORDER=1> <TR> <TD COLSPAN=3> C3 </TD> </TR> <TR> <TD ROWSPAN=2> R2 </TD> <TD> Α </TD> <TD> B </TD > </TR> <TR> <TD> C</TD> <TD> D </TD> </TR> </TABLE> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 46

47 Άσκηση-1 C3 R2 A C B D Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 47

48 Πίνακας : άσκηση-2 Έστω ο εξής πίνακας: ΠΟΛΗ ΚΩ ΙΚΟΣ ΠΑΤΡΑ 2610 ΑΙΓΙΟ ΑΚΡΑΤΑ Να ορίσετε τον πίνακα σε HTML Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 48

49 Φροντιστήριο Φ1 Να γράψετε την εντολή <TABLE> που παράγει το εξής αποτέλεσµα: Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 49

50 ιασύνδεση ιστοσελίδων <Α> (άγκυρα) Ετικέτα που επιτρέπει τη διασύνδεση µέσω υπερ-συνδέσµου (HREF) π.χ. <A HREF= > Visit the EE Department </A> Η διασύνδεση µπορεί να γίνει µεταξύ τµηµάτων της ιδίας ιστοσελίδας. <Α ΝΑΜΕ= location L Location L is here</a> H σύνδεση µε το σηµείο αυτό γίνεται ως εξής: <Α HREF= #location L > Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 50

51 ιασύνδεση µε ηλ. ταχυδρ. <Α µήνυµα στο Τµήµα</Α> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 51

52 <IMG> Εικόνες (gif, jpeg) ιαφορές gif, jpeg <IMG SRC= logo.gif ALIGN=MIDDLE> Εξηγήστε τις ετικέτες γύρω από την εικόνα: <CENTER><IMG SRC= logo.gif ><BR> </CENTER> Κείµενο αντί εικόνας <IMG SRC= logo.gif ALT= EE Dept Logo > Στοίχιση εικόνας ALIGN={LEFT, RIGHT, TOP, MIDDLE, BOTTOM} Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 52

53 Εικόνες ALIGN=left right top texttop middle absmiddle baseline bottom absbottom Kαθορίζει τη στοίχιση της εικόνας σε σχέση µε το κείµενο που βρίσκεται γύρω από αυτή ή σε σχέση µε τη σελίδα. HSPACE=xx pixels- VSPACE=xx pixels Kαθορίζουν την οριζόντια ή κάθετη, απόσταση που θα έχει η εικόνα σε σχέση µε το κείµενο που την περιβάλλει. WIDTH=xx pixels - HEIGHT=xx pixels Kαθορίζουν το πλάτος και το ύψος της εικόνας που πρόκειται να εµφανιστεί στη σελίδα. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 53

54 Φόρµες <FORM METHOD="POST" ACTION="/cgi-bin/thingie"> Name: <INPUT TYPE="TEXT" NAME="name"><BR> Password: <INPUT TYPE="PASSWORD" NAME="pass"> <BR> Ice Cream: Vanilla <INPUT TYPE="Radio" VALUE="1" CHECKED NAME="ice cream"> Chocolate <INPUT TYPE="Radio" VALUE="2" NAME="ice cream"><br> <INPUT TYPE="submit" VALUE="Send Data "> </FORM> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 54

55 <FORM> <INPUT attr> TYPE =text (εξ ορισµού) κείµενο µιας γραµµής SIZE ορατό µήκος. MAXLENGTH µέγιστος αριθµός χαρακτήρων NAME όνοµα τιµής πεδίου VALUE αρχική τιµή πεδίου µόλις φορτωθεί η φόρµα. Π.χ <INPUT TYPE=text SIZE=40 NAME=user VALUE= user1"> Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 55

56 <FORM> <INPUT attr> TYPE = "text" γραµµή εισαγωγής κειµένου η οποία δέχεται ή περιέχει ήδη κείµενο. TYPE = "button" Εµφανίζει στην οθόνη ένα πλήκτρο. TYPE = "reset" πλήκτρο που όταν πατηθεί, επαναφέρει τη φόρµα στην αρχική της κατάσταση. TYPE = "hidden" Χρησιµοποιείται για αποστολή τιµών οι οποίες δεν καθορίζονται από αυτόν που συµπληρώνει τη φόρµα. Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 56

57 <FORM> <INPUT attr> TYPE = password <input type=password size=12 name=passwd> TYPE = checkbox <input type=checkbox checked name=uscitizen value=yes> TYPE = radio <input type=radio name=age value="0-30"> <input type=radio name=age value= 30-50" checked> <input type=radio name=age value= 50-"> TYPE = submit όταν πατηθεί αποστέλλει τα δεδοµένα σύµφωνα µε την παράµετρο ACTION Ειδικά Κεφάλαια Συστηµάτων Λογισµικού στο ιαδίκτυο 57

Άσκηση 6 Επαναληπτική Άσκηση HTML

Άσκηση 6 Επαναληπτική Άσκηση HTML Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο

Διαβάστε περισσότερα

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL

Διαβάστε περισσότερα

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από

Διαβάστε περισσότερα

Τεχνολογίες ιαδικτύου

Τεχνολογίες ιαδικτύου Τεχνολογίες ιαδικτύου Εισαγωγή Αρχιτεκτονική, Πρωτόκολλα και Πρότυπα Βασικών Υπηρεσιών Ιστορικά Στοιχεία ARPANET Ο «παππούς» των δικτύων Αναπτύχθηκε από την DARPA στα τέλη του 60 Το 83 διασπάται σε MILNET

Διαβάστε περισσότερα

Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον

Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη

Διαβάστε περισσότερα

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση

Διαβάστε περισσότερα

Πίνακες. ιδιότητες ετικέτας <tr>

Πίνακες. ιδιότητες ετικέτας <tr> Πίνακες ιδιότητες ετικέτας Ιδιότητα align στοιχίζει κατά την οριζόντια διεύθυνση τα περιεχόμενα μιας γραμμής του πίνακα αριστερά (left), δεξιά (right), στο κέντρο (center), ή με πλήρη στοίχιση (justify)

Διαβάστε περισσότερα

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες

Διαβάστε περισσότερα

Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου

Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή

Διαβάστε περισσότερα

Σχεδίαση ιστοσελίδων

Σχεδίαση ιστοσελίδων Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές

Διαβάστε περισσότερα

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς

Διαβάστε περισσότερα

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,

Διαβάστε περισσότερα

Εισαγωγή στην πληροφορική

Εισαγωγή στην πληροφορική Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν

Διαβάστε περισσότερα

Εισαγωγή στους Υπολογιστές

Εισαγωγή στους Υπολογιστές Εισαγωγή στους Υπολογιστές Ενότητα 15: Δίκτυα Αβούρης Νικόλαος Πολυτεχνική Σχολή Τμήμα Ηλεκτρολόγων Μηχανικών και Τεχνολογίας Υπολογιστών Δίκτυα Υπολογιστών Αρχές Πρωτόκολλα Μοντέλο OSI Δρομολόγηση Διευθύνσεις

Διαβάστε περισσότερα

Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 1: Εισαγωγή. Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής

Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 1: Εισαγωγή. Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 1: Εισαγωγή Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Σκοποί ενότητας Αρχιτεκτονική Πρωτόκολλα Πρότυπα Βασικών Υπηρεσιών

Διαβάστε περισσότερα

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText

Διαβάστε περισσότερα

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html

Διαβάστε περισσότερα

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form> Φόρμες Οι φόρμες περιέχουν τα στοιχεία φόρμας στο οποία ένας χρήστης μπορεί να εισαγάγει δεδομένα τα οποία στη συνέχεια αποστέλλονται σε έναν εξυπηρετητή για παραπέρα επεξεργασία. Γενικοί κανόνες Για τις

Διαβάστε περισσότερα

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες

Διαβάστε περισσότερα

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Οι φόρμες αποτελούν τον πιο δημοφιλή τρόπο για τη συλλογή δεδομένων μέσω του World Wide Web (WWW). Επιτρέπουν στους χρήστες να επικοινωνούν με τη βοήθεια του

Διαβάστε περισσότερα

Πίνακες. ετικέτα <table>

Πίνακες. ετικέτα <table> Πίνακες ετικέτα σύνταξη κελί 1 κελί 2 κελί 3 κελί 4 : πίνακας : γραμμή : κελί Ιδιότητα border border : ορίζει

Διαβάστε περισσότερα

Προγραμματισμός Διαδικτύου

Προγραμματισμός Διαδικτύου Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη

Διαβάστε περισσότερα

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε

Διαβάστε περισσότερα

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες

Διαβάστε περισσότερα

<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.

<a href=http://www.somepage.com/somepage.html>μετάβαση στο κείμενο</a>. HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των

Διαβάστε περισσότερα

Τεχνολογία TCP/IP ΙΑ ΙΚΤΥΩΣΗ- INTERNET. Τεχνολογίες Τηλεκπαίδευσης & Εφαρµογές - Ιούλιος 09 1 http://creativecommons.org/licenses/by-nc-nd/3.

Τεχνολογία TCP/IP ΙΑ ΙΚΤΥΩΣΗ- INTERNET. Τεχνολογίες Τηλεκπαίδευσης & Εφαρµογές - Ιούλιος 09 1 http://creativecommons.org/licenses/by-nc-nd/3. Τεχνολογία TCP/IP ΙΑ ΙΚΤΥΩΣΗ- INTERNET Εφαρµογές - Ιούλιος 09 1 Εισαγωγή στην τεχνολογία TCP/IP Τεχνολογία TCP/IP TCP/IP Πρωτόκολλα TCP/IP ή τεχνολογία TCP/IP ή τεχνολογία ιαδικτύου (Internet)( ιαδίκτυο

Διαβάστε περισσότερα

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.

Διαβάστε περισσότερα

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά

Διαβάστε περισσότερα

ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)

ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1

Διαβάστε περισσότερα

Περιεχόμενα. Πρόλογος... xiii

Περιεχόμενα. Πρόλογος... xiii Περιεχόμενα Πρόλογος... xiii Κεφάλαιο 1 ο Εισαγωγή στις τεχνολογίες Διαδικτύου... 1 1.1 Σύντομη ιστορία του Διαδικτύου... 3 1.2 Σύνδεση στο Διαδίκτυο μέσω Παρόχου (ISP)... 6 1.3 Μοντέλα Επικοινωνίας...

Διαβάστε περισσότερα

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized

Διαβάστε περισσότερα

Κειµενογράφοι ετικετών

Κειµενογράφοι ετικετών ΕΠΛ 012 Γλώσσα Μορφοποίησης HTML Πως κτίζουµε τις Ετικέτες Notepad ή άλλο TEXT editor Πού τα κάνουµε Save? Πώς τα οργανώνουµε Πώς τα βάζουµε δηµόσια online Τα αρχεία να τελειώνουν σε.html ή.htm Πως ξεκινούµε

Διαβάστε περισσότερα

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής

Διαβάστε περισσότερα

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW

Διαβάστε περισσότερα

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός

Διαβάστε περισσότερα

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

Διαβάστε περισσότερα

Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας. Υπηρεσίες Internet. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα θ

Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας. Υπηρεσίες Internet. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα θ Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας Υπηρεσίες Internet ίκτυα Η/Υ Επίπεδο Εφαρµογής O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer

Διαβάστε περισσότερα

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει

Διαβάστε περισσότερα

Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο

Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει

Διαβάστε περισσότερα

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση

Διαβάστε περισσότερα

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:

Διαβάστε περισσότερα

<HTML> <HEAD> <TITLE> <BODY>

<HTML> <HEAD> <TITLE> <BODY> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες

Διαβάστε περισσότερα

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας; Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι

Διαβάστε περισσότερα

Βασίλειος Κοντογιάννης ΠΕ19

Βασίλειος Κοντογιάννης ΠΕ19 Ενότητα3 Επικοινωνία και Διαδίκτυο Κεφ9: Διαδίκτυο, Web2.0, WebX.0 9.1 Ιστορικά στοιχεία Από πού, πότε με ποια μορφή και με ποια αφορμή ξεκίνησε η λειτουργία του Διαδικτύου; Ξεκίνησε στην Αμερική, το 1969,

Διαβάστε περισσότερα

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και

Διαβάστε περισσότερα

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week 7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!

Διαβάστε περισσότερα

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP.

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP. Εργαστήριο #5 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Θα πρέπει να ξέρετε να εισάγετε ένα βασικό πρόγραμμα PHP μέσα σε μια ιστοσελίδα, τη χρήση της echo και τον χειρισμό απλών μεταβλητών

Διαβάστε περισσότερα

Βασίλειος Κοντογιάννης ΠΕ19

Βασίλειος Κοντογιάννης ΠΕ19 Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου

Διαβάστε περισσότερα

ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol)

ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol) Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας-Βιβλιοθηκονοµίας Κέρκυρα ίκτυα - Internet 2 Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) ΜηχανέςΑναζήτησηςστοWeb Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία

Διαβάστε περισσότερα

Νέες Τεχνολογίες στην Εκπαίδευση

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Εικόνα, κείμενο και εικόνα Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό

Διαβάστε περισσότερα

ΤΕΧΝΟΛΟΓΙΑ ΙΚΤΥΩΝ ΕΠΙΚΟΙΝΩΝΙΩΝ

ΤΕΧΝΟΛΟΓΙΑ ΙΚΤΥΩΝ ΕΠΙΚΟΙΝΩΝΙΩΝ Ηυιοθέτησητης τεχνολογίαςκαι αρχιτεκτονικής TCP/IP δεν έρχεται σε σύγκρουσηµε το µοντέλο του OSI και αυτό γιατί και τα δυο συστήµατααναπτύχθηκαν συγχρόνως. Παρόλα αυτά, υπάρχουν ορισµένες ουσιώδεις διαφορές

Διαβάστε περισσότερα

Αλεξιάδης Γεώργιος (ΠΕ86) -

Αλεξιάδης Γεώργιος (ΠΕ86) - 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα

Διαβάστε περισσότερα

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο HTML Φόρµες Για να δηµιουργήσουµε µια φόρµα στην οποία θα γράφουν σχόλια ή παρατηρήσεις οι επισκέπτες των σελίδων µας, χρειαζόµαστε την ετικέτα .

Διαβάστε περισσότερα

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά

Διαβάστε περισσότερα

ΤΕΙ ΗΠΕΙΡΟΥ. ΜΑΘΗΜΑ: Πρωτόκολλα Επικοινωνίας ιαδικτύου. Εξάµηνο: 3ον. Κεφάλαιο 5 ον : Υποδικτύωση (Subneting) Στεργίου Ελευθέριος

ΤΕΙ ΗΠΕΙΡΟΥ. ΜΑΘΗΜΑ: Πρωτόκολλα Επικοινωνίας ιαδικτύου. Εξάµηνο: 3ον. Κεφάλαιο 5 ον : Υποδικτύωση (Subneting) Στεργίου Ελευθέριος ΤΕΙ ΗΠΕΙΡΟΥ Τµήµα: Τεχνολογίας Πληροφορικής και Τηλεπικοινωνιών ΜΑΘΗΜΑ: Πρωτόκολλα Επικοινωνίας ιαδικτύου Εξάµηνο: 3ον Κεφάλαιο 5 ον : Υποδικτύωση (Subneting) Υπεύθυνος Μαθήµατος: Στεργίου Ελευθέριος Υποδικτύωση

Διαβάστε περισσότερα

Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης

Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες

Διαβάστε περισσότερα

Περί δικτύων. Δρ. Ματθαίος Πατρινόπουλος

Περί δικτύων. Δρ. Ματθαίος Πατρινόπουλος Περί δικτύων Δρ. Ματθαίος Πατρινόπουλος Η δομή και εφαρμογές του διαδικτύου Μοίρασμα πόρων Παροχή πρόσβασης σε Εξοικονόμηση χρημάτων Αμεσότητα επικοινωνίας Αυξημένη αξιοπιστία Εξυπηρέτηση επικοινωνιακών

Διαβάστε περισσότερα

Εισαγωγή στην HTML (2)

Εισαγωγή στην HTML (2) Εισαγωγή στην HTML (2) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Εικόνες Βασικοί τύποι εικόνων στην HTML gif jpg bmp (μεγάλο μέγεθος αρχείου) tiff (μεγάλο

Διαβάστε περισσότερα

ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ 1 στα Δίκτυα Υπολογιστών

ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ 1 στα Δίκτυα Υπολογιστών ΑΡΧΗ 1ΗΣ ΣΕΛΙΔΑΣ ΘΕΜΑ Α ΠΡΟΤΕΙΝΟΜΕΝΑ ΘΕΜΑΤΑ 1 στα Δίκτυα Υπολογιστών Α1. Να χαρακτηρίσετε τις προτάσεις που ακολουθούν, γράφοντας στο τετράδιό σας, δίπλα στο γράμμα που αντιστοιχεί σε κάθε πρόταση τη λέξη

Διαβάστε περισσότερα

Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων. ίκτυα Υπολογιστών Ι. To Μοντέλο OSI. Αναπλ. Καθηγ. Π. εμέστιχας

Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων. ίκτυα Υπολογιστών Ι. To Μοντέλο OSI. Αναπλ. Καθηγ. Π. εμέστιχας Πανεπιστήμιο Πειραιά To Μοντέλο OSI pdemest@unipi.gr ιάρθρωση Το μοντέλο αναφοράς OSI Επίπεδα Πρωτόκολλα, κατανομή πρωτοκόλλων σε στοιχεία δικτύου Αντιστοιχία τστοχα μοντέλων OSI και Internet Ανάλυση Επιπέδων

Διαβάστε περισσότερα

ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ

ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ Στην άσκηση αυτή θα εμπλουτίσουμε την ιστοσελίδα που φτιάξαμε στην προηγούμενη άκηση με πίνακες, συνδέσμους και γραφικά. 1.

Διαβάστε περισσότερα

Βαρβάκειο Πρότυπο Γυμνάσιο

Βαρβάκειο Πρότυπο Γυμνάσιο Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,

Διαβάστε περισσότερα

Εισαγωγή στην επιστήμη των υπολογιστών. Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών

Εισαγωγή στην επιστήμη των υπολογιστών. Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών Εισαγωγή στην επιστήμη των υπολογιστών Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών 1 ίκτυα μικρά και μεγάλα Ένα δίκτυο υπολογιστών (computer network) είναι ένας συνδυασμός συστημάτων (δηλαδή, υπολογιστών),

Διαβάστε περισσότερα

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs

Διαβάστε περισσότερα

HTML... 1. Εισαγωγή στην HTML και τα CSS

HTML... 1. Εισαγωγή στην HTML και τα CSS HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα

Διαβάστε περισσότερα

Σχεδίαση ιστοσελίδων με τη γλώσσα HTML

Σχεδίαση ιστοσελίδων με τη γλώσσα HTML Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων με τη γλώσσα HTML Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές

Διαβάστε περισσότερα

Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15. Δίκτυα υπολογιστών. (και το Διαδίκτυο)

Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15. Δίκτυα υπολογιστών. (και το Διαδίκτυο) Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15 Δίκτυα υπολογιστών (και το Διαδίκτυο) http://di.ionio.gr/~mistral/tp/csintro/ Μ.Στεφανιδάκης Τι είναι ένα δίκτυο υπολογιστών;

Διαβάστε περισσότερα

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια Εισαγωγή στην Επιστήμη Υπολογιστών Εισαγωγή στην HTML Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML ΜΕΡΟΣ Β': CSS ΚΑΙ FORMS 2 Cascading Style Sheets (CSS) Cascading Style

Διαβάστε περισσότερα

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και

Διαβάστε περισσότερα

Η λίστα <ol> (ordered list)

Η λίστα <ol> (ordered list) Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι

Διαβάστε περισσότερα

ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ

ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Οικονοµικό Πανεπιστήµιο Αθηνών Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων µε HMTL Γιώργος Γιαγλής Περίληψη Κεφαλαίου

Διαβάστε περισσότερα

Άσκηση 2 η Πρωτόκολλο επικοινωνίας TCP/IP

Άσκηση 2 η Πρωτόκολλο επικοινωνίας TCP/IP Άσκηση 2 η Πρωτόκολλο επικοινωνίας TCP/IP Ημερομηνία παράδοσης 2 εβδομάδες μετά την έναρξη της άσκησης 1. Γενικά για το TCP/IP Η ομάδα πρωτοκόλλων TCP/IP επιτρέπει σε υπολογιστές όλων των μεγεθών, από

Διαβάστε περισσότερα

Διάλεξη 2η Εισαγωγή στο CSS

Διάλεξη 2η Εισαγωγή στο CSS Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω

Διαβάστε περισσότερα

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται

Διαβάστε περισσότερα

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες

Διαβάστε περισσότερα

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται

Διαβάστε περισσότερα

1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>

1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section> Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά

Διαβάστε περισσότερα

Κεφάλαιο 9: Διαδίκτυο, Web 2.0 και Web X.0. Εφαρμογές Πληροφορικής Κεφ. 9 Καραμαούνας Πολύκαρπος 1

Κεφάλαιο 9: Διαδίκτυο, Web 2.0 και Web X.0. Εφαρμογές Πληροφορικής Κεφ. 9 Καραμαούνας Πολύκαρπος 1 Κεφάλαιο 9: Διαδίκτυο, Web 2.0 και Web X.0 Καραμαούνας Πολύκαρπος 1 9.1 Ιστορικά Στοιχεία Ξεκίνησε ως ένα μικρό κλειστό στρατιωτικό δίκτυο και ήταν απόρροια του Ψυχρού Πολέμου μεταξύ ΗΠΑ και ΕΣΣΔ. Το 1966

Διαβάστε περισσότερα

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:

Διαβάστε περισσότερα

ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ

ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ ΦΘΙΝΟΠΩΡΟ 2003 ΗΜΗΤΡΗΣ ΖΗΣΙΑ ΗΣ 2003 ηµήτρης Ζησιάδης Απαγορεύεται η χρησιµοποίηση όλου ή µέρους του υλικού αυτού σε οποιαδήποτε µορφή (ούτε και σε φωτοαντίγραφα) ή

Διαβάστε περισσότερα

Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας Βιβλιοθηκονοµίας. Μοντέλο TCP/IP. Ενότητα E. Συστήµατα Επικοινωνίας

Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας Βιβλιοθηκονοµίας. Μοντέλο TCP/IP. Ενότητα E. Συστήµατα Επικοινωνίας Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας Βιβλιοθηκονοµίας ίκτυα Η/Υ Μοντέλο TCP/IP Ενότητα E ρ. Ε. Μάγκος Συστήµατα Επικοινωνίας (Ε) (PC) (N) Επικοινωνίες: Εφαρµογές Υπολογιστές ίκτυα πολλές πολλοί N A N

Διαβάστε περισσότερα

Σχεδιασμός και Ανάπτυξη Ιστότοπων

Σχεδιασμός και Ανάπτυξη Ιστότοπων Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google

Διαβάστε περισσότερα

1.2.2 Το μοντέλο δικτύωσης TCP/IP 1 / 26

1.2.2 Το μοντέλο δικτύωσης TCP/IP 1 / 26 1.2.2 Το μοντέλο δικτύωσης TCP/IP 1 / 26 Το δίκτυο ARPANET ήταν ένα δίκτυο μεταγωγής πακέτων που χρηματοδοτήθηκε από το υπουργείο άμυνας των Η.Π.Α. στα τέλη της δεκαετίας του '60. 2 / 26 Από την αρχή κύριος

Διαβάστε περισσότερα

Επίπεδο δικτύου IP διευθυνσιοδότηση

Επίπεδο δικτύου IP διευθυνσιοδότηση Επίπεδο δικτύου IP διευθυνσιοδότηση (πες μου την IP σου να σου πω ποιος είσαι) Εργαστήριο Δικτύων Υπολογιστών 2014-2015 Τμήμα Μηχανικών Η/Υ και Πληροφορικής Επίπεδο δικτύου (Network layer) Επίπεδο εφαρμογής

Διαβάστε περισσότερα

7.11 Πρωτόκολλα εφαρµογής

7.11 Πρωτόκολλα εφαρµογής 7.11 Πρωτόκολλα εφαρµογής Ερωτήσεις 1. Ποιος ο ρόλος των πρωτοκόλλων εφαρµογής και πώς χειρίζονται τις συνδέσεις δικτύου; 2. Γιατί κάθε πρωτόκολλο εφαρµογής ορίζει συγκεκριµένο τρόπο παρουσίασης των δεδοµένων;

Διαβάστε περισσότερα

ΕΠΑΝΑΛΗΠΤΙΚΟ ΤΕΣΤ ΣΤΙΣ ΕΝΟΤΗΤΕΣ

ΕΠΑΝΑΛΗΠΤΙΚΟ ΤΕΣΤ ΣΤΙΣ ΕΝΟΤΗΤΕΣ ΕΠΑ.Λ. Άμφισσας Σχολικό Έτος : 2011-2012 Τάξη : Γ Τομέας : Πληροφορικής Μάθημα : ΔΙΚΤΥΑ ΥΠΟΛΟΓΙΣΤΩΝ ΙΙ Διδάσκων : Χρήστος Ρέτσας Η-τάξη : tiny.cc/retsas-diktya2 ΕΠΑΝΑΛΗΠΤΙΚΟ ΤΕΣΤ ΣΤΙΣ ΕΝΟΤΗΤΕΣ 7.1-7.2

Διαβάστε περισσότερα

7.2 Τεχνολογία TCP/IP

7.2 Τεχνολογία TCP/IP 7.2 Τεχνολογία TCP/IP Ερωτήσεις 1. Πώς χρησιµοποιείται σήµερα ο όρος TCP/IP; ε ποια πρωτόκολλα αναφέρεται και γιατί έχει επικρατήσει αυτή η ονοµασία; 2. Ποια ανάγκη οδήγησε στην επικράτηση της τεχνολογίας

Διαβάστε περισσότερα

Επαναληπτικό µάθηµα επί των αρχών λειτουργίας του ιαδικτύου. ρ. Κωνσταντίνος Σ. Χειλάς. Ethernet

Επαναληπτικό µάθηµα επί των αρχών λειτουργίας του ιαδικτύου. ρ. Κωνσταντίνος Σ. Χειλάς. Ethernet Επαναληπτικό µάθηµα επί των αρχών λειτουργίας του ιαδικτύου ρ Κωνσταντίνος Σ Χειλάς Ethernet Ένα πλαίσιο (frame) Ethernet 00 d0 06 99 18 28 00 02 b3 0b 86 08 00 45 00 Η επικεφαλίδα του IP 0 ToS 0 ToS 00

Διαβάστε περισσότερα

Προγραμματισμός Παγκόσμιου Ιστού

Προγραμματισμός Παγκόσμιου Ιστού Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Προγραμματισμός Παγκόσμιου Ιστού 2 η Διάλεξη Δημοσθένης Κυριαζής Δευτέρα 6 Μαρτίου 2017 Σημερινή διάλεξη Σύνοψη προηγούμενης διάλεξης HTML / HTML5 Λίστες,

Διαβάστε περισσότερα

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας <FORM> και η τεχνική CGI)

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας <FORM> και η τεχνική CGI) ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας και η τεχνική CGI) Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 ΦΟΡΜΕΣ (FORM) Είναι ο κύριος

Διαβάστε περισσότερα

Network Address Translation (NAT)

Network Address Translation (NAT) HY335Α Δίκτυα Υπολογιστών Xειμερινό Εξάμηνο 2016-2017 Πανεπιστήμιο Κρήτης, Τμήμα Επιστήμης Υπολογιστών Network Address Translation (NAT) Network Layer Private IP Addresses Πρόβλημα: o χώρος των ΙΡ διευθύνσεων

Διαβάστε περισσότερα

Τι είναι ένα δίκτυο υπολογιστών; Αρχιτεκτονική επιπέδων πρωτοκόλλων. Δικτυακά πρωτόκολλα

Τι είναι ένα δίκτυο υπολογιστών; Αρχιτεκτονική επιπέδων πρωτοκόλλων. Δικτυακά πρωτόκολλα Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15 Δίκτυα υπολογιστών (και το Διαδίκτυο) http://di.ionio.gr/~mistral/tp/csintro/ Μ.Στεφανιδάκης Τι είναι ένα δίκτυο υπολογιστών;

Διαβάστε περισσότερα

Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα:

Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα: Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα: εισαγωγή εικόνων

Διαβάστε περισσότερα

Πρωτόκολλα Διαδικτύου. Άγγελος Ρούσκας Τμήμα Ψηφιακών Συστημάτων Πανεπιστήμιο Πειραιώς

Πρωτόκολλα Διαδικτύου. Άγγελος Ρούσκας Τμήμα Ψηφιακών Συστημάτων Πανεπιστήμιο Πειραιώς Πρωτόκολλα Διαδικτύου Άγγελος Ρούσκας Τμήμα Ψηφιακών Συστημάτων Πανεπιστήμιο Πειραιώς Σκοπός του μαθήματος Στόχος του μαθήματος είναι να παρουσιάσει αρχιτεκτονικές και πρωτόκολλα που χρησιμοποιούνται στο

Διαβάστε περισσότερα

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν

Διαβάστε περισσότερα

ΠΡΟΣΟΧΗ: Οι απαντήσεις πολλαπλής επιλογής µόνο πάνω στο ΦΥΛΛΟ ΑΠΑΝΤΗΣΕΩΝ

ΠΡΟΣΟΧΗ: Οι απαντήσεις πολλαπλής επιλογής µόνο πάνω στο ΦΥΛΛΟ ΑΠΑΝΤΗΣΕΩΝ ΤΕΙ Σερρών Σχολή Τεχνολογικών Εφαρμογών, Τμήμα Πληροφορικής και Επικοινωνιών Προγραμματιστικές Εφαρμογές στο Διαδίκτυο (Θ) Τελική Εξέταση Διδάσκων: Δ. Κοτζίνος Όνοµα: Α.Μ. : Εξάµηνο : Αίθουσα Έδωσα Project

Διαβάστε περισσότερα

Βαρβάκειο Πρότυπο Γυμνάσιο

Βαρβάκειο Πρότυπο Γυμνάσιο Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2017-2018 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,

Διαβάστε περισσότερα