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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transcript

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

2 Λίγα Λόγια για το Σχολείο Μονάδες Αριστείας Το πρώτο από συνολικά τρία σχολεία κώδικα Βασικά Θέματα HTML CSS PHP - MySql Δωρεάν Παρακολούθηση Παρακολούθηση εξ αποστάσεως ή δια ζώσης Δημιουργία Ελεύθερου Λογισμικού / Λογισμικού Ανοικτού Κώδικα Παράδοση έργου συνεισφοράς Projects Ομαδικές Εργασίες Ατομικές Εργασίες Επιλογή από προκαθορισμένες εργασίες Προτάσεις Εργασιών Αντικείμενο: Τουρισμός Βεβαίωση επιτυχούς παρακολούθησης Επικοινωνία Υποστήριξη:

3 Δομή Σχολείου Ενότητα 1: Περιβάλλον Εκπαίδευσης - Βασικές έννοιες διαδικτύου Εισαγωγή στην HTML και CSS Ενότητα 2: Δημιουργία ιστοσελίδων χρησιμοποιώντας HTML και CSS Ενότητα 3: Εισαγωγή στην PHP και στη MySQL Ενότητα 4: Σχεδιασμός Διαδικτυακής εφαρμογής Ενότητα 5: Υλοποίηση Δυναμικής Διαδικτυακής Εφαρμογής Παραδείγματα Εκδήλωση Ενημέρωσης, διάχυσης αποτελεσμάτων παρουσίασης καλύτερων εργασιών 3

4 Ενότητα 1 - Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 4

5 Εργαλεία - Λογισμικά Open Source OS (Ubuntu) Apache Web Server HTTP server - Putty ssh client -http://www.putty.org/ FileZilla sftp/ftp client - https://filezilla-project.org/ Open Source Editors & IDE vi, notepad, bluefish, nano, geany, NetBeans κλπ MySQL Σύστημα διαχείρισης Βάσεων Δεδομένων (ανοικτού κώδικα) - PHP server-side γλώσσα προγραμματισμού ανάπτυξη web εφαρμογών -

6 Γενικές Έννοιες (1) Domain Name: το όνομα χρήση του οποίο διατίθεται μία διαδικτυακή εφαρμογή στο διαδίκτυο. Π.χ.: uoc.gr Web hosting: η υπηρεσία φιλοξενίας ιστοσελίδων ώστε να είναι δυνατή η πρόσβαση σε αυτές μέσα από το διαδίκτυο Web server: το φυσικό μηχάνημα το οποίο αναλαμβάνει την φιλοξενία (hosting) μιας ιστοσελίδας και την εξυπηρέτηση των επισκεπτών Apache HTTP Server: το software που τρέχει σε έναν server και εξυπηρετεί τα αιτήματα των χρηστών (http requests) προς την ιστοσελίδα που φιλοξενεί 6

7 Γενικές Έννοιες (2) MySQL DBMS: η βάση δεδομένων αναλαμβάνει την αποθήκευση και διαχείριση της πληροφορίας ενός δυναμικού ιστότοπου Web 2.0: η μετάβαση από τα στατικά websites σε δυναμικούς ιστότοπους Λειτουργικό Σύστημα (Operating System): Ubuntu, CentOS, Windows 7

8 Είδη Web Hosting Shared Hosting, όπου παρέχεται μέρος του διακομιστή στον οποίο φιλοξενούνται και άλλοι χρήστες. Reseller Hosting, όπου παρέχεται η δυνατότητα να μεταπωληθεί χώρος και λοιπά εργαλεία φιλοξενίας ιστοσελίδων. Virtual Private Server, όπου μέσω λογισμικού εικονικοποίησης διακομιστή (παρέχεται ένας απομονωμένος χώρος στον διακομιστή, με δικούς του - αποκλειστικής χρήσης- πόρους συστήματος (μνήμη, επεξεργαστική ισχύ) και κεντρική πρόσβαση (web hosts) Dedicated Servers, όπου παρέχεται ολόκληρος ο διακομιστής για αποκλειστική χρήση και διαχείριση από τον κάτοχο του ιστότοπου Cloud Hosting, όπου με τεχνολογία διαμοιρασμού φόρτου εργασίας σε πολλούς διακομιστές ταυτόχρονα, τα εισερχόμενα αιτήματα εξυπηρέτησης διαμοιράζονται σε εκείνα τα μηχανήματα που έχουν το μικρότερο φόρτο εργασίας ενώ ταυτόχρονα τα αντίγραφα σε κάθε server εξασφαλίζουν την ακεραιότητα και τη διαθεσιμότητα των αρχείων. Πηγή: wikipedia.org 8

9 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 9

10 Η αρχιτεκτονική του Παγκόσμιου Ιστού 10

11 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 11

12 Βασικές Οντότητες Web 12

13 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 13

14 Φυλλομετρητές Ιστού Νέα καρτέλα Πεδίο URL Γρήγορη Αναζήτηση Ενεργή καρτέλα Τίτλος Προσθήκη σε Σελιδοδείκτες Λήψεις Ιστοσελίδα Μπάρα Κύλισης Σύνδεσμος/Κατάσταση 14

15 Φυλλομετρητές Ιστού (1) Λογισμικό που επιτρέπει στον χρήστη του να προβάλλει, και να αλληλεπιδρά με περιεχόμενο αναρτημένο στο παγκόσμιο ιστό (world wide web) Το περιεχόμενο μπορεί να είναι Κείμενα Εικόνες Βίντεο Μουσική εφαρμογές 15

16 Φυλλομετρητές Ιστού (2) Επιτρέπει στον χρήστη την εύκολη και γρήγορη πλοήγηση μέσα σε έναν ιστότοπο και από τον ένα ιστότοπο σε άλλο Προβάλει το περιεχόμενο με την βοήθεια της γλώσσας μορφοποίησης html Με την χρήση της css ορίζει την εμφάνιση και την μορφοποίηση μιας σελίδας 16

17 Φυλλομετρητές Ιστού (3) Διαφορετικοί browsers προβάλλουν το ίδιο περιεχόμενο με ελαφρά διαφορετικό τρόπο εξαιτίας του ότι χρησιμοποιούν διαφορετικά web standards Ο φυλλομετρητής επικοινωνεί με τον web server με την χρήση του πρωτοκόλλου http Συνήθως επιτρέπουν την χρήση πρόσθετων για επιπλέον λειτουργικότητα 17

18 Φυλλομετρητές Ιστού (4) Γνωστοί web browsers: Google Chrome Internet Explorer Apple Safari Opera Mozilla Firefox 18

19 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 19

20 H Γλώσσα προγραμματισμού HTML (1) HyperText Markup Language - Γλώσσα Σήμανσης Υπερκειμένου Η πρώτη έκδοση της HTML ήταν το 1991 HTML HTML HTML HTML 4.01 Strict 2000 Η τρέχουσα έκδοση της HTML είναι η HTML5 που βρισκόταν σε διαδικασία ανάπτυξης από το 2004 έως και το 2014 που ολοκληρώθηκε 20

21 H Γλώσσα προγραμματισμού HTML (2) HyperText Markup Language - Γλώσσα Σήμανσης Υπερκειμένου Βασικό δομικό στοιχείο μια ιστοσελίδας Η HTML γράφεται υπό μορφή στοιχείων HTML τα οποία ονομάζονται ετικέτες (tags) Ένα στοιχείο html συνήθως ορίζεται από την ετικέτα έναρξης και την ετικέτα λήξης (<tagname> </tagname) 21

22 H Γλώσσα προγραμματισμού HTML (3) HyperText Markup Language - Γλώσσα Σήμανσης Υπερκειμένου Βασικό δομικό στοιχείο μια ιστοσελίδας Η HTML γράφεται υπό μορφή στοιχείων HTML τα οποία ονομάζονται ετικέτες (tags) Ένα στοιχείο html συνήθως ορίζεται από την ετικέτα έναρξης και την ετικέτα λήξης (<tagname> </tagname) 22

23 Βασική Δομή 23

24 Αναφορές Χρήσιμα Links World Wide Web Consortium (W3C) W3Schools 24

25 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 25

26 Βασικές ετικέτες Τα στοιχεία της HTML ονομάζονται ετικέτες Μια ετικέτα ορίζεται από δυο σημεία: την ετικέτα έναρξης και την ετικέτα τερματισμού Η ετικέτα έναρξης ορίζεται από το όνομα του στοιχείου μέσα σε < & > Η ετικέτα λήξης ορίζεται από το όνομα του στοιχείου με το πρόθεμα / μέσα σε < & > 26

27 Ιδιότητες ετικέτας HTML (1) Η ιδιότητα id αποτελεί ένα μοναδικό αναγνωριστικό μέσα σε όλο το έγραφο html Η ιδιότητα class παρέχει ένα αναγνωριστικό με την βοήθεια του οποίου μπορεί να αποδοθεί όμοια μορφοποίηση σε διαφορετικές ετικέτες Η ιδιότητα style βοηθάει στην απευθείας μορφοποίηση μια ετικέτας 27

28 Ιδιότητες ετικέτας HTML (2) Η ιδιότητα title προσθέτει μια επεξήγηση του στοιχείου στο οποίο εφαρμόζεται. Συνήθως χρησιμοποιείται σε εικόνες ή υπερσυνδεσμους Η ιδιότητα alt χρησιμοποιείται σε εικόνες. Παρέχει ένα εναλλακτικό κείμενο σε περίπτωση μη φόρτωσης της εικόνας Μια γενική μορφή ενός στοιχείου html είναι: <tagname id="anid" class="jargon" style="color:purple;" title="hypertext Markup Language">HTML</tagname> 28

29 Βασικές ετικέτες και παραδείγματα (1) Οι τρεις βασικές ετικέτες της HTML είναι: <html>: ορίζει τα όρια του εγράφου html <head>: ορίζει την περιοχή οπού ορίζονται τα μετά-δεδομένα και τα αρχεία που θα χρησιμοποιηθούν στο αρχείο (όπως αρχεία css ή JavaScript) <body>: ορίζει την ορατή περιοχή του εγράφου μας 29

30 Βασικές ετικέτες και παραδείγματα (2) Οι ετικέτες που χρησιμοποιούμε συνήθως στην ενότητα head είναι: <title>: ορίζει τον τίτλο του εγράφου <meta>: ορίζει τα μετά-δεδομένα του εγγράφου με την βοήθεια των ιδιοτήτων name και content <link>: ορίζει την σύνδεση του εγγράφου μας μια εξωτερική πηγή (π.χ. ένα αρχείο css) <script>: ορίζει το σημείο που προσθέτουμε κώδικα που εκτελείται στην πλευρά του client 30

31 Βασικές ετικέτες και παραδείγματα (3) Παρακάτω θα ορίσουμε τις πιο χρήσιμες ετικέτες που χρησιμοποιούνται μέσα στο body ενός εγγράφου html: <h1>, <h2>..<h6>: ορίζουν τα html headings Παράδειγμα: <h1>my first heading</h1> <p>: ορίζει μια παράγραφο Παράδειγμα: <p>my first paragraph</p> <a>: ορίζει έναν υπερσύνδεσμο Παράδειγμα: <a href= # >Link</a> 31

32 Βασικές ετικέτες και παραδείγματα (4) <img>: ορίζει το σημείο όπου εμφανίζεται μια εικόνα Παράδειγμα: <img src= file.jpg /> <ul> & <li>: ορίζει μια μη ταξινομημένη λίστα Παράδειγμα: <ul> <li>list item 1</li> </ul> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> 32

33 Βασικές ετικέτες και παραδείγματα (5) <οl> & <li>: ορίζει μια ταξινομημένη λίστα Παράδειγμα: <οl> <li>list item 1</li> </οl> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <br>: ορίζει την προσθήκη του χαρακτήρα αλλαγής γραμμής Παράδειγμα: <br /> 33

34 Βασικές ετικέτες και παραδείγματα (6) <div>: ορίζει μια συγκεκριμένη περιοχή (συνήθως για την μορφοποίηση της διάταξης ή των εσωκλειόμενων ετικετών) Παράδειγμα: <div style="color:#0000ff"> <h3>this is a heading</h3> <p>this is a paragraph.</p> </div> <style>: χρησιμοποιείται για προσθήκη μορφοποίησης μέσα στο έγραφο html Παράδειγμα: <style> h1 {color:red;} p {color:blue;} </style> 34

35 Βασικές ετικέτες και παραδείγματα (7) <table>: ορίζει έναν html πίνακα <tr>: ορίζει την γραμμή ενός πίνακα <th>: ορίζει το κελί της επικεφαλίδας ενός πίνακα <td>: ορίζει το κελί ενός πίνακα Οι ιδιότητες colspan και rowspan μας επιτρέπουν να κάνουμε συγχώνευση κελιών κατακόρυφα ή οριζόντια αντιστοιχά Παράδειγμα: <table> <tr> <th colspan=2>month</th> </tr> <tr> <td>january</td> </tr> <tr rowspan="3"> <td>february</td> </tr> </table> <td>$100</td> <td>$80</td> <th>savings</th> 35

36 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 36

37 Βασική Δομή HTML σελίδας (1) Δομή σελίδας με βάση το πρότυπο html5 Τα όρια της html σελίδας μας ορίζονται από τα tags <html> Στο tag html μπορούμε να ορίσουμε την γλώσσα των περιεχόμενων μας με την βοήθεια του attribute lang 37

38 Βασική Δομή HTML σελίδας (2) Μια html σελίδα δεν έχει αυστηρό τρόπο με τον οποίο ορίζονται οι ενότητες της αλλά καλό είναι οι σελίδες που δημιουργούμε να είναι πάντα σύμφωνες(valid) με τα web standards που υπάρχουν Αν η σελίδα είναι σύμφωνη με τα web standards που ισχύουν μπορούμε εύκολα να το ελέγξουμε με την χρήση ενός validation service (http://validator.w3.org/) 38

39 Βασική Δομή HTML σελίδας (3) Οι δύο βασικές ενότητες είναι το head και το body Στο head μπαίνουν στοιχεία που έχουν να κάνουν με τον τρόπο παρουσίασης και λειτουργίας της σελίδας όπως επίσης να ορίσουμε πληροφορίες που την περιγράφουν 39

40 Βασική Δομή HTML σελίδας (4) Στην ενότητα head πιο συγκεκριμένα: Μπορούμε να προσθέσουμε meta-δεδομένα (όπως τίτλο, περιγραφή, λέξεις κλειδιά κλπ) Να ορίσουμε τα αρχεία JavaScript και CSS της σελίδας Στην ενότητα body προσθέτουμε το περιεχόμενο της σελίδας μας 40

41 Η δομή του Head (1) Στο head της σελίδας μπορούμε να προσθέσουμε τα παρακάτω πεδία Τον τίτλο της σελίδας μας: είναι ο τίτλος με τον οποίο η σελίδα μας θα αναγνωρίζεται από τις μηχανές αναζήτησης και τους περιηγητές (δεν θα φαίνεται όμως μέσα στα κυρίως περιεχόμενα) Μπορούμε να προσθέσουμε meta-δεδομένα όπως περιγραφή, λέξεις κλειδιά κ.α. Τα πεδία αυτά χρησιμεύουν στο τρόπο που θα δίνεται πληροφορία σε τρίτες υπηρεσίες: μηχανές αναζήτησης, κοινωνικά δίκτυα κλπ. 41

42 Η δομή του Head (2) Στο head της σελίδας προσθέτουμε και αρχεία css ή JavaScript Τα αρχεία css περιέχουν πληροφορία για τον τρόπο με τον οποίο θα παρουσιάζεται τα html στοιχεία που θα προσθέσουμε αργότερα μέσα στο body Διαφορετικά αρχεία css πολλές φορές μπορεί να περιέχουν πληροφορία για το πώς θα εμφανιστεί το ίδιο html στοιχείο. Σε αυτήν την περίπτωση το στοιχείο αυτό μορφοποιείτε με βάση το τελευταίο αρχείο css 42

43 Η δομή του Head (3) Η θέση των αρχείων css ή JavaScript ορίζεται αντίστοιχα από τα πεδία href και src Η θέση του εκάστοτε αρχείου θα πρέπει να οριστεί ως εξής: {base_url}/{path_to_file}/filename.ext. Για παράδειγμα αν το site μας βρίσκεται στο domain και ένα αρχείο css μέσα στον φάκελο css με όνομα style.css το tag μας θα έχει την μορφή: <link type="text/css" rel="stylesheet" href media="all" /> 43

44 Η δομή του Head (4) Τα αρχεία JavaScript περιέχουν εκτελέσιμο κώδικα της γλώσσας JavaScript και είτε προσθέτουν λειτουργικότητα είτε επηρεάζουν τον τρόπο λειτουργίας της σελίδας μας Σε περίπτωση που ένα από τα αρχεία μας JavaScript χρειάζεται ένα άλλο για να εκτελεστεί, το απαιτούμενο αρχείο πρέπει να έχει ήδη συμπεριληφθεί στο head 44

45 Η δομή του Head (5) Στο head εκτός από τα αρχεία css και JavaScript μπορούμε να συμπεριλάβουμε και απευθείας κώδικα css ή JavaScript (inline) 45

46 Η δομή του Head (6) Αυτό μπορεί να γίνει χρησιμοποιώντας τα tags <style> για απευθείας προσθήκη css και <script> για την προσθήκη κώδικα JavaScript 46

47 Η δομή του Head (7) Η χρήση των meta tags βοηθάει μια σελίδα να προσθέσει χρήσιμη πληροφορία για το περιεχόμενο της. Παρακάτω αναφέρουμε σαν παράδειγμα κάποια από τα διάφορα meta δεδομένα που κάποιος μπορεί να προσθέσει στην σελίδα του: meta tag author: αναφέρεται στον συγγραφέα του περιεχομένου meta tags για χρήση σε κοινωνικά δίκτυα: og:title, og:image, og:url, og:description 47

48 Η δομή του Body(1) Το κυρίως περιεχόμενο της ιστοσελίδας ορίζεται από τα tags <body></body> Το περιεχόμενο της σελίδας μας μπορεί να είναι οτιδήποτε: απλό κείμενο Μια κανονική σελίδα (με κεφαλίδα, μενού πλοήγησης, κυρίως περιεχόμενο, υποσέλιδο) Διαδραστικό περιεχόμενο (εικόνες, βίντεο κλπ.) Στην συνέχεια θα δούμε την προτεινόμενη δομή για μια πλήρη σελίδα με όλες τις βασικές ενότητες 48

49 Η δομή του Body(2) Οι 4 βασικές ενότητες μια σελίδας είναι: Το header (κεφαλίδα) που ορίζεται με τα tags <header></header> Το μενού πλοήγησης που ορίζεται με τα tags <nav></nav> Το κυρίως περιεχόμενο της σελίδας μας που ορίζεται με τα tags <article></article> Το footer (υποσέλιδο) που ορίζεται με τα tags <footer></footer> 49

50 Η δομή του Body(2) Οι βασικές ενότητες αυτές μας βοηθούν ώστε να ορίσουμε καλύτερα την χρησιμότητα της κάθε περιοχής της σελίδας καλύτερα Μέσα σε κάθε μια από αυτές τις περιοχές μπορούμε να ορίσουμε το αντίστοιχο περιεχόμενο με τον τρόπο που επιθυμούμε 50

51 Η δομή του Body(3) Μέσα σε αυτές τις ενότητες μπορούμε να ορίσουμε οποιαδήποτε άλλη ενότητα html επιθυμούμε (όπως div, href, ul, ol κλπ.) Στην συνέχεια θα δούμε ένα σενάριο για τον τρόπο με τον οποίο μπορούμε να γεμίσουμε τις ενότητες αυτές με περιεχόμενο 51

52 Η δομή του Body - Header Στην ενότητα αυτή μπορούμε να συμπεριλάβουμε τα παρακάτω: Το λογότυπο του site μας το οποίο περικλείετε από ένα σύνδεσμο που παραπέμπει στην αρχική μας σελίδα Έναν τίτλο για την σελίδα μας Γενικά, οποιαδήποτε πληροφορία θέλουμε να εμφανίζεται σε όλες τις σελίδες του ιστότοπου μας όπως social media links, στοιχεία επικοινωνία κ.α. 52

53 Η δομή του Body Μενού πλοήγησης Στην ενότητα του μενού πλοήγησης προσθέτουμε συνδέσμους προς όλες τις σελίδας του ιστότοπου μας Ο πλέον βολικός τρόπος για να το κάνουμε αυτό είναι με την χρήση της μη ταξινομημένης λίστας (ul unordered list) Η λίστα αυτή περιέχει όλα τα στοιχεία του μενού μέσα στα tags <li></li> (list items) Κάθε ένα από αυτά τα στοιχεία περιέχει από έναν σύνδεσμο 53

54 Η δομή του Body Βασικό περιεχόμενο (1) 54

55 Η δομή του Body Βασικό περιεχόμενο (2) Στην ενότητα αυτή περιλαμβάνουμε το βασικό περιεχόμενο της σελίδας μας Το περιεχόμενο αυτό μπορεί να παρουσιαστεί με την βοήθεια όλων των βασικών html tags (headings, lists, paragraphs κλπ.) Το τμήμα αυτό της σελίδας είναι αυτό που διαφοροποιείτε ανάμεσα στις σελίδες του ιστότοπου μας 55

56 Η δομή του Body Υποσέλιδο Το υποσέλιδο περιέχεται μέσα στα tags <footer></footer> Όπως και το header περιέχει γενικές πληροφορίες της ιστοσελίδας μας που θέλουμε να εμφανίζονται σε όλες τις σελίδες του ιστοτόπου μας Και εδώ μπορούμε να κάνουμε χρήση όλων των html tags 56

57 Περιεχόμενα Βασικές Έννοιες Διαδικτύου και Ιστοσελίδων Η αρχιτεκτονική του Παγκόσμιου Ιστού (World Wide Web) Βασικές Οντότητες Web Φυλλομετρητές Ιστού (Web Browsers) H Γλώσσα προγραμματισμού HTML Βασικές ετικέτες και παραδείγματα Η πρώτη μου ιστοσελίδα Μορφοποίηση Περιεχομένου με CSS 57

58 Μορφοποίηση html στοιχείου με css (1) Νωρίτερα είδαμε πως μπορούμε να συμπεριλάβουμε στην σελίδα μας αρχεία μορφοποίησης της Στην συνέχεια, θα δούμε πως μπορούμε να μορφοποιήσουμε ένα html στοιχείο με την βοήθεια ενός αρχείου css 58

59 Μορφοποίηση html στοιχείου με css (2) Ας δούμε σαν παράδειγμα πως θα μορφοποιήσουμε το Heading h1 που βρίσκεται μέσα στο κυρίως περιεχόμενο της σελίδας μας Χρησιμοποιώντας μέσα στο css αρχείο μας τον παραπάνω κώδικα δίνουμε τα ορισμένα αυτά χαρακτηριστικά σε όλα τα heading h1 59

60 Μορφοποίηση html στοιχείου με css (3) Σε περίπτωση που θέλουμε να τροποποιήσουμε μόνο το heading h1 που βρίσκεται στην περιοχή article μπορούμε να το κάνουμε με δύο τρόπους: Είτε ορίζοντας στο αρχείο css με κατάλληλο τρόπο ότι τα χαρακτηριστικά που επιθυμούμε θα αφορούν τα headings h1 που είναι εμφωλευμένα στο tag article Είτε δίνοντας μια κλάση (class) στο tag h1 και χρησιμοποιώντας το tag αυτό μέσα στο αρχείο css 60

61 Μορφοποίηση html στοιχείου με css (4) Ακολουθούν παραδείγματα για τα δύο σενάρια που αναφέρθηκαν προηγουμένως. Περίπτωση 1 η : Περίπτωση 2 η : 61

62 Μορφοποίηση html στοιχείου με css (5) Με αντίστοιχο τρόπο μπορούμε να μορφοποιήσουμε όλα τα html στοιχεία της σελίδας μας (ακόμα και τα tags html και body) Οι δυνατότητες μορφοποίησης που έχουμε με την βοήθεια της css μας δίνουν ευελιξία ακόμα και στο γενικότερο layout της σελίδας μας 62

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

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

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

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

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ Βασικές Έννοιες Διαδικτύου Wordpress & Κοινωνικά Δίκτυα (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Περιεχόμενα Γενικές Έννοιες Διαδικτύου Η αρχιτεκτονική του Web Συστήματα Διαχείρισης

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

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

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

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

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

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

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

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

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

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

Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη

Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη Τεχνολογίες Παγκόσμιου Ιστού 1η διάλεξη Χαρακτηριστικά Μαθήματος Μάθημα προγραμματισμού (και όχι μόνον) Μπορεί να εξελιχθεί σε εφιάλτη αν δεν έχετε καλή γνώση και αρκετή εμπειρία προγραμματισμού (Java)

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

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

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

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

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

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

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

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag); Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και

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

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

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

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

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

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής 4 φάσεις διαδικτυακών εφαρμογών 1.Εφαρμογές στατικής πληροφόρησης

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

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

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

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

XAMPP Apache MySQL PHP javascript xampp

XAMPP Apache MySQL PHP javascript xampp XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

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

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Στόχος της ώρας

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

HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:

HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι,

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

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

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

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

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο

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

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

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

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

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3.

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3. ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3 Σταύρος Καουκάκης 1 Λίγα Λόγια για το Σχολείο Το 2 ο από συνολικά τρία σχολεία κώδικα

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

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

Εισαγωγή στην HTML (1) Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα

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

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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

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

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading

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

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή Τι είναι ένα CMS CMS ή Σύστημα Διαχείρισης Περιεχομένου (Content Management System) ονομάζουμε ένα λογισμικό που μας βοηθά να ελέγχουμε και να διαχειριζόμαστε έναν ιστότοπο δημόσιας ή περιορισμένης πρόσβασης.

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

3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας

3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας 3ο ΓΕΛ Ευόσμου 2014-15 Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας 1. Ποιες από τις παρακάτω είναι συσκευές εξόδου; Πληκτρολόγιο Μικρόφωνο Μεγάφωνα Ποντίκι Σαρωτής Εκτυπωτής 2. Ποιο από τα παρακάτω

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

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές

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

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3

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

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

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

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

ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013

ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 1. Δίκτυα Υπολογιστών και Διαδίκτυο... 3 1.1. Όροι Και Έννοιες... 3 1.2. Ασφάλεια Στο Διαδίκτυο... 5 2. Περιήγηση στον Παγκόσμιο Ιστό 7 Το Περιβάλλον Ενός Φυλλομετρητή...

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

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

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

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

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

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

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

Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol

Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol HTTP Protocol Web and HTTP Βασικά Συστατικά: Web Server Web Browser HTTP Protocol Web Servers (1/2) Ένα πρόγραμμα (λογισμικό) που έχει εγκατασταθεί σε ένα υπολογιστικό σύστημα (έναν ή περισσότερους υπολογιστές)

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

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 ΠΕΡΙΕΧΟΜΕΝΑ Πρόλογος... 13 Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 1.1 Εισαγωγή... 16 1.2 Διαδίκτυο και Παγκόσμιος Ιστός Ιστορική αναδρομή... 17 1.3 Αρχές πληροφοριακών συστημάτων

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

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ 1 2 Περιεχόμενα 1. Εισαγωγή... 5 2. Επεξήγηση των εργαλείων που χρησιμοποιήθηκαν για την δημιουργία της ιστοσελίδας... 6 2.1 Γλώσσα προγραμματισμού ΗΤML για την δημιουργία της Ιστοσελίδας... 6 2.2 Γλώσσα

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

Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex)

Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex) Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex) Π3.4: Website Έκδοση 0.1 R-2015-12 Νοέμβριος- 2015 . 2 ΠΙΝΑΚΑΣ ΙΣΤΟΡΙΚΟΥ ΕΚΔΟΣΗ ΗΜΕΡΟΜΗΝΙΑ

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

ίκτυα - 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) Υπηρεσία

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

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της

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

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

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

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

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) ΕΠΛ 012 ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) Διδάσκων Καθηγητής: Δημήτριος Τσουμάκος Εαρινό Εξάμηνο 2010 Βασικές Πληροφορίες Πότε: Δευτέρα & Πέμπτη 10:30-12μμ Πού: ΧΩΔ01

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

Προγραμματισμός διαδικτυακών εφαρμογών με PHP

Προγραμματισμός διαδικτυακών εφαρμογών με PHP ΕΣΔ516: Τεχνολογίες Διαδικτύου Προγραμματισμός διαδικτυακών εφαρμογών με PHP Ερωτήματα μέσω Περιεχόμενα Περιεχόμενα Λογισμικό για εφαρμογές Web Η τριεπίπεδη αρχιτεκτονική (3-tier architecture) Εισαγωγή

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

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά Νίκος Πασσαράς

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

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

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

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

Η Γλώσσα Προγραμματισμού του Internet HTML

Η Γλώσσα Προγραμματισμού του Internet HTML Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου),

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background

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

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας

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

Διάλεξη 3η HTML intermediate

Διάλεξη 3η HTML intermediate Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html

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

ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ

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

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

ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ

ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ Θρασυμάχου 14, Αθήνα - 6ος όροφος Τηλέφωνο: 210 2139880 Fax: 210 2139916 E-mail: sales@icop.gr www.icop.gr ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ Ημερομηνία: E-mail:.. Εταιρεία:..

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

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

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

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

Κινητές τεχνολογίες;

Κινητές τεχνολογίες; Κινητές τεχνολογίες Κινητές τεχνολογίες; Ασύρματη δικτύωση Κινητές επικοινωνίες Τεχνολογίες Πληροφορικής Σύγχρονες κινητές συσκευές Πρόσβαση στο Internet Αισθητήρες Δέκτης GPS Ηλεκτρονική πυξίδα Επιταχυνσιόμετρο

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

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για

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

Γαβαλάς αµιανός

Γαβαλάς αµιανός Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr

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

Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ

Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ Τμήμα Μηχανικών Πληροφορικής Τ.Ε Σχολή Τεχνολογικών Εφαρμογών (έδρα: Σπάρτη) Τ.Ε.Ι ΠΕΛΟΠΟΝΝΗΣΟΥ Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ ΘΕΜΑ : ΑΝΑΠΤΥΞΗ ΔΙΚΤΥΑΚΗΣ ΕΦΑΡΜΟΓΗΣ ΓΙΑ ΓΡΗΓΟΡΗ ΚΑΙ ΕΥΚΟΛΗ ΕΚΜΑΘΗΣΗ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ

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

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο 2014-2015 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό

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

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org) PEOPLECERT Hellas A.E - Φορέας Πιστοποίησης Ανθρώπινου Δυναμικού Κοραή 3, 105 64 Αθήνα, Τηλ.: 210 372 9100, Fax: 210 372 9101, e-mail: info@peoplecert.org, www.peoplecert.org Πνευματικά Δικαιώματα 2013

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

Η γλώσσα XHTML: διαφορές με HTML, μετατροπή

Η γλώσσα XHTML: διαφορές με HTML, μετατροπή Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας

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

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

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

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

Βασικές Έννοιες Web Εφαρμογών

Βασικές Έννοιες Web Εφαρμογών ΟΙΚΟΝΟΜΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΤΜΗΜΑ ΔΙΟΙΚΗΤΙΚΗΣ ΕΠΙΣΤΗΜΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ Τεχνολογίες και Εφαρμογές Διαδικτύου Βασικές Έννοιες Web Εφαρμογών Κατερίνα Πραματάρη Τεχνολογίες και Εφαρμογές Διαδικτύου Περιεχόμενα

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

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

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

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

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

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

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

Τεχνικός Εφαρμογών Πληροφορικής

Τεχνικός Εφαρμογών Πληροφορικής Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή

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

Υπερκείμενο / Υπερμέσα

Υπερκείμενο / Υπερμέσα Υπερκείμενο / Υπερμέσα Γιώργος Τζιρίτας Τμήμα Επιστήμης Υπολογιστών http://www.csd.uoc.gr/~tziritas Άνοιξη 2016 1 Υπερκείμενο Πλούσιο κείμενο με δυναμική οργάνωση των πληροφοριών Οργάνωση της γνώσης με

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

Πλοήγηση www / Με τον Internet Explorer

Πλοήγηση www / Με τον Internet Explorer Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή

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

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

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

Η HTML 5 θα αλλάξει το Web?

Η HTML 5 θα αλλάξει το Web? Η HTML 5 θα αλλάξει το Web? (ή αλλιώς, έρχεται το τέλος των plugins?) Αλέξανδρος Καράκος Εργαστήριο Προγραµµατισµού και Επεξεργασίας Πληροφοριών Internet 2... Είναι ένα ξεχωριστό µέσο δηµοσίευσης πληροφοριών

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

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

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

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

Θέματα Ψηφιακής Οικονομίας

Θέματα Ψηφιακής Οικονομίας Θέματα Ψηφιακής Οικονομίας Ενότητα 3: Δημιουργία mockup δικτυακής επιχείρισης Μανώλης Τζαγκαράκης, Βικτωρία Δασκάλου Σχολή Οργάνωσης και Διοίκησης Επιχειρήσεων Τμήμα Οικονομικών Επιστημών Σκοποί ενότητας

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

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί

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

ΕΙΣΗΓΗΣΗ. 2. Διάθεση πίστωσης ποσού 9.507,90 ευρώ σε βάρος του ΚΑ του προϋπολογισμού για την εκτέλεση της εν λόγω εργασίας.

ΕΙΣΗΓΗΣΗ. 2. Διάθεση πίστωσης ποσού 9.507,90 ευρώ σε βάρος του ΚΑ του προϋπολογισμού για την εκτέλεση της εν λόγω εργασίας. ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΝΟΜΟΣ ΜΑΓΝΗΣΙΑΣ ΔΗΜΟΣ ΣΚΙΑΘΟΥ Σκιάθος : 10/03/2016 Αριθμ. πρωτ.: 1795 ΕΙΣΗΓΗΣΗ Προς: Πρόεδρο Δημοτικού Συμβουλίου ΘΕΜΑ: 1. Έγκριση της δαπάνης για την αναβάθμιση, συντήρηση και φιλοξενία

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

Εργαλεία Ανάπτυξης Εφαρμογών Internet I

Εργαλεία Ανάπτυξης Εφαρμογών Internet I Εργαλεία Ανάπτυξης Εφαρμογών Internet I 1: Εισαγωγή στον Παγκόσμιο Ιστό Σταύρος Καμμάς Δομή μαθήματος 1. Εισαγωγή στον Παγκόσμιο Ιστό (www, υπερκείμενο, υπερσύνδεσμοι, υπερμέσα, πολυμέσα, πλοηγοί, παραδείγματα)

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

Animation με χρήση HTML 5. Στέλιος Σκουρλής

Animation με χρήση HTML 5. Στέλιος Σκουρλής Animation με χρήση HTML 5 Στέλιος Σκουρλής Τι είναι η HTML???? Με απλά λόγια, μία ιστοσελίδα (HTML αρχείο) ) είναι ένα αρχείο κειμένου που δημιουργήθηκε χρησιμοποιώντας Hypertext Markup Language (HTML)

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

Παγκόσμιος ιστός και Internet συχνά θεωρούνται το ίδιο πράγμα. Η αντίληψη αυτή είναι λανθασμένη καθώς ο ιστός αποτελεί μία μόνο εφαρμογή του

Παγκόσμιος ιστός και Internet συχνά θεωρούνται το ίδιο πράγμα. Η αντίληψη αυτή είναι λανθασμένη καθώς ο ιστός αποτελεί μία μόνο εφαρμογή του Ο Παγκόσμιος Ιστός Ο Παγκόσμιος Ιστός (World Wide Web - WWW) είναι η πιο δημοφιλής υπηρεσία του Διαδικτύου, που μας επιτρέπει με ιδιαίτερα εύκολο τρόπο να έχουμε πρόσβαση σε μια τεράστια συλλογή ψηφιακών

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

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

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

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

Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων

Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων ΓΤΠ61 καθηγητής-σύμβουλος Δημήτριος Ζευγώλης Εργασία του Κ. Μακρόπουλου Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων 1 Εισαγωγή Το έτος 2009 υπολογίζεται ότι περισσότεροι από 1,5

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

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

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

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

ΟΔΗΓΟΣ ΕΓΚΑΤΑΣΤΑΣΗΣ ΠΙΣΤΟΠΟΙΗΤΙΚΟΥ ΑΣΦΑΛΕΙΑΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ

ΟΔΗΓΟΣ ΕΓΚΑΤΑΣΤΑΣΗΣ ΠΙΣΤΟΠΟΙΗΤΙΚΟΥ ΑΣΦΑΛΕΙΑΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ ΟΔΗΓΟΣ ΕΓΚΑΤΑΣΤΑΣΗΣ ΠΙΣΤΟΠΟΙΗΤΙΚΟΥ ΑΣΦΑΛΕΙΑΣ WEBMAIL ΠΕΡΙΕΧΟΜΕΝΑ 1. URL Διεύθυνση WebMail... 3 2. Εγκατάσταση Πιστοποιητικού Ασφάλειας... 3 2.1 Εγκατάσταση Πιστοποιητικού στον Internet Explorer... 3 2.2

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

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Τι θα μάθουμε σήμερα: Να ορίζουμε τι είναι πρωτόκολλο επικοινωνίας Να εξηγούμε τη χρησιμότητα των πρωτοκόλλων επικοινωνίας Να ονομάζουμε τα σημαντικότερα

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

Τεχνολογίες Διαδικτύου. Server Side Scripting I PHP

Τεχνολογίες Διαδικτύου. Server Side Scripting I PHP Τεχνολογίες Διαδικτύου Server Side Scripting I PHP Εισαγωγή PHP PHP:Hypertext Preprocessor Mηχανή που συνοδεύει web servers όπως ο IIS και ο Apache Η PHP είναι γλώσσα προγραμματισμού για web εφαρμογές

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

6 Εισαγωγή στο Wordpress 3.x

6 Εισαγωγή στο Wordpress 3.x Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και

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

Περιεχόμενα. Πληροφορίες Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12

Περιεχόμενα. Πληροφορίες Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12 Περιεχόμενα Πληροφορίες... 11 Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12 1 Εγκατάσταση του WordPress... 13 Ελάχιστες απαιτήσεις...13 WampServer...14 Εγκατάσταση

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

Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών.

Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών. Κεφάλαιο 2 Με το διαδίκτυο μπορεί κάποιος: να κάνει έρευνα, να ψωνίσει για διάφορες υπηρεσίες και προϊόντα, να δει καιρικούς χάρτες, να πάρει φωτογραφίες, ταινίες, και διάφορες άλλες πληροφορίες που βρίσκονται

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

Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex)

Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex) Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex) Π3.5: Social networking electronic platform Έκδοση 0.1 R-2015-11 ΝΟΕΜΒΡΙΟΣ 2015 . 2 ΠΙΝΑΚΑΣ

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

Μελέτη περίπτωσης συστήµατος διαχείρισης οπτικοακουστικού περιεχοµένου δηµιουργηµένου από χρήστες Flickr

Μελέτη περίπτωσης συστήµατος διαχείρισης οπτικοακουστικού περιεχοµένου δηµιουργηµένου από χρήστες Flickr 1 Μελέτη περίπτωσης συστήµατος διαχείρισης οπτικοακουστικού περιεχοµένου δηµιουργηµένου από χρήστες Flickr 2 3 Εισαγωγή Η λειτουργικότητα που προσφέρει µια εφαρµογή υπολογιστών, χρησιµοποιώντας µια διεπαφή,

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

Ειδικά θέματα σε κινητά και ασύρματα δίκτυα

Ειδικά θέματα σε κινητά και ασύρματα δίκτυα Ειδικά θέματα σε κινητά και ασύρματα δίκτυα Εύη Παπαϊωάννου Σχολή Οργάνωσης και Διοίκησης Επιχειρήσεων Τμήμα Διαχείρισης Πολιτισμικού Περιβάλλοντος και Νέων Τεχνολογιών Σκοποί ενότητας Παρουσίαση θεμάτων

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

Frontend optimizations. Θεοδόσης Σουργκούνης

Frontend optimizations. Θεοδόσης Σουργκούνης Frontend optimizations Θεοδόσης Σουργκούνης About me Σουργκούνης Θεοδόσης, thsourg@gmail.com Φοιτητής Ηλεκτρολόγος Μηχανικός, ΑΠΘ Frontend Web Developer Jan 2009: Kamibu www.zino.gr July 2009: Fardini

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

Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links

Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links Internet Τοπικό δίκτυο (LAN Local Area Network): Δίκτυο όπου οι υπολογιστές βρίσκονται κοντά μεταξύ τους (μία εταιρία ή στην ίδια αίθουσα). Δίκτυο Ευρείας Περιοχής (WAN Wide Area Network) Δίκτυο όπου οι

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

Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress

Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress Διήμερο σεμινάριο για δημιουργία ιστοσελίδων με WordPress στο περιβάλλον του ΠΣΔ για τους εκπαιδευτικούς ΠΕ19/20 Βερύκιος Α., ΚΕΠΛΗΝΕΤ Λευκάδας Διήμερο

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

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

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

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

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

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

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

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

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

Στην τεχνολογία των CSS, οι κανόνες στυλ (style

Στην τεχνολογία των CSS, οι κανόνες στυλ (style Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ

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

10. Εισαγωγή στην HTML

10. Εισαγωγή στην HTML 10. Εισαγωγή στην HTML Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εισαγωγή στη γλώσσα HTML και η ανάδειξη του γεγονότος ότι πρόκειται για μία πολύ απλή τεχνολογία. Θα χρησιμοποιήσετε

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

Κατασκευή Ιστολόγιου

Κατασκευή Ιστολόγιου Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται

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

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA Καλωσορίσατε στην πλατφόρμα ηλεκτρονικής μάθησης E-Agiografia, Η Media Suite έχει αναπτύξει το Ολοκληρωμένο Σύστημα Τηλεκατάρτισης (e-learning) με την επωνυμία

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

ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Εταιρεία:.. Προς:. Tηλ.:.. Πωλητής:

ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Εταιρεία:.. Προς:. Tηλ.:.. Πωλητής: Θρασυμάχου 14, Αθήνα - 6ος όροφος Τηλέφωνο: 210 2139880 Fax: 210 2139916 E-mail: sales@icop.gr www.icop.gr ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Ημερομηνία:.. E-mail: Εταιρεία:..

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

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό

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

Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1.

Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1. Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1.4 DNS Servers...6 1.4.1 Πως μεταφράζονται τα domain names σε

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

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

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

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

Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Έκδοση 1.0

Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Έκδοση 1.0 Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Πνευµατικά ικαιώµατα Το παρόν είναι πνευµατική ιδιοκτησία της ACTA Α.Ε. και προστατεύεται από την Ελληνική και Ευρωπαϊκή νοµοθεσία που αφορά τα πνευµατικά

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

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript

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

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Εισαγωγή-Σκοπός. Τρόποι δημιουργίας δυναμικών ιστοσελίδων. Dynamic Web Pages. Dynamic Web Page Development Using Dreamweaver. Τρόποι δημιουργίας δυναμικών

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