Κατασκευή Πρότυπων Σελίδων. Νικόλαος Ζ. Ζάχαρης

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Κατασκευή Πρότυπων Σελίδων. Νικόλαος Ζ. Ζάχαρης"

Transcript

1 Κατασκευή Πρότυπων Σελίδων (Templates) Νικόλαος Ζ. Ζάχαρης

2 Τι είναι η πρότυπη σελίδα Είναι ένα σύνολο από αρχεία συμπιεσμένο σε μορφή zip, τo οποίo καθορίζει την συνολικήεμφάνισητουδικτυακούτόπου, όπως : 1. τους χρωµατισµούς που θα χρησιμοποιηθούν για τα κείμενα και τα γραφικά (κείµενα περιεχοµένου, σύνδεσµοι, µενούκλπ) 2. τα µεγέθη χαρακτήρων, εικόνων και λοιπών στοιχείων που απαρτίζουν την κάθε σελίδα 3. τα γραφικά στοιχεία (όπως λογότυπα και άλλες εικόνες και σχέδια) που θα χρησιμοποιηθούνστηνεμφάνισητηςσελίδας. 4. η τοποθεσία και διάταξη των διάφορων στοιχείων της ιστοσελίδας (επικεφαλίδα, λογότυπο, κυρίωςπεριεχόµενο, µενού επιλογών, αριθµός και µέγεθος στηλώνκλπ) Αφού έχουμε κατασκευάσει (ή αγοράσει ήκατεβάσει δωρεάν από το διαδίκτυο) μια πρότυπη σελίδα μπορούμε να ορίσουμε στο Joomla να παρουσιάσει όλα (ή μέρος) από τα στοιχεία του δικτυακού τόπου σύμφωνα με τη λογική και τη γραφική απεικόνιση της πρότυπηςσελίδας. Με την εγκατάσταση του Joomla υπάρχουν διαθέσιμα 3 πρότυπα σελίδας για το δικτυακότόποκαι 1 πρότυποσελίδαςγιατοδιαχειριστικόμέρος.

3 Εμφάνιση των Templates Από το μενού Extensions επιλέγουμε Template Manager (1) και στη οθόνη που εμφανίζεται επιλέγουμε το template beez (2). Εν συνεχεία πατάμε Default (3). Τέλος το πλήκτρο Preview (4) γιαναδούμετηνεφαρμογήτουνέουπροτύπου. Επαναλαμβάνουμε γιατο JA_Purity (5).

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

5 Δωρεάν templates Παράδειγμα Ξεκινήστε από το Google με ερώτηση free joomla templates και κατεβάστε στο δίσκο σας ένα αρχειο zip με το νέο template. Προσοχή, πριν κατεβάσετε οποιοδήποτε αρχείο να ελέγξετε τη έκδοση του, δηλαδή αν είναι κατάλληλο για την έκδοση 1.5.

6 Εγκατάσταση νέου template Από το μενού Extensions επιλέγουμε Install/Unistall (1) και στη οθόνη που εμφανίζεται πατάμε το πλήκτρο Browse.. (2) για να δείξουμε το μονοπάτι του αρχείου και εν συνεχεία πατάμε το Upload File &Install γιανατοεγκαταστήσουμε (3). Μια νέα οθόνη εμφανίζει στοιχεία σχετικά με τηνεπιτυχία τηςδιαδικασίας (4).

7 Απεγκατάσταση ενός template Από το μενού Extensions επιλέγουμε Install/Unistall (1) και στη οθόνη που εμφανίζεται πατάμε Templates (2). Επιλέγουμε ένα template (3) καιπατάμε Uninstall (4). H ίδια διαδικασία ακολουθείται και για τα υπόλοιπα αντικείμενα που έχουμε εγκαταστήσει στοδικτυακόκόμβο, απλάδενθαεπιλέξουμε templates (2) αλλάτηκαρτέλατους (5).

8 Εφαρμογή του template σε μια σελίδα Από το μενού Extensions επιλέγουμε Template Manager (1) και στη οθόνη που εμφανίζεται επιλέγουμετο rhuk_milkway (2) καιτοκάνουμε Default (3). Ενσυνεχείαεπιλέγουμετο beez (4) καιπατάμε Edit (5). Σεόλοτοδικτυακόκόμβοθέλουμετοπρότυπο rhuk_milkway εκτόςαπόμιαήπερισσότερες σελίδεςστιςοποίες θαεφαρμόσουμε τοπρότυπο beez.

9 Οι παράμετροι του beez Επιλέγουμε Select from list (1) και εν συνεχεία με πατημένο το πλήκτρο Ctrl επιλέγουμε τουςσυνδέσμους στουςοποίους θα εφαρμοστεί το beez (2). Τέλος πατάμε Save (3).

10 H εμφάνιση του template beez

11 Τεχνολογίες για την κατασκευή των πρότυπων σελίδων.

12 Οι τεχνολογίες ανάπτυξης των πρότυπων σελίδων HTML CSS XML PHP

13 HyperTextMarkup Language (HTML) Νίκος Ζ. Ζάχαρης

14 HyperTextMarkup Language (HTML) Η HTML είναι η γλώσσα που χρησιμοποιείται για την περιγραφή της εμφάνισης του περιεχομένου (π.χ. κείμενο, εικόνες κ.λπ.) στο διαδίκτυο. Δεν είναι μια γλώσσα προγραμματισμού όπως για παράδειγμα η C, Java κ.λπ. αλλά είναι μια γλώσσα περιγραφής, που χρησιμοποιεί ετικέτες (tags) σε ζευγάρια για να δηλώσει την έναρξη καιτηνλήξητηςμορφοποίησης πουθαεφαρμοστείστοπεριεχόμενο. Οι ετικέτες έχουν τη μορφή <ΌνομαΕτικέτας> και </ΌνομαΕτικέτας>. Για παράδειγμα για να δηλώσουμε ότι ηλέξη Καλημέρα θα πρέπει να εμφανιστεί έντονα τότε θα πρέπει πριν τη λέξη να τοποθετήσουμε την ετικέτα <b> που σηματοδοτεί την έναρξη της λειτουργίας έντονη γραφή και μετά τη λέξη να τοποθετήσουμε την ετικέτα </b> πουσηματοδοτείτηνλήξητηςλειτουργίαςέντονηγραφή. Συνολικά : <b>καλημέρα</b> Όλο το περιεχόμενο μαζί με τις ετικέτες μορφοποίησης τα γράφουμε σε απλά αρχεία κειμένου και τα αποθηκεύουμε με την κατάληξη html ή htm. Έτσι για παράδειγμα το αρχείο test.html ανάμεσα στις άλλες εντολές έχει και τη μορφοποίηση για τη λέξη καλημέρα. Αν στη συνέχεια διαβάσουμε το αρχείο test.html με ένα πρόγραμμα που καταλαβαίνει τη γλώσσα HTML δεν θα εμφανίσει τις ετικέτες αλλά μόνο τη λέξη Καλημέρα σεέντονηγραφή.

15 Τι θα χρειαστώ για να αναπτύξω σελίδες HTML Α) Για τη συγγραφή των ιστοσελίδων θα χρειαστούμε έναν απλό κειμενογράφο, όπως για παράδειγμα είναι το Σημειωματάριο (Notepad), NotePad++, ή ένα εξειδικευμένο WYSIWYG HTML editor όπως KompoZer,SeaMonkey ή εξειδικευμένα εργαλεία όπως το HTML-kit. kompozer Β) Για τη εμφάνιση των ιστοσελίδων θα χρειαστούμε έναν πρόγραμμα που καταλαβαίνει τη γλώσσα HTML,όπως για παράδειγμα ένα πρόγραμμα πλοήγησης για τοδιαδίκτυο.

16 Το αρχείο first.html <html> Η δομή ενός αρχείου HTML <head> <title>η πρώτη ιστοσελίδα</title> </head> <body> <b>καλημέρα</b> </body> </html> Έναρξη <head> και λήξη </head> της επικεφαλίδας τουεγγράφου. Έναρξη <body> και λήξη </body> του σώματος του περιεχομένου Έναρξη <html> και λήξη </html> τουεγγράφου. Στο τμήμα του body τοποθετούμε το περιεχόμενο με τη μορφοποίηση όπως ακριβώς θέλουμε να εμφανιστεί στο παράθυροτουπρογράμματοςπλοήγησης. Στο τμήμα head τοποθετούμε οδηγίες εμφάνισης ήάλλες πληροφορίες σχετικές μετοέγγραφο.

17 H επικεφαλίδα του εγγράφου <HEAD> Στο τμήμα του head εκτός από την ετικέτα <title> που είναι ο τίτλος του εγγράφου και εμφανίζεταιπάνωαριστεράστοπρόγραμμαπλοήγησηςκαμίαάλληπληροφορίαδενέχει οπτικό αποτέλεσμα. Τοτμήμα αυτό χρησιμοποιείται για : Α) νατοποθετήσουμεοδηγίεςεμφάνισης ή ή <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <metahttp-equiv="content-type" content="text/html;charset=utf-8" > < metahttp-equiv ="Content-Type" content ="text/html; charset=iso "> Β) νατοποθετήσουμεάλλεςπληροφορίεςσχετικέςμετο έγγραφο Γ) τιςενέργειεςπουπρέπειναγίνουναπότοπρόγραμμαπλοήγησης. ή <meta name="keywords" content="σεμινάρια, Δημόσια, Διοίκηση"> <meta name="description" content="o δικτυακός τόπος του ΕΚΔΔΑ"> <meta name="generator" content ="Microsoft Word 12"> <meta name="author" content ="Nick Z. Zacharis"> <meta name="expires" content ="Tue, 12 Aug :27:28 GMT"> <metahttp-equiv="refresh" content="10"> <metahttp-equiv="refresh" content="10; URL=

18 Παράδειγμα επικεφαλίδας <HEAD> Το αρχείο header.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <meta name="keywords" content="σεμινάρια, Δημόσια, Διοίκηση"> <meta name="description" content="o δικτυακός τόπος του ΕΚΔΔΑ"> <meta name="generator" content ="Microsoft Word 12"> <meta name="author" content ="Nick Z. Zacharis"> <meta name="expires" content ="Tue, 12 Aug :27:28 GMT"> <meta http-equiv="refresh" content="10; URL= <title>η δεύτερη ιστοσελίδα</title> </head> <body> <b>καλημέρα</b> </body> </html>

19 Το σώμα του εγγράφου <body> Το σώμα του εγγράφου περικλείεται από τις ετικέτες <body> και </body> και μπορούμε προαιρετικά δίπλα από το όνομα της ετικέτας να ορίσουμε ζεύγη ιδιοτήτων (χαρακτηριστικών) μετιςαντίστοιχεςτιμέςτους. Ιδιότητα Λειτουργία bgcolor Προσδιορίζειτοχρώμαφόντουτηςιστοσελίδας. background Προσδιορίζει την διεύθυνση της εικόνας που θα χρησιμοποιηθείσανφόντοστηνιστοσελίδα. text Προσδιορίζει τo προκαθορισμένο χρώμα του κειμένου link Προσδιορίζει τoχρώμα των υπερσυνδέσμων που δεν έχειεπισκεφτείοχρήστης. alink Προσδιορίζειτoχρώματουυπερσυνδέσμουτηνστιγμή πουοχρήστηςέκανεκλικπάνωτου. vlink Προσδιορίζει τoχρώμα των υπερσυνδέσμων που έχει επισκεφτείοχρήστης. lang Προσδιορίζει την προκαθορισμένη γλώσσα του κειμένου style Προσδιορίζειτoστυλεμφάνισηςτουκειμένου.

20 To στυλ εμφάνισης του κειμένου Ιδιότητα Ενδεικτικές Τιμές Περιγραφή font-family Courier Arial Ορίζει την οικογένεια της γραμματοσειράς small font-size medium Ορίζει το μέγεθος της γραμματοσειράs σε ένα large προκαθορισμένομέγεθοςήσεμιααριθμητικήτιμή. 10 normal Ορίζει το στυλ της γραμματοσειράς του κειμένου (italic - font-style italic πλάγιοι χαρακτήρες, normal κανονικοί, oblique -πλάγιοι oblique και έντονοι χαρακτήρες) font-variant small-caps Εμφανίζει το κείμενο με κεφαλαία γράμματα font-weight normal bold Ορίζει την έντονη γραφή της γραμματοσειράς font-stretch normal condensed Ορίζει την απόσταση μεταξύ των γραμμάτων wider text-align left right justify center Ορίζει την στοίχιση των γραμμάτων

21 Παράδειγμα της ετικέτας <body> Το αρχείο body.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>η ετικέτα BODY</title> </head> <body lang="el" style="text-align:justify; color:#ff0000; font-family: Arial; font-size:24;"> Το σώμα του εγγράφου. </body> </html> Όλες οι ετικέτες μπορούν να χρησιμοποιηθούν μόνες τους, όπου σε αυτή τη περίπτωση έχουν μια προκαθορισμένη συμπεριφορά, όμως αρκετές από τις ετικέτες δίνουν την δυνατότητανακαθορίσουμεζεύγηιδιοτήτωνκαιτιμών. <ετικέτα ιδιότητα="τιμή" ιδιότητα="τιμή" ιδιότητα="τιμή">

22 Ετικέτες μορφοποίησης κειμένου Ετικέτα Λειτουργία <br/> ή <br> Αλλαγήγραμμής. <b>κείμενο</b> Εμφανίζειτοκείμενοσεέντονηγραφή <i>κείμενο</i> Εμφανίζειτοκείμενοσεπλάγιαγραφή <u>κείμενο</u> Εμφανίζειτοκείμενουπογραμμισμένο. <strike>κείμενο </strike> Εμφανίζειτοκείμενομεδιαγράμμιση <em>κείμενο </em> Εμφανίζειτοκείμενομεέμφαση <sub>κείμενο</sub> Εμφανίζει το κείμενο σαν δείκτη, κάτω από την κανονική γραμμή κειμένου. <sup>κείμενο</sup> Εμφανίζει το κείμενο σαν εκθέτη, πάνω από την κανονική γραμμήκειμένου. <h1>κείμενο</h1> Χρησιμοποιείται για επικεφαλίδες και το μέγεθος της <h6>κείμενο</h6> γραμματοσειράς μπορεί να είναι σε μια κλίμακα από το 1 μέχρι το 6, όπου το 1 είναι το μεγαλύτερο μέγεθος ενώ το 6 το μικρότερο. <big>κείμενο</big> Εμφανίζει το κείμενο σε μέγεθος της γραμματοσειράς μεγαλύτεροαπότοκανονικόκαιέντονα. <small>κείμενο</small> Εμφανίζει το κείμενο σε μέγεθος της γραμματοσειράς μικρότεροαπότοκανονικό.

23 Ετικέτες μορφοποίησης κειμένου (συν.) Ετικέτα Λειτουργία <strong>κείμενο<strong> Εμφανίζειτοκείμενοσεέντονηγραφή. <tt>κείμενο</tt> Εμφανίζειτοκείμενοσανέχειτυπωθείσεγραφομηχανή. <!-- κείμενο --> Τοκείμενο παραμένει αμετάφραστο μέσα στις ετικέτες <!-- και -->. Χρησιμοποιείται για την δημιουργία διευκρινιστικώνσχολίωνστοκώδικατης HTML. <p>κείμενο</p> Οι ετικέτες <p> και </p> ορίζουνμια παράγραφο. Όλα τα κενάήοιαλλαγέςγραμμήςαγνοούνται. Χρησιμοποιείται για την εμφάνιση του κενού χαρακτήρα. <hr> Δημιουργείμια ευθείαγραμμή. Οι ιδιότητες alignsize και width καθορίζουν την στοίχιση τηςγραμμής, το μέγεθος και τοπλάτος. <blockquote>κείμενο Εμφανίζειτοκείμενοαρχίζονταςσεδεξιότερηεσοχή. </blockquote> <pre>κείμενο</pre> Εμφανίζει το κείμενο όπως ακριβώς το πληκτρολογούμε με τακενάκαιτιςαλλαγέςγραμμής. Η ετικέτα <div> ορίζει ένα τμήμα (υποδιαίρεση) του HTML κειμένου και μας βοηθά να ορίσουμετοίδιοστυλμορφοποίησηςσεόλεςτιςετικέτεςπουανήκουνσεαυτότοτμήμα.

24 Παράδειγμα μορφοποίησης κειμένου Το αρχείο textformat.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>παραδείγματα μορφοποίησης</title> </head> <body style="color:#6000ff" lang="el"> Κανονικό Κείμενο <b>έντονη γραφή </b> <i>πλάγια γραφή<i><br/> <u>υπογραμμισμένο κείμενο</u><br/> <strike>κείμενο με διαγράμμιση</strike> <em>κείμενο με έμφαση</em><br/> Το Χ με δείκτη το 3 Χ<sub>3</sub><br/> Το Χ υψωμένο στο τετράγωνο Χ<sup>2</sup> <h1>επικεφαλίδα με μέγεθος γραφής 1</h1> <h4>επικεφαλίδα με μέγεθος γραφής 4</h4> <big>μεγάλο Κείμενο</big> <small>μικρό κείμενο</small> <strong>έντονο κείμενο</strong> <tt>κείμενο γραφομηχανής</tt> <!-- Διευκρινιστικά Σχόλια -->

25 Παράδειγμα μορφοποίησης κειμένου (συν.) Το αρχείο textformat.html <p>μια παράγραφο κειμένου</p> <hr width="50%" align="center" size="3" style="color:#00ff00"> <blockquote>κείμενο που αρχίζει σε δεξιότερη εσοχή.</blockquote> <pre> for i =1 to 20 do if x < 10 then print x end if next </pre> <div style="color:#00ff00"> <h2>επικεφαλίδα 2</h2> <p>μια παράγραφο κειμένου</p> </div> </body> </html>

26 Το αρχείο numberlist.html Αριθμημένη Λίστα <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> </head> <body> <olstart=7> <li>αθήνα</li> <li>λαμία</li> <li>χανιά</li> </ol> </body> </html> Για μη αριθμημένες λίστες αντικαταστήστε το <ol> με <ul> Εν συνεχεία προσθέστε στην ετικέτα <ul> την ιδιότητα TYPE τιμή ένα από τα CIRCLE, DISC, SQUARE. Για παράδειγμα <ul TYPE=CIRCLE>

27 ΛίσταΟρισμών (definition list) Το αρχείο deflist.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> </head> <body> <dl> <dt>ανωτάτη Εκπαίδευση</dt> <dd>αει</dd> <dd>τει</dd> <dt>μεταπτυχιακή Εκπαίδευση</dt> <dd>msc</dd> <dd>phd</dd> </dl> </body> </html> Σε μια λίστα ορισμών μπορούμε να ορίσουμε έναν ή περισσότερους τίτλους (definition titles) και για το κάθε τίτλο ένα ή περισσότερους ορισμούς (definition data)

28 Υπερσύνδεσμοι A) Υπερσύνδεσμοι Τo πλήρες μονοπάτι στην ιστοσελίδα <a href=" σελίδαβ</a> Η σχετική διαδρομή στην ιστοσελίδα <a href="b.html">h σελίδα Β</a> Β) Σελιδοδείκτης <a name="chap1">κεφάλαιο 1</a> <a href =" το Κεφάλαιο 1</a>

29 Παράδειγμα Υπερσυνδέσμων PageC A.html TA NEA Page B B.html Επιστροφή Α ΕΚΔΔΑ Κεφάλαιο 1 months Σελίδα C.html Επιστροφή Α

30 Παράδειγμα Υπερσυνδέσμων (συν.) Το αρχείο A.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>page A</title> </head> <body> <a href=" NEA</a><br/> <a href=" <a href="b.html">page B</a><br/> <a href="months/c.html">page C</a><br/> </body> </html>

31 Παράδειγμα Υπερσυνδέσμων (συν.) Το αρχείο Β.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>page Β</title> </head> <body> <a href="a.html">επιστροφή Α</a><br/> <a href="months/c.html#chapter1">κεφάλαιο 1</a><br/> </body> </html>

32 Παράδειγμα Υπερσυνδέσμων (συν.) Το αρχείο C.html <html> <head> <metahttp-equiv="content-type" content="text/html; charset=windows-1253"> <title>page C</title> </head> <body> Για «σκηνικό χειμώνα» το Σαββατοκύριακο, κάνει λόγο η Εθνική Μετεωρολογική Υπηρεσία. Ειδικότερα για αύριο προβλέπονται νεφώσεις με κατά τόπους ισχυρές βροχέςκαικαταιγίδες. Χιονοπτώσειςθαπέσουνστακεντρικάκαιβόρειαορεινά. <br> <br> <b><aname="chapter1">kεφάλαιο 1</a></b><br> Αντιγράψτε 10 φορέςτηκόκκινηπαράγραφο <br><br> <ahref="../a.html">pagea</a><br/> </body> </html>

33 Η ιδιότητα target του υπερσυνδέσμου Τιμή Η ιστοσελίδα που δείχνει ο σύνδεσμος θα : _blank _parent _self _top ανοίξει σε νέο παράθυρο. ανοίξει στο παράθυρο που είναι στο αμέσως ανωτέρω επίπεδο. εμφανιστεί στο ίδιο παράθυρο που εμφανίζεται οσύνδεσμος. Προκαθορισμένη συμπεριφορά. ανοίξει στο ριζικό παράθυρο ανεξαρτήτως επιπέδου. Οι τιμές _parent και _top μπορεί να γίνουν κατανοητές με χρήση πλαισίων (Frames) Στην σελίδα A.html προσθέστε την δυνατότητα να ανοίγουν οι εξωτερικοί σύνδεσμοι σενέαπαράθυρο.

34 IE και Firefox embed.html Πολυμέσα Video -Flash <embed src="example.swf" play="false" loop="false" type="application/x-shockwave-flash" width="640" height="480"> IE ieobject.html <object classid="clsid:d27cdb6e-ae6d-11cf-96b " width="550" height="400"> <param name="movie" value="example.swf" /> <param name="loop" value="false" /> <paramname="play" value="false" /> </object> Αρχικά χρησιμοποίηθηκεη ετικέτα embed Αντικαθιστάθηκεαπό την ετικέτα object Firefox fxobject.html <object type="application/x-shockwave-flash" data="example.swf" width="550" height="400"> <paramname="movie" value="example.swf" /> </object> αλλά με διαφοροποιήσεις ανάμεσα στους browsers

35 IE και Firefox adobe.html Πολυμέσα Video -Flash <object classid="clsid:d27cdb6e-ae6d-11cf-96b " width="550" height="400"> <param name="movie" value="example.swf" /> <paramname="loop" value="false" /> <paramname="play" value="false" /> <!--[if!ie]>--> <object type="application/x-shockwave-flash" data="example.swf" width="550" height="400"> <paramname="movie" value="example.swf" /> <!--<![endif]--> <a href=" <img src=" alt="get Adobe Flash player" /> </a> <!--[if!ie]>--> </object> <!--<![endif]--> </object> H πρόταση της Adobe ώστε να εμφανίζεται σωστά το video.

36 HTML5 html5.html Πολυμέσα Video -Flash <video width="320" height="200" controls> <source src="example.mp4" type="video/mp4"> <source src="example.ogg" type="video/ogg"> <source src="example.webm" type="video/webm"> Your browser does not support the video tag. </video> all.html <video width="320" height="200" controls> <source src="example.mp4" type="video/mp4"> <source src="example.ogg" type="video/ogg"> <source src="example.webm" type="video/webm"> <object data=" example.swf " height="200" width="320"> <embed src="example.swf" height="200" width="320"> </object> </video> Τελικά στη πράξη χρησιμοποιείς ένα συνδυασμό συνδυασμό των ανωτέρω.

37 Πολυμέσα - Video Χρήση υπερσυνδέσμου : <a href="example.swf">κατέβασε το video</a> Χρήση YouTube

38 Πίνακες Οι πίνακες χρησιμοποιούνται για την παρουσίαση/στοίχιση πληροφοριών σε μια ιστοσελίδα. ΌνομαΕτικέτας <table> </table> <caption></caption> <tr> </tr> <th></th> <td> </td> Περιγραφή Αρχήκαιτέλοςτουπίνακα Τίτλοςτουπίνακα Αρχήκαιτέλοςγραμμής Αρχήκαιτέλοςκελιούμεέντονηγραφή Αρχή και τέλος κελιού με κανονική γραφή

39 Παράδειγμα πίνακα Το αρχείο table.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> </head> <body> <table border="1"> <caption>πωλήσεις από το 2005 έως το 2007</caption> <tr><th>χρονολογία</th><th>πώλησεις (σε χιλιάδες ευρό)</th></tr> <tr><td>2005</td><td>240</td></tr> <tr><td>2006</td><td>202</td></tr> <tr><td>2007</td><td>208</td></tr> </table> </body> </html>

40 Πλαίσια Το αρχείο frames.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>σύνθετοπαράδειγμα πλαισίων</title> </head> <frameset rows="70,*,70"> <frame name="header" src="header.html"> <frameset cols="200,*"> <frame name="menu" src="menu.html"> <frame name="content" src="introduction.html"> </frameset> <frame name="footer" src="footer.html"> </frameset> </html> menu header content footer

41 Πλαίσια -To αρχείο επικεφαλίδα Το αρχείο header.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>επικεφαλίδα</title> </head> <body> <p style="text-align:right;"> ΕνωσηΦίλων του Υπολογιστή </p> </body> </html>

42 Πλαίσια -To αρχείο υποσέλιδο Το αρχείο footer.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>υποσέλιδο</title> </head> <body> <p style="text-align:center;"> Πειραιώς 250<br> Τηλ <br></p> </body> </html>

43 Πλαίσια -To αρχείο περιεχόμενο Το αρχείο introduction.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>περιεχόμενο</title> </head> <body> Ιστορικό</br> Η ένωση μας δημιουργήθηκε το </body> </html>

44 Πλαίσια -To αρχείο menu Το αρχείο menu.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>μενού</title> </head> <body> <a href="introduction.html" target="content">ιστορικό</a><br/> <a href=" target="content">ta NEA</a><br/> </body> </html>

45 ΦΟΡΜA ΑΠΟΣΤΟΛΗΣ ΔΕΔΟΜΕΝΩΝ Το αρχείο forma.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>φόρμα αποστολής δεδομένων</title> </head> <body> <form action=" method="get"> Εισόδημα <input type="text" name="noa" value="5" maxlength="10"/><br> Κωδικός <input type="password" name="pass" value="" maxlength="10"/><br> Περιγραφή<br><textarea name="question" cols="20" rows="4"></textarea><br> <input type="radio" name="sex" value="male" /> Άντρας <br/> <input type="radio" name="sex" value="female" checked="checked" />Γυναίκα<br/> <input type="hidden" name="age" value="25"/> <input type="submit" value="αποστολή Φόρμας" /> <input type="reset" value="καθαρισμός Φόρμας" /> <form> </body></html>

46 ΦΟΡΜA ΑΠΟΣΤΟΛΗΣ ΔΕΔΟΜΕΝΩΝ Το αρχείο formb.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>φόρμα αποστολής δεδομένων</title> </head> <body> <form action=" method="get"> Υπολογιστή <input type="checkbox" name="pc" value="yes" checked="checked" /><br> Internet<input type="checkbox" name="internet" value="yes" checked="checked" /><br> Πόλη<select name="city"> <option value="1">αθήνα</option> <option value="2" selected="selected">λαμία</option> <option value="3">τρίκαλα</option> </select><br> <input type="submit" value="αποστολή Φόρμας" > <input type="reset" value="καθαρισμός Φόρμας" > <form> </body></html>

47 Μέθοδοι Αποστολής Δεδομένων Έστω η παρακάτω φόρμα : <form action=" method="get"> Όνομα <input type="text" name="name" value=""/><br> Ηλικία <input type="text" name="age" value=""/><br> <input type="submit" value="αποστολή"/> <form> Αν ο χρήστης πληκτρολογήσει στα αντίστοιχα πεδία nick και 25 τότε το πρόγραμμα πλοήγησης ανάλογα με τη μέθοδο αποστολής θα κάνει τη παρακάτω αιτήσεις : GET /save.php?name=nick&age=25 HTTP/1.0 ΚΕΝΗ ΓΡΑΜΜΗ POST /save.php HTTP/1.0 Content-Length: 16 ΚΕΝΗ ΓΡΑΜΜΗ name=nick&age=25 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΜΕΙΟΝΕΚΤΗΜΑΤΑ?

48 Το αρχείο css1.html Cascading Style Sheets (CSS) <html><head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>cascading Style Sheets</title> <style> <!-- h1.best { font-family: Tahoma; color: #00FF00; font-size: 18pt; font-style: italic; font-weight: bold } { font-family: serif; font-size: 8pt; text-decoration: underline; font-weight: bold } p { font-family: Arial; font-size: 12pt; color: #000080; text-align: justify; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px } --> </style> </head> <body><h1>ιστορικό</h1><p>ο σύλλογος δημιουργήθηκε...</p> <p class="best">ταγραφεία μας </p><div class="best">τοτελευταίο μήνα..</div> </body>

49 Το αρχείο css2.html Cascading Style Sheets (συν.) <html><head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>cascading Style Sheets</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>ιστορικό</h1> <p>ο σύλλογος δημιουργήθηκε...</p> </body> Το αρχείο mystyle.css h1 { font-family: Tahoma; color: #00FF00; font-size: 18pt; font-style: italic; font-weight: bold }.best { font-family: serif; font-size: 8pt; text-decoration: underline; font-weight: bold } p { font-family: Arial; font-size: 12pt; color: #000080; text-align: justify; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px } Στο αρχείο mystyle.css δεν απαιτούνται οι ετικέτες <style> και </style>

50 H δήλωση <!DOCTYPE> H δήλωση <!DOCTYPE> θα πρέπει να προηγείται ενός HTML εγγράφου και δηλώνει το σύνολο κανόνων που διέπουν το έγγραφο ώστε να μπορεί το πρόγραμμα πλοήγησης να κάνει σωστά τη σχεδίαση της σελίδας. Ηδήλωση δεν είναι ετικέτα της HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html> <head> <title></title> </head> <body> </body> </html> XHTML 1.0 Transitional επιτρέπονται όλες οι html ετικέτες, εκτός από framesets, και οι ετικέτες θα πρέπει να γραφούν στη σωστή μορφή XML 1.0 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Έλεγχος της εγκυρότητας των ετικετών HTML 4.01 Strict - δεν επιτρέπονται framesets, fonts, και όλα εκείνα τα στοιχεία παρουσίασης που θα πρέπει να αποφεύγονται (deprecated).

51 extensible Markup Language Νικόλαος Ζ. Ζάχαρης

52 breakfast.xml Παράδειγμα αρχείου xml <?xml version="1.0" encoding="iso "?> <breakfast> <food> <name>γαλλικός Καφές</name> <price>1.5</price> <description>ποικιλία Arabika</description> <calories>50</calories> </food> <food> </food> <food> </food> </breakfast> <name>φρυγανιές</name> <price>1</price> <description>ολικής αλέσεως</description> <calories>400</calories> <name>γάλα</name> <price>0.8</price> <description>πλήρες</description> <calories>200</calories>

53 To testxml.html <html> <body> <script type="text/javascript"> if (window.xmlhttprequest) { // IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // IE 5 or 6 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("get","breakfast.xml",false); xmlhttp.send(); xmldoc=xmlhttp.responsexml; document.write("<table border='1'>"); varx=xmldoc.getelementsbytagname("food"); for (i=0;i<x.length;i++) { document.write("<tr><td>"); document.write(x[i].getelementsbytagname("name")[0].childnodes[0].nodevalue); document.write("</td><td>"); document.write(x[i].getelementsbytagname("price")[0].childnodes[0].nodevalue); document.write("</td></tr>"); } document.write("</table>"); </script> </body> </html>

54 Χαρακτηριστικά του XML Tα XML αρχεία θα πρέπει να έχουν ριζικό στοιχείο. <breakfast> Κάθε στοιχείο σε ένα XML αρχεία θα πρέπει να περικλείεται από μια αρχική και μια τελική ετικέτα. Λάθος Στις ετικέτες της XML έχει σημασία ο τρόπος γραφής τους (case sensitive). Λάθος <price>. </price> <name>. </ΝΑΜΕ> Οι ετικέτες στην XML θα πρέπει να είναι εμφωλευμένες με τη σωστή σειρά. Λάθος <food> <name>. </food> </name> Οι ιδιότητες των ετικετών θα πρέπει να εμπεριέχονται σε ". <food type="liquid"> </food>

55 Document Type Definition (DTD) Τα αρχεία μπορεί να περιέχουν εσωτερικά ή εξωτερικά σε αρχείο τους κανόνες επικύρωσηςτωνδεδομένων. breakfast.xml <?xml version="1.0" encoding="iso "?> <!DOCTYPE breakfast SYSTEM "breakfast.dtd"> <breakfast> <food> <name>γαλλικός Καφές</name> <price>1.5 </price> <description>ποικιλία Arabika</description> <calories>50</calories> </food> <food> <name>γάλα</name> <price>0.8 </price> <description>πλήρες</description> <calories>200</calories> </food> </breakfast> breakfast.dtd <!DOCTYPE breakfast [ <!ELEMENT breakfast (food+)> <!ELEMENT food (name,price,description, calories)> <!ELEMENT name (#PCDATA)> <!ELEMENT price (#PCDATA)> <!ELEMENT description (#PCDATA)> <!ELEMENT calories (#PCDATA)> ]> PCDATA - Parsed Character Data

56 PHP PHP: Hypertext Preprocessor <<Τοακρωνύμιο ακολουθεί μια ιστορικήπαράδοσηστοχώρο των υπολογιστών σύμφωνα με την οποία, ένα ακρωνύμιο θα πρέπει να ορίζεται αναδρομικά και αυτό ισχύει αφού η πρώτηλέξηαπότοακρωνύμιοείναιτοακρωνύμιο.>> Νικόλαος Ζ. Ζάχαρης

57 Το πρώτο σενάριο Σε ένα επεξεργαστή κειμένου πληκτρολογούμε τις παρακάτω εντολές : simple.php <?php echo "Good morning...";?> simple2.php <?php echo "Good morning...";?> <?php echo "Good night...";?> και τις αποθηκεύουμε στα αντίστοιχα αρχεία. Οι εντολές της PHP θα πρέπει να βρίσκονται μέσα στις ετικέτες <?php και?> οι οποίες μπορεί να επαναλαμβάνονται αρκετές φορές μέσα σε ένα σενάριο. Για την εκτέλεση ενός σεναρίου, θα πρέπει από τηνγραμμήεντολών να πληκτρολογήσουμε : C:\php\php.exe simple.php Θεωρούμε ότι η εγκατάσταση της php έχει γίνει στο φάκελο c:\php

58 Χρήση της PHP σε ιστοσελίδες first.php <html> <head> <title>σενάριο PHP</title> </head> <body> <b>μια σελίδα HTML<b> </body> </html> second.php <html> <head> <title>σενάριο PHP</title> </head> <body> <?php echo "<b>php περιεχόμενο<b>";?> </body> </html></html> info.php <?php phpinfo();?> third.php <?php echo "<html>"; echo "<head>"; echo "<title>σενάριο PHP</title>"; echo "</head>"; echo "<body>"; echo "<b>ολόκληρη η σελίδα PHP<b>"; echo "</body>"; echo "</html>";?> Ένα σενάριο σε php μπορεί να περιέχει : a) μόνο ετικέτες σε HTML b) ετικέτες HTML και εντολές σε PHP a) μόνο εντολές σε PHP

59 Η εντολή echo Στην εντολή echo μπορούμε να χρησιμοποιήσουμε τα μονά είτε τα διπλά εισαγωγικά. Γιαπαράδειγμα, οιπαρακάτωεντολές : echo "Hello"; και echo 'hello'; Έχουν το ίδιο αποτέλεσμα. Η κύρια χρήση του μονού εισαγωγικού είναι να μπορούμε να γράφουμε HTML ετικέτες οι οποίες περιέχουν τα διπλά εισαγωγικά, π.χ. echo '<a href=" αντί του echo "<a href=\" όμως όταν θέλουμε να γράψουμε ειδικούς χαρακτήρες, όπως το \n θα πρέπει να χρησιμοποιήσουμε υποχρεωτικά διπλά εισαγωγικά. echo "Hel\nlo"; θα εκτυπώσει Hel lo ενώ με τη χρήση μονού εισαγωγικού echo 'Hel\nlo'; θα εκτυπώσει Hel\nlo

60 Μεταβλητές Οι μεταβλητές στη PHP δεν έχουν συγκεκριμένο τύπο αλλά η συμπεριφορά τους ερμηνεύεται απότητιμήτουςήτιςπράξεις πουενεργούνται σεαυτές : vars.php <?php $x= "50"; // H μεταβλητή x έχει σαν τιμή το αλφαριθμητικό "50" $apot= $x + 4; // Η μεταβλητή x μετατρέπεται σε αριθμό αφού πρόκειται να γίνει // η πράξη της πρόσθεσης. Το ίδιο θα γινόταν αν η εντολή ήταν // $apot = $x + "4"; echo "Apotelesma = $apot"; // Θα εκτυπωθεί Apotelesma = 54 echo 'Apotelesma = $apot'; echo "Apotelesma = \$apot";?> // Θα εκτυπωθεί Apotelesma = $apot // Στα μονά εισαγωγικά δεν ερμηνεύονται οι // μεταβλητές, αλλά παραμένουν αλφαριθμητικά. // Θα εκτυπωθεί Apotelesma = $apot // Ο χαρακτήρας διαφυγής (escape) αναστέλλει την // λειτουργία της ερμηνείας της μεταβλητής.

61 Μεταβλητές Λόγω της ιδιαιτερότητας των μεταβλητών θα πρέπει να είμαστε ιδιαίτερα προσεκτικοί στιςπράξεις που ενεργούνται σε αυτές : <?php $x = "50"; // H μεταβλητή x έχει σαν τιμή το αλφαριθμητικό "50" $x = $x. ".46"; // Η πράξη της συνένωσης (concatenate) δύο αλφαριθμητικών // γίνεται με το χαρακτήρα. Η τιμή της x είναι "50.46" $apot= $x + "20"; // Η x όπως και το "20" μετατρέπονται σε αριθμούς. echo "$apot". "\n"; // Εκτυπώνεται η τιμή 70.46?> <?php $x = "50"; // H μεταβλητή x έχει σαν τιμή το αλφαριθμητικό "50" $x = "hello45". $x; // Η μεταβλητή x έχει σαν τιμή "hello4550" $apot= $x + "20"; // H ερμηνεία του x αποτυγχάνει και θεωρείται 0 echo "$apot". "\n"; // Εκτυπώνει τη τιμή 20?>

Κατασκευή Πρότυπων Σελίδων. Νικόλαος Ζ. Ζάχαρης

Κατασκευή Πρότυπων Σελίδων. Νικόλαος Ζ. Ζάχαρης Κατασκευή Πρότυπων Σελίδων (Templates) Νικόλαος Ζ. Ζάχαρης Τι είναι η πρότυπη σελίδα Είναι ένα σύνολο από αρχεία συμπιεσμένο σε μορφή zip, τo οποίo καθορίζει την συνολικήεμφάνισητουδικτυακούτόπου, όπως

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

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

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

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

Τεχνολογίες Διαδικτύου. 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 εφαρμογές

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

Εφαρµογές διαδικτύου µε PHP

Εφαρµογές διαδικτύου µε PHP Εφαρµογές διαδικτύου µε PHP Σταύρος Πολυβίου Αρχιτεκτονική τριών επιπέδων (three-tier architecture) SQL HTTP request Αποτελέσµατα (πίνακες) PHP HTML Σύστηµα διαχείρισης δεδοµένων (Database Management System)

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

Δρ. Δημήτριος Α. Κουτσομητρόπουλος. Τμήμα Επιχειρηματικού Σχεδιασμού και Πληροφοριακών Συστημάτων Α.Τ.Ε.Ι. Πάτρας 2012-2013

Δρ. Δημήτριος Α. Κουτσομητρόπουλος. Τμήμα Επιχειρηματικού Σχεδιασμού και Πληροφοριακών Συστημάτων Α.Τ.Ε.Ι. Πάτρας 2012-2013 Εισαγωγή στην PHP Δρ. Δημήτριος Α. Κουτσομητρόπουλος Τμήμα Επιχειρηματικού Σχεδιασμού και Πληροφοριακών Συστημάτων Α.Τ.Ε.Ι. Πάτρας 2012-2013 Εισαγωγή στην PHP PHP : Hypertext Preprocessor Η PHP είναι μία

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

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

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

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

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

Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client

Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client ΕΣΔ 516 Τεχνολογίες Διαδικτύου Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client Περιεχόμενα Περιεχόμενα Javascript και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις

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

NetBeans και σχετικά προγράμματα. Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα

NetBeans και σχετικά προγράμματα. Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα NetBeans και σχετικά προγράμματα Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα Ατζέντα Εγκατάσταση προγραμμάτων Java NetBeans MySQL Δημιουργία απλής εφαρμογής διαδικτύου

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

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

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

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

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

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

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

Διάλεξη 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

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

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

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

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

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

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

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

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

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

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

Η HTML χρησιμοποιεί εντολές που ονομάζονται HTML tags δίνοντας εντολές στους Web browsers για το πώς να εμφανίζουν την κάθε ιστοσελίδα.

Η HTML χρησιμοποιεί εντολές που ονομάζονται HTML tags δίνοντας εντολές στους Web browsers για το πώς να εμφανίζουν την κάθε ιστοσελίδα. ΕΙΣΑΓΩΓΗ ΣΤΗΝ PHP Τι θα μάθουμε; Να καταλάβουμε τι είναι η PHP και πώς δουλεύουν τα PHP scripts Τι χρειάζεται για να ξεκινήσουμε με την PHP Να δημιουργήσουμε και να τρέξουμε ένα απλό script HTML PHP Η

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

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

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

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

Γιάννης Σαμωνάκης. 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 4 - PHP)

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

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

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

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

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

databases linux - terminal (linux / windows terminal)

databases linux - terminal (linux / windows terminal) databases linux - terminal (linux / windows terminal) 1) ανοίγουμε την mysql -> $ mysql -u root -p (enter) password (enter) TIP: αν κατά την εντολή αυτή μας γράψει, ERROR 2002 (HY000): Can't connect to

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

Β. Εισαγωγή στον Προγραμματισμό Η/Υ με την JavaScript

Β. Εισαγωγή στον Προγραμματισμό Η/Υ με την JavaScript Β. Εισαγωγή στον Προγραμματισμό Η/Υ με την JavaScript Β.1 Τύποι Δεδομένων Όλες οι γλώσσες προγραμματισμού (πρέπει να) υποστηρίζουν πέντε (5) πρωταρχικούς τύπους δεδομένων: char (character) int (integer)

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

Οδηγίες Χρήσης της MySQL

Οδηγίες Χρήσης της MySQL ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2

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

Η Βίβλος των CSS. Εισαγωγή στα CSS

Η Βίβλος των CSS. Εισαγωγή στα CSS Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων

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

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

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

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

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition Κακαρόντζας Γεώργιος Μεθοδολογία Θα υλοποιήσουμε την λεγόμενη πιστοποίηση μέσω φόρμας στοιχείων εισόδου (form-based authentication)

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

Εργαστήριο #10 (Ε10) 1

Εργαστήριο #10 (Ε10) 1 Εργαστήριο #10 Από τα προηγούμενα εργαστήρια......θα χρειαστείτε ορισμένες από τις οδηγίες μορφοποίησης CSS (ανατρέξτε στις εκφωνήσεις του 8 ου και 9 ου εργαστηρίου).! Οδηγίες Στη δυναμική δημιουργία ιστοσελίδων

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

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

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

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

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

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

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

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

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

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

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

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

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

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

Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών

Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών Σκοπός Nα κατασκευάσουν πίνακες από δεδομένα. Να κατασκευάσουν συναρτήσεις με πίνακες. Να κάνουν χρήση

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

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

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

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

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

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

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

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

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

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

Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!).

Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!). Εργαστήριο #8 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Το σημερινό εργαστήριο είναι ανεξάρτητο από τα προηγούμενα, επειδή όμως θα ζητηθεί να ανακυκλώσετε υλικό από εκείνα, βεβαιωθείτε

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

Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)

Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική

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

PHPMyAdmin: Σύντομος οδηγός για αρχάριους

PHPMyAdmin: Σύντομος οδηγός για αρχάριους 2014 PHPMyAdmin: Σύντομος οδηγός για αρχάριους Καρούσος Νικόλαος Επιστημονικός Συνεργάτης Παρασκευά Σταυρούλα Φοιτήτρια, Εργαστηριακή Βοηθός, τμήμα ΕΠΔΟ Μεσολογγίου 33 Έκδοση 1.1 Πρόλογος... - 2-1. Είσοδος

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

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

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

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

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

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

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

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

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

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

Σπουδές 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

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

XAMPP Apache MySQL PHP javascript xampp

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

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

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

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

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

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

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

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

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

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

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

Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ. Μαθαίνω παίζοντας

Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ. Μαθαίνω παίζοντας Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ Μαθαίνω παίζοντας Σήμερα παιδάκια μου θα μάθουμε... 1. Δόμηση Κώδικα 2. Στυλ Κώδικα 3. Συνεργασία Σε Ομάδες - Διαχωρισμός Σε Αρχεία

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

Εργαστήριο Βάσεων Δεδομένων. Δικαιώματα Χρηστών Προβολές

Εργαστήριο Βάσεων Δεδομένων. Δικαιώματα Χρηστών Προβολές Εργαστήριο Βάσεων Δεδομένων Δικαιώματα Χρηστών Προβολές Επικοινωνία με MySQL mysql host DB server queries results Client host Β Δ Η χρήση της mysql βασίζεται στο μοντέλο client server Remote access to

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

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/200 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή Μάθημα 2: Κειμενογράφοι Text Editors Μάθημα 3: Εγκατάσταση Text Editor Μάθημα 4: Ιστορική Αναδρομή HTML Μάθημα 5: Σύνολο

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

Εργαστήριο Βάσεων Δεδομένων. Triggers

Εργαστήριο Βάσεων Δεδομένων. Triggers Εργαστήριο Βάσεων Δεδομένων Triggers CREATE TRIGGER Δήλωση δημιουργίας Trigger: CREATE [DEFINER = { user CURRENT_USER }] TRIGGER trigger_name trigger_time trigger_event ON tbl_name FOR EACH ROW trigger_stmt

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

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

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

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

Εργαστήριο Βάσεων Δεδομένων

Εργαστήριο Βάσεων Δεδομένων Εργαστήριο Βάσεων Δεδομένων Φροντιστήριο 4/2/2009 Δικαιώματα χρηστών - Προβολές (Views) ΕΠΙΚΟΙΝΩΝΙΑ ΜΕ MYSQL queries results mysql host DB server queries results Client host Β Δ Ηχρήσητηςmysql βασίζεται

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

ΕΠΛ 012. JavaScripts

ΕΠΛ 012. JavaScripts ΕΠΛ 012 JavaScripts Γλώσσα JavaScript (JS) ηµιουργεί δυναµικές ιστοσελίδες και αλληλεπιδράσεις µε το χρήστη εν είναι Java, αλλά είναι αντικειµενοστραφής (απλό µοντέλο υποκειµένων) Objects, properties (τιµές

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

Ιατρική Πληροφορική. Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι

Ιατρική Πληροφορική. Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι Ιατρική Πληροφορική Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι Σημειώσεις μαθήματος: http://medisp.bme.teiath.gr/eclass/courses/tio103/ https://eclass.teiath.gr/courses/tio100/

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

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

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

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

Εισαγωγή στην PHP. ΕΣΔ 516 Τεχνολογίες Διαδικτύου. Περιεχόμενα. Περιεχόμενα. ΕΣ 516: Τεχνολογίες ιαδικτύου. ΕΣ 516: Τεχνολογίες ιαδικτύου

Εισαγωγή στην PHP. ΕΣΔ 516 Τεχνολογίες Διαδικτύου. Περιεχόμενα. Περιεχόμενα. ΕΣ 516: Τεχνολογίες ιαδικτύου. ΕΣ 516: Τεχνολογίες ιαδικτύου ΕΣΔ 516 Τεχνολογίες Διαδικτύου Εισαγωγή στην PHP Περιεχόμενα Περιεχόμενα PHP και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις Παράδειγματα 1 Βιβλιογραφία Ενότητας Βιβλιογραφία [Lane 2004]: Chapter

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

5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP

5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP Σχεδίαση Εφαρμογών και Υπηρεσιών Διαδικτύου 5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP Δρ. Απόστολος Γκάμας Διδάσκων (407/80) gkamas@uop.gr Σχεδίαση Εφαρμογών και

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

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

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

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

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ. 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3.

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ. 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3. 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3.2012 ΕΝΔΕΙΚΤΙΚΕΣ ΑΠΑΝΤΗΣΕΙΣ Άσκηση 1 Δημιουργία συστήματος διαδραστικού ημερολογίου Εισαγωγή Στην

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

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/ 1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε

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

SQL Τύποι Δεδομένων Δημιουργία Πίνακα Παράδειγμα.. Εργαστήριο Βάσεων Δεδομένων. Εισαγωγή στη MySQL (1)

SQL Τύποι Δεδομένων Δημιουργία Πίνακα Παράδειγμα.. Εργαστήριο Βάσεων Δεδομένων. Εισαγωγή στη MySQL (1) Εργαστήριο Βάσεων Δεδομένων Εισαγωγή στη My (1) Η (Structured Query Language) είναι μια πλήρης γλώσσα Βάσεων Δεδομενων Είναι δομημένη σε βάσεις που περιέχουν πίνακες Οι πίνακες αποτελούνται από γραμμές

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

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο) TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά

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

Εργαστήριο Βάσεων Δεδομένων

Εργαστήριο Βάσεων Δεδομένων Εργαστήριο Βάσεων Δεδομένων Άσκηση 2 Σκοπός της άσκησης είναι: 1. Με δεδομένο το σχεσιακό διάγραμμα, η υλοποίηση μιας βάσης σε MySQL. 2. Η εισαγωγή δεδομένων στη βάση. 3. Η υλοποίηση απλών ερωτημάτων mysql

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

ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ

ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ Η συνθήκη WHERE βάζει περιορισμούς στις εγγραφές που επιστρέφονται. Ο όρος ORDER BY ταξινομεί τις εγγραφές που επιστρέφονται. Παράδειγμα: SELECT * FROM table_name ORDER

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

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο) TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά

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

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

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

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

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

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

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

Web Programming for Dummies

Web Programming for Dummies Web Programming for Dummies Γράψαμε αυτό το tutorial, αφού ολοκληρώσαμε την άσκηση Προγραμματισμού στον Παγκόσμιο Ιστό. Προσπαθήσαμε να γράψουμε γενικά πράγματα που βρήκαμε εμείς μετά από αναζητήσεις.aποφύγαμε

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

Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος

Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος Σχεδιασμός και ανάπτυξη ενός Web Site Αθ. Ανδρούτσος 1. Εισαγωγή Με τον όρο Web-based εφαρμογή εννοούμε ένα σύνολο τεχνολογιών με κοινό χαρακτηριστικό την δυνατότητα επικοινωνίας μέσω του πρωτοκόλλου http

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

Εισαγωγή στον Προγραμματισμό

Εισαγωγή στον Προγραμματισμό Εισαγωγή στον Προγραμματισμό Έλεγχος Δημήτρης Μιχαήλ Τμήμα Πληροφορικής και Τηλεματικής Χαροκόπειο Πανεπιστήμιο Ακ. Έτος 2012-2013 Σχεσιακοί Τελεστές και Ισότητας Ένα πρόγραμμα εκτός από αριθμητικές πράξεις

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

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο) TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά

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

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

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης Χειμερινό εξάμηνο 2011-2012 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό

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

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

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

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

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

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

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

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

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

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

Εργαστήριο Βάσεων Δεδομένων

Εργαστήριο Βάσεων Δεδομένων Εργαστήριο Βάσεων Δεδομένων Άσκηση 2 Σκοπός της άσκησης είναι: 1. Με δεδομένο το σχεσιακό διάγραμμα, η υλοποίηση μιας βάσης σε MySQL. 2. Η εισαγωγή δεδομένων στη βάση. Για το κείμενο των προδιαγραφών της

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

Επίλυση προβλήματος με Access

Επίλυση προβλήματος με Access Δ.1. Το προς επίλυση πρόβλημα Ζητείται να κατασκευάσετε τα αρχεία και τα προγράμματα μιας εφαρμογής καταχώρησης Δαπανών μελών ΔΕΠ (Διδακτικό και Ερευνητικό Προσωπικό) για την παρακολούθηση του απολογισμού

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

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

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

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

Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο.

Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο. Εργαστήριο #12 Από τα προηγούμενα εργαστήρια: Το εργαστήριο αυτό είναι ανεξάρτητο από τα προηγούμενα επειδή όμως ασχολείται με τη γλώσσα JavaScript, βεβαιωθείτε ότι έχετε διαβάσει το εισαγωγικό Παράρτημα

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

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

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

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

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

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

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

Τι είναι ένα σύστημα διαχείρισης περιεχομένου;

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #5 η : Εισαγωγή στο web CMS Joomla!. Εγκατάσταση του Joomla! Εισαγωγή στη διαχείριση άρθρων. Γαβαλάς Δαμιανός dgavalas@aegean.gr Τι είναι

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

PHP 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

PHP 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών PHP 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης

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

Εγχειρίδιο χρήσης συστήματος ηλεκτρονικής αλληλογραφίας της Ελληνικής Ομοσπονδίας Μπριτζ

Εγχειρίδιο χρήσης συστήματος ηλεκτρονικής αλληλογραφίας της Ελληνικής Ομοσπονδίας Μπριτζ Εγχειρίδιο χρήσης συστήματος ηλεκτρονικής αλληλογραφίας της Ελληνικής Ομοσπονδίας Μπριτζ Ελληνική Ομοσπονδία Μπριτζ Σελίδα 1 / 8 Πίνακας περιεχομένων 1. Γενικά...3 2. Ρυθμίσεις για προχωρημένους...3 α.

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

MYSQL 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

MYSQL 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών MYSQL 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια

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

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

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

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

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0 SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...

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

ΠΡΟΧΩΡΗΜΕΝΑ ΘΕΜΑΤΑ PHP

ΠΡΟΧΩΡΗΜΕΝΑ ΘΕΜΑΤΑ PHP Αντώνης Χρυσόπουλος Κατερίνα Κυπριώτη Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΠΡΟΧΩΡΗΜΕΝΑ ΘΕΜΑΤΑ PHP PHP 3: The Revenge of PHP Η Eκδίκηση Εφημερίδες! Έκτακτο Παράρτημα! 1. Booleans Null (κενό) 2. Πίνακες

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

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

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

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

PHP/MySQL και Project

PHP/MySQL και Project PHP/MySQL και Project Μια απλή διαδικτυακή εφαρμογή Γεώργιος Ευαγγελίδης Τμήμα Εφαρμοσμένης Πληροφορικής Σχολή Επιστημών Πληροφορίας Πανεπιστήμιο Μακεδονίας Περιεχόμενα PHP (Middle tier) Διαδικτυακές εφαρμογές

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

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:

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

Περιεχόμενα. Γαβαλάς Δαμιανός

Περιεχόμενα. Γαβαλάς Δαμιανός Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα

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

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

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

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

H SQL είναι η γλώσσα για όλα τα εμπορικά σχεσιακά συστήματα διαχείρισης βάσεων δεδομένων

H SQL είναι η γλώσσα για όλα τα εμπορικά σχεσιακά συστήματα διαχείρισης βάσεων δεδομένων Η γλώσσα SQL H SQL είναι η γλώσσα για όλα τα εμπορικά σχεσιακά συστήματα διαχείρισης βάσεων δεδομένων H SQL έχει διάφορα τμήματα: Γλώσσα Ορισμού Δεδομένων (ΓΟΔ) Γλώσσα Χειρισμού Δεδομένων (ΓΧΔ) Ενσωματωμένη

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

9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers. Αποθηκευμένες Διαδικασίες (Stored Procedures):

9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers. Αποθηκευμένες Διαδικασίες (Stored Procedures): 9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers Σκοπός της παρούσας εργαστηριακής άσκησης, είναι η εξοικείωση του σπουδαστή με τη δημιουργία αποθηκευμένων διαδικασιών (Stored Procedures) και σκανδάλης

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

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

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

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

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο) TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά

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

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

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

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

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

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

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