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

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

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

Transcript

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

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

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

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

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=http://www.google.com">

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=http://www.google.com"> <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="http://www.server.gr/b.html">h σελίδαβ</a> Η σχετική διαδρομή στην ιστοσελίδα <a href="b.html">h σελίδα Β</a> Β) Σελιδοδείκτης <a name="chap1">κεφάλαιο 1</a> <a href ="http://www.server.gr/a.html#chap1">διάβασε το Κεφάλαιο 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="http://www.tanea.gr">ta NEA</a><br/> <a href="http://www.ekdd.gr">εκδδα</a><br/> <a href="β.html">page B</a><br/> <a href="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 Πολυμέσα 1) Εικόνα <img src="spongebob.jpg"> 2) Flash video <html> <body> <div style='text-align:center'> <object width='560' height='450' id='fiveminplayer' classid='clsid:d27cdb6e-ae6d-11cf- 96b '> <paramname='allowfullscreen' value='true'/> <param name='allowscriptaccess' value='always'/> <paramname='movie' value='http://embed.5min.com/ /'/> <paramname='wmode' value='opaque' /> <embed name='fiveminplayer' src='http://embed.5min.com/ /' type='application/x-shockwave-flash' width='560' height='450' allowfullscreen='true' allowscriptaccess='always' wmode='opaque'> </embed> </object> </div> </body> </html>

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

36 Παράδειγμα πίνακα Το αρχείο 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>

37 Πλαίσια Το αρχείο 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

38 Πλαίσια -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>

39 Πλαίσια -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>

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

41 Πλαίσια -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="http://www.tanea.gr" target="content">ta NEA</a><br/> </body> </html>

42 ΦΟΡΜA ΑΠΟΣΤΟΛΗΣ ΔΕΔΟΜΕΝΩΝ Το αρχείο forma.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>φόρμα αποστολής δεδομένων</title> </head> <body> <form action="http://www.server.gr/sum.php" 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>

43 ΦΟΡΜA ΑΠΟΣΤΟΛΗΣ ΔΕΔΟΜΕΝΩΝ Το αρχείο formb.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1253"> <title>φόρμα αποστολής δεδομένων</title> </head> <body> <form action="http://www.server.gr/sum.php" 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>

44 Μέθοδοι Αποστολής Δεδομένων Έστω η παρακάτω φόρμα : <form action="http://www.server.gr/save.php" 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 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΜΕΙΟΝΕΚΤΗΜΑΤΑ?

45 Το αρχείο 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>

46 Το αρχείο 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>

47 H δήλωση <!DOCTYPE> H δήλωση <!DOCTYPE> θα πρέπει να προηγείται ενός HTML εγγράφου και δηλώνει το σύνολο κανόνων που διέπουν το έγγραφο ώστε να μπορεί το πρόγραμμα πλοήγησης να κάνει σωστά τη σχεδίαση της σελίδας. Ηδήλωση δεν είναι ετικέτα της HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <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" "http://www.w3.org/tr/html4/strict.dtd"> Έλεγχος της εγκυρότητας των ετικετών HTML 4.01 Strict - δεν επιτρέπονται framesets, fonts, και όλα εκείνα τα στοιχεία παρουσίασης που θα πρέπει να αποφεύγονται (deprecated).

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

49 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>

50 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>

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

52 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

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

54 Το πρώτο σενάριο Σε ένα επεξεργαστή κειμένου πληκτρολογούμε τις παρακάτω εντολές : 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

55 Χρήση της 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

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

57 Μεταβλητές Οι μεταβλητές στη 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) αναστέλλει την // λειτουργία της ερμηνείας της μεταβλητής.

58 Μεταβλητές Λόγω της ιδιαιτερότητας των μεταβλητών θα πρέπει να είμαστε ιδιαίτερα προσεκτικοί στιςπράξεις που ενεργούνται σε αυτές : <?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?>

59 Ακέραιες Μεταβλητές Κάθε μεταβλητή χωρίς διπλά εισαγωγικά και δεκαδικό χαρακτήρα θεωρείται ακέραιος αριθμός. Αν το θεωρούμε αναγκαίο μπορούμε να χρησιμοποιήσουμε τη ρητή δήλωση τύπου (type casting) γράφοντας μπροστά από μια έκφραση (int) int.php <?php $x = 50; // H μεταβλητή x έχει σαν τιμή το 50 $y = (int) "76.54"; // Η μεταβλητή y έχει σαν τιμή το 76 $z = (int) "hello"; // Η μεταβλητή z έχει σαν τιμή το 0 $k = (int) "45day"; // Η μεταβλητή 45 έχει σαν τιμή το 45 echo "$x $y $z $k"; // ?>

60 Πραγματικές Μεταβλητές Κάθε μεταβλητή χωρίς διπλά εισαγωγικά και με δεκαδικό χαρακτήρα θεωρείται πραγματικός αριθμός. Αν το θεωρούμε αναγκαίο μπορούμε να χρησιμοποιήσουμε τη ρητήδήλωσητύπου (type casting) γράφοντας μπροστά από μια έκφραση (float) float.php <?php $x = ; // H μεταβλητή x έχει σαν τιμή το $y = (float) "76.54"; // Η μεταβλητή y έχει σαν τιμή το $z = (float) "hello"; // Η μεταβλητή z έχει σαν τιμή το 0 $k = (float) "45.23day"; // Η μεταβλητή 45 έχει σαν τιμή το echo "$x $y $z $k"; // ?> Θα πρέπει να είμαστε ιδιαίτερα προσεκτικοί όταν χρησιμοποιούμε πραγματικούς αριθμούς σε συγκρίσεις, όπως θα δούμε παρακάτω, γιατί ηδιαίρεση 1/3 δεν έχει σαν αποτέλεσμα 0.33 αλλά

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

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

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

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

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

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

Ετικέτες 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 εφαρμογές

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

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

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

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

Εφαρµογές διαδικτύου µε 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 Δημιουργία απλής εφαρμογής διαδικτύου

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Εργαστήριο Βάσεων Δεδομένων. 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Οδηγίες για προσθήκη 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 δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

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

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

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

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

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 ου εργαστηρίου).! Οδηγίες Στη δυναμική δημιουργία ιστοσελίδων

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

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

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

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

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

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

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

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

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

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

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

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

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

XAMPP Apache MySQL PHP javascript xampp

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Βασικά στοιχεία του CSS

Βασικά στοιχεία του CSS Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη

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

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

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

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

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

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

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

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

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

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

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

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

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

Γαβαλάς Δαμιανός 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 προσδιορίζει τη βασική

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

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

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

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

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

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

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

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6093157-Stin-tehnologia-ton-css-oi-kanones-styl-style.html">Στην τεχνολογία των CSS, οι κανόνες στυλ (style</a> </h3> <p> <img alt="Στην τεχνολογία των CSS, οι κανόνες στυλ (style" title="Στην τεχνολογία των CSS, οι κανόνες στυλ (style" class="news-block-img pull-right" src="/thumbs/25/6093157.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ </p> <a href="/6093157-Stin-tehnologia-ton-css-oi-kanones-styl-style.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html">Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να</a> </h3> <p> <img alt="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" title="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" class="news-block-img pull-right" src="/thumbs/52/30748661.jpg"> Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό </p> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7059984-9i-ergastiriaki-askisi-stored-procedures-triggers-apothikeymenes-diadikasies-stored-procedures.html">9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers. Αποθηκευμένες Διαδικασίες (Stored Procedures):</a> </h3> <p> <img alt="9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers. Αποθηκευμένες Διαδικασίες (Stored Procedures):" title="9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers. Αποθηκευμένες Διαδικασίες (Stored Procedures):" class="news-block-img pull-right" src="/thumbs/26/7059984.jpg"> 9η Εργαστηριακή Άσκηση: Stored Procedures - Triggers Σκοπός της παρούσας εργαστηριακής άσκησης, είναι η εξοικείωση του σπουδαστή με τη δημιουργία αποθηκευμένων διαδικασιών (Stored Procedures) και σκανδάλης </p> <a href="/7059984-9i-ergastiriaki-askisi-stored-procedures-triggers-apothikeymenes-diadikasies-stored-procedures.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12320724-Iatriki-pliroforiki-dr-p-asvestas-tmima-mihanikon-vioiatrikis-tehnologias-t-e-hrisimoi-syndesmoi.html">Ιατρική Πληροφορική. Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι</a> </h3> <p> <img alt="Ιατρική Πληροφορική. Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι" title="Ιατρική Πληροφορική. Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι" class="news-block-img pull-right" src="/thumbs/27/12320724.jpg"> Ιατρική Πληροφορική Δρ. Π. ΑΣΒΕΣΤΑΣ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΒΙΟΪΑΤΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΑΣ Τ. Ε. Χρήσιμοι Σύνδεσμοι Σημειώσεις μαθήματος: http://medisp.bme.teiath.gr/eclass/courses/tio103/ https://eclass.teiath.gr/courses/tio100/ </p> <a href="/12320724-Iatriki-pliroforiki-dr-p-asvestas-tmima-mihanikon-vioiatrikis-tehnologias-t-e-hrisimoi-syndesmoi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31140145-Antonis-hrysopoylos-stelios-moshogloy-theodosis-soyrgkoynis-domisi-kodika-mathaino-paizontas.html">Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ. Μαθαίνω παίζοντας</a> </h3> <p> <img alt="Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ. Μαθαίνω παίζοντας" title="Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ. Μαθαίνω παίζοντας" class="news-block-img pull-right" src="/thumbs/53/31140145.jpg"> Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΔΟΜΗΣΗ ΚΩΔΙΚΑ Μαθαίνω παίζοντας Σήμερα παιδάκια μου θα μάθουμε... 1. Δόμηση Κώδικα 2. Στυλ Κώδικα 3. Συνεργασία Σε Ομάδες - Διαχωρισμός Σε Αρχεία </p> <a href="/31140145-Antonis-hrysopoylos-stelios-moshogloy-theodosis-soyrgkoynis-domisi-kodika-mathaino-paizontas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30361572-Vasileios-kontogiannis-pe19.html">Βασίλειος Κοντογιάννης ΠΕ19</a> </h3> <p> <img alt="Βασίλειος Κοντογιάννης ΠΕ19" title="Βασίλειος Κοντογιάννης ΠΕ19" class="news-block-img pull-right" src="/thumbs/52/30361572.jpg"> Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου </p> <a href="/30361572-Vasileios-kontogiannis-pe19.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1361536-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/22/1361536.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background </p> <a href="/1361536-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32916829-3-eisagogi-sto-css-giorgos-giannakakis-manolis-tsiknakis.html">3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ</a> </h3> <p> <img alt="3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ" title="3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ" class="news-block-img pull-right" src="/thumbs/53/32916829.jpg"> 2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται </p> <a href="/32916829-3-eisagogi-sto-css-giorgos-giannakakis-manolis-tsiknakis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38464084-Syllogi-kai-epexergasia-dedomenon-me-formes.html">Συλλογή και Επεξεργασία Δεδομένων με Φόρμες</a> </h3> <p> <img alt="Συλλογή και Επεξεργασία Δεδομένων με Φόρμες" title="Συλλογή και Επεξεργασία Δεδομένων με Φόρμες" class="news-block-img pull-right" src="/thumbs/56/38464084.jpg"> Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Οι φόρμες αποτελούν τον πιο δημοφιλή τρόπο για τη συλλογή δεδομένων μέσω του World Wide Web (WWW). Επιτρέπουν στους χρήστες να επικοινωνούν με τη βοήθεια του </p> <a href="/38464084-Syllogi-kai-epexergasia-dedomenon-me-formes.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12670654-Epl-012-javascripts.html">ΕΠΛ 012. JavaScripts</a> </h3> <p> <img alt="ΕΠΛ 012. JavaScripts" title="ΕΠΛ 012. JavaScripts" class="news-block-img pull-right" src="/thumbs/28/12670654.jpg"> ΕΠΛ 012 JavaScripts Γλώσσα JavaScript (JS) ηµιουργεί δυναµικές ιστοσελίδες και αλληλεπιδράσεις µε το χρήστη εν είναι Java, αλλά είναι αντικειµενοστραφής (απλό µοντέλο υποκειµένων) Objects, properties (τιµές </p> <a href="/12670654-Epl-012-javascripts.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46762786-Css-eisagogi-vasikes-ennoies-cascading-style-sheets-epikalyptomena-fylla-styl.html">CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ</a> </h3> <p> <img alt="CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ" title="CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ" class="news-block-img pull-right" src="/thumbs/62/46762786.jpg"> CSS Εισαγωγή & Βασικές έννοιες Cascading Style Sheets Επικαλυπτόμενα φύλλα στυλ Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS </p> <a href="/46762786-Css-eisagogi-vasikes-ennoies-cascading-style-sheets-epikalyptomena-fylla-styl.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3619631-Ergastirio-vaseon-dedomenon-dikaiomata-hriston-provoles.html">Εργαστήριο Βάσεων Δεδομένων. Δικαιώματα Χρηστών Προβολές</a> </h3> <p> <img alt="Εργαστήριο Βάσεων Δεδομένων. Δικαιώματα Χρηστών Προβολές" title="Εργαστήριο Βάσεων Δεδομένων. Δικαιώματα Χρηστών Προβολές" class="news-block-img pull-right" src="/thumbs/24/3619631.jpg"> Εργαστήριο Βάσεων Δεδομένων Δικαιώματα Χρηστών Προβολές Επικοινωνία με MySQL mysql host DB server queries results Client host Β Δ Η χρήση της mysql βασίζεται στο μοντέλο client server Remote access to </p> <a href="/3619631-Ergastirio-vaseon-dedomenon-dikaiomata-hriston-provoles.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6205339-Taxinomisi-apotelesmaton-erotimatos.html">ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ</a> </h3> <p> <img alt="ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ" title="ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ" class="news-block-img pull-right" src="/thumbs/25/6205339.jpg"> ΤΑΞΙΝΟΜΗΣΗ ΑΠΟΤΕΛΕΣΜΑΤΩΝ ΕΡΩΤΗΜΑΤΟΣ Η συνθήκη WHERE βάζει περιορισμούς στις εγγραφές που επιστρέφονται. Ο όρος ORDER BY ταξινομεί τις εγγραφές που επιστρέφονται. Παράδειγμα: SELECT * FROM table_name ORDER </p> <a href="/6205339-Taxinomisi-apotelesmaton-erotimatos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3591199-Ergastirio-vaseon-dedomenon.html">Εργαστήριο Βάσεων Δεδομένων</a> </h3> <p> <img alt="Εργαστήριο Βάσεων Δεδομένων" title="Εργαστήριο Βάσεων Δεδομένων" class="news-block-img pull-right" src="/thumbs/24/3591199.jpg"> Εργαστήριο Βάσεων Δεδομένων Φροντιστήριο 4/2/2009 Δικαιώματα χρηστών - Προβολές (Views) ΕΠΙΚΟΙΝΩΝΙΑ ΜΕ MYSQL queries results mysql host DB server queries results Client host Β Δ Ηχρήσητηςmysql βασίζεται </p> <a href="/3591199-Ergastirio-vaseon-dedomenon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30498793-Mysql-glossa-programmatismoy-vaseis-dedomenon-eyaggelia-pitoyra-1.html">MySQL + Γλώσσα Προγραμματισμού. Βάσεις Δεδομένων Ευαγγελία Πιτουρά 1</a> </h3> <p> <img alt="MySQL + Γλώσσα Προγραμματισμού. Βάσεις Δεδομένων Ευαγγελία Πιτουρά 1" title="MySQL + Γλώσσα Προγραμματισμού. Βάσεις Δεδομένων Ευαγγελία Πιτουρά 1" class="news-block-img pull-right" src="/thumbs/52/30498793.jpg"> MySQL + Γλώσσα Προγραμματισμού Ευαγγελία Πιτουρά 1 Database drivers Για να χρησιμοποιήσουμε μια βάση δεδομένων από μια γλώσσα προγραμματισμού χρειαζόμαστε έναν driver. JDBC είναι το API για τη Java και </p> <a href="/30498793-Mysql-glossa-programmatismoy-vaseis-dedomenon-eyaggelia-pitoyra-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46226594-Eisagogi-stin-anaptyxi-efarmogon-web-me-hrisi-tis-python-toy-apache-kai-toy-mod_python.html">Εισαγωγή στην Ανάπτυξη Εφαρμογών Web με Χρήση της Python, του Apache και του mod_python</a> </h3> <p> <img alt="Εισαγωγή στην Ανάπτυξη Εφαρμογών Web με Χρήση της Python, του Apache και του mod_python" title="Εισαγωγή στην Ανάπτυξη Εφαρμογών Web με Χρήση της Python, του Apache και του mod_python" class="news-block-img pull-right" src="/thumbs/61/46226594.jpg"> Web Development με Python Εισαγωγή στην Ανάπτυξη Εφαρμογών Web με Χρήση της Python, του Apache και του mod_python Βασίλης Παπαβασιλείου , Κοινότητα Ελεύθερου Λογισμικού ΕΜΠ Python </p> <a href="/46226594-Eisagogi-stin-anaptyxi-efarmogon-web-me-hrisi-tis-python-toy-apache-kai-toy-mod_python.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34148412-Tec610-dynamikes-efarmoges-diadiktyoy-st-examino.html">TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)</a> </h3> <p> <img alt="TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)" title="TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/34148412.jpg"> TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά </p> <a href="/34148412-Tec610-dynamikes-efarmoges-diadiktyoy-st-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html">Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος</a> </h3> <p> <img alt="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" title="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" class="news-block-img pull-right" src="/thumbs/54/33359887.jpg"> Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση </p> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/563740-Mporeite-ta-deite-vinteaki-me-ti-diadikasia-edo-http-www-greektuts-net-greek-in-joomla.html">Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/</a> </h3> <p> <img alt="Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/" title="Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/" class="news-block-img pull-right" src="/thumbs/20/563740.jpg"> 1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε </p> <a href="/563740-Mporeite-ta-deite-vinteaki-me-ti-diadikasia-edo-http-www-greektuts-net-greek-in-joomla.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33683782-Eisagogi-stin-php-esd-516-tehnologies-diadiktyoy-periehomena-periehomena-es-516-tehnologies-iadiktyoy-es-516-tehnologies-iadiktyoy.html">Εισαγωγή στην PHP. ΕΣΔ 516 Τεχνολογίες Διαδικτύου. Περιεχόμενα. Περιεχόμενα. ΕΣ 516: Τεχνολογίες ιαδικτύου. ΕΣ 516: Τεχνολογίες ιαδικτύου</a> </h3> <p> <img alt="Εισαγωγή στην PHP. ΕΣΔ 516 Τεχνολογίες Διαδικτύου. Περιεχόμενα. Περιεχόμενα. ΕΣ 516: Τεχνολογίες ιαδικτύου. ΕΣ 516: Τεχνολογίες ιαδικτύου" title="Εισαγωγή στην PHP. ΕΣΔ 516 Τεχνολογίες Διαδικτύου. Περιεχόμενα. Περιεχόμενα. ΕΣ 516: Τεχνολογίες ιαδικτύου. ΕΣ 516: Τεχνολογίες ιαδικτύου" class="news-block-img pull-right" src="/thumbs/54/33683782.jpg"> ΕΣΔ 516 Τεχνολογίες Διαδικτύου Εισαγωγή στην PHP Περιεχόμενα Περιεχόμενα PHP και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις Παράδειγματα 1 Βιβλιογραφία Ενότητας Βιβλιογραφία [Lane 2004]: Chapter </p> <a href="/33683782-Eisagogi-stin-php-esd-516-tehnologies-diadiktyoy-periehomena-periehomena-es-516-tehnologies-iadiktyoy-es-516-tehnologies-iadiktyoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/402453-Sql-typoi-dedomenon-dimioyrgia-pinaka-paradeigma-ergastirio-vaseon-dedomenon-eisagogi-sti-mysql-1.html">SQL Τύποι Δεδομένων Δημιουργία Πίνακα Παράδειγμα.. Εργαστήριο Βάσεων Δεδομένων. Εισαγωγή στη MySQL (1)</a> </h3> <p> <img alt="SQL Τύποι Δεδομένων Δημιουργία Πίνακα Παράδειγμα.. Εργαστήριο Βάσεων Δεδομένων. Εισαγωγή στη MySQL (1)" title="SQL Τύποι Δεδομένων Δημιουργία Πίνακα Παράδειγμα.. Εργαστήριο Βάσεων Δεδομένων. Εισαγωγή στη MySQL (1)" class="news-block-img pull-right" src="/thumbs/20/402453.jpg"> Εργαστήριο Βάσεων Δεδομένων Εισαγωγή στη My (1) Η (Structured Query Language) είναι μια πλήρης γλώσσα Βάσεων Δεδομενων Είναι δομημένη σε βάσεις που περιέχουν πίνακες Οι πίνακες αποτελούνται από γραμμές </p> <a href="/402453-Sql-typoi-dedomenon-dimioyrgia-pinaka-paradeigma-ergastirio-vaseon-dedomenon-eisagogi-sti-mysql-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31456968-Programmatistika-ergaleia-gia-to-diadiktyo.html">ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ</a> </h3> <p> <img alt="ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ" title="ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ" class="news-block-img pull-right" src="/thumbs/53/31456968.jpg"> ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή </p> <a href="/31456968-Programmatistika-ergaleia-gia-to-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6384772-Ergastirio-vaseon-dedomenon.html">Εργαστήριο Βάσεων Δεδομένων</a> </h3> <p> <img alt="Εργαστήριο Βάσεων Δεδομένων" title="Εργαστήριο Βάσεων Δεδομένων" class="news-block-img pull-right" src="/thumbs/25/6384772.jpg"> Εργαστήριο Βάσεων Δεδομένων Άσκηση 2 Σκοπός της άσκησης είναι: 1. Με δεδομένο το σχεσιακό διάγραμμα, η υλοποίηση μιας βάσης σε MySQL. 2. Η εισαγωγή δεδομένων στη βάση. 3. Η υλοποίηση απλών ερωτημάτων mysql </p> <a href="/6384772-Ergastirio-vaseon-dedomenon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3577977-Ergastirio-vaseon-dedomenon.html">Εργαστήριο Βάσεων Δεδομένων</a> </h3> <p> <img alt="Εργαστήριο Βάσεων Δεδομένων" title="Εργαστήριο Βάσεων Δεδομένων" class="news-block-img pull-right" src="/thumbs/24/3577977.jpg"> Εργαστήριο Βάσεων Δεδομένων Άσκηση 2 Σκοπός της άσκησης είναι: 1. Με δεδομένο το σχεσιακό διάγραμμα, η υλοποίηση μιας βάσης σε MySQL. 2. Η εισαγωγή δεδομένων στη βάση. Για το κείμενο των προδιαγραφών της </p> <a href="/3577977-Ergastirio-vaseon-dedomenon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html">6 Εισαγωγή στο Wordpress 3.x</a> </h3> <p> <img alt="6 Εισαγωγή στο Wordpress 3.x" title="6 Εισαγωγή στο Wordpress 3.x" class="news-block-img pull-right" src="/thumbs/27/9931864.jpg"> Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και </p> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42205433-Panepistimio-peiraios-tmima-pliroforikis-vaseis-dedomenon-4-o-examino-ergastirio-mysql-2.html">ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ. Βάσεις Δεδομένων (4 ο εξάμηνο) Εργαστήριο MySQL #2</a> </h3> <p> <img alt="ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ. Βάσεις Δεδομένων (4 ο εξάμηνο) Εργαστήριο MySQL #2" title="ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ. Βάσεις Δεδομένων (4 ο εξάμηνο) Εργαστήριο MySQL #2" class="news-block-img pull-right" src="/thumbs/58/42205433.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ Βάσεις Δεδομένων (4 ο εξάμηνο) Εργαστήριο MySQL #2 Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Φεβρουάριος 2008 Περιεχόμενα SQL Language </p> <a href="/42205433-Panepistimio-peiraios-tmima-pliroforikis-vaseis-dedomenon-4-o-examino-ergastirio-mysql-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34898959-Tec610-dynamikes-efarmoges-diadiktyoy-st-examino.html">TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)</a> </h3> <p> <img alt="TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)" title="TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/34898959.jpg"> TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά </p> <a href="/34898959-Tec610-dynamikes-efarmoges-diadiktyoy-st-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46031098-Mathima-anoigma-tis-efarmogis-ypologistikon-fyllon-2-kyria-othoni-tis-efarmogis-ypologistikon-fyllon-stohoi.html">ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Υπολογιστικών Φύλλων. 2. Κύρια Οθόνη Της Εφαρμογής Υπολογιστικών Φύλλων ΣΤΟΧΟΙ:</a> </h3> <p> <img alt="ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Υπολογιστικών Φύλλων. 2. Κύρια Οθόνη Της Εφαρμογής Υπολογιστικών Φύλλων ΣΤΟΧΟΙ:" title="ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Υπολογιστικών Φύλλων. 2. Κύρια Οθόνη Της Εφαρμογής Υπολογιστικών Φύλλων ΣΤΟΧΟΙ:" class="news-block-img pull-right" src="/thumbs/61/46031098.jpg"> ΜΑΘΗΜΑ 1 ΣΤΟΧΟΙ: 1. Άνοιγμα Της Εφαρμογής Υπολογιστικών Φύλλων (Microsoft Excel) 2. Κύρια Οθόνη Της Εφαρμογής Υπολογιστικών Φύλλων 3. Δημιουργία Νέου Υπολογιστικού Φύλλου 4. Δημιουργία Υπολογιστικού Φύλλου </p> <a href="/46031098-Mathima-anoigma-tis-efarmogis-ypologistikon-fyllon-2-kyria-othoni-tis-efarmogis-ypologistikon-fyllon-stohoi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31127573-5-i-dialexi-programmatismos-stin-pleyra-toy-exypiretiti-prohorimena-themata-php.html">5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP</a> </h3> <p> <img alt="5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP" title="5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP" class="news-block-img pull-right" src="/thumbs/53/31127573.jpg"> Σχεδίαση Εφαρμογών και Υπηρεσιών Διαδικτύου 5 η Διάλεξη: Προγραμματισμός στην πλευρά του εξυπηρετητή: προχωρημένα θέματα PHP Δρ. Απόστολος Γκάμας Διδάσκων (407/80) gkamas@uop.gr Σχεδίαση Εφαρμογών και </p> <a href="/31127573-5-i-dialexi-programmatismos-stin-pleyra-toy-exypiretiti-prohorimena-themata-php.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11941917-Epilysi-provlimatos-me-access.html">Επίλυση προβλήματος με Access</a> </h3> <p> <img alt="Επίλυση προβλήματος με Access" title="Επίλυση προβλήματος με Access" class="news-block-img pull-right" src="/thumbs/27/11941917.jpg"> Δ.1. Το προς επίλυση πρόβλημα Ζητείται να κατασκευάσετε τα αρχεία και τα προγράμματα μιας εφαρμογής καταχώρησης Δαπανών μελών ΔΕΠ (Διδακτικό και Ερευνητικό Προσωπικό) για την παρακολούθηση του απολογισμού </p> <a href="/11941917-Epilysi-provlimatos-me-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37995539-Tec610-dynamikes-efarmoges-diadiktyoy-st-examino.html">TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)</a> </h3> <p> <img alt="TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)" title="TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/56/37995539.jpg"> TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά </p> <a href="/37995539-Tec610-dynamikes-efarmoges-diadiktyoy-st-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41126373-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/57/41126373.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/41126373-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3316619-Apothikeymenes-diadikasies-stored-routines-procedures-functions.html">Αποθηκευμένες Διαδικασίες Stored Routines (Procedures & Functions)</a> </h3> <p> <img alt="Αποθηκευμένες Διαδικασίες Stored Routines (Procedures & Functions)" title="Αποθηκευμένες Διαδικασίες Stored Routines (Procedures & Functions)" class="news-block-img pull-right" src="/thumbs/24/3316619.jpg"> Αποθηκευμένες Διαδικασίες Stored Routines (Procedures & Functions) Αυγερινός Αραμπατζής avi@ee.duth.gr www.aviarampatzis.com Βάσεις Δεδομένων Stored Procedures 1 Stored Routines (1/2) Τμήματα κώδικα τα </p> <a href="/3316619-Apothikeymenes-diadikasies-stored-routines-procedures-functions.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43757442-Nees-tehnologies-stin-ekpaideysi.html">Νέες Τεχνολογίες στην Εκπαίδευση</a> </h3> <p> <img alt="Νέες Τεχνολογίες στην Εκπαίδευση" title="Νέες Τεχνολογίες στην Εκπαίδευση" class="news-block-img pull-right" src="/thumbs/59/43757442.jpg"> Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης </p> <a href="/43757442-Nees-tehnologies-stin-ekpaideysi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710339-11-i-glossa-html-pinakes-listes-formes.html">11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες</a> </h3> <p> <img alt="11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες" title="11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες" class="news-block-img pull-right" src="/thumbs/57/40710339.jpg"> 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς </p> <a href="/40710339-11-i-glossa-html-pinakes-listes-formes.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9092975-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/26/9092975.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/200 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή Μάθημα 2: Κειμενογράφοι Text Editors Μάθημα 3: Εγκατάσταση Text Editor Μάθημα 4: Ιστορική Αναδρομή HTML Μάθημα 5: Σύνολο </p> <a href="/9092975-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4194886-Elliniko-anoikto-panepistimio-3-i-grapti-ergasia-pli-23-akadimaiko-etos-2011-2012-tomos-v-kefalaia-1-4-imerominia-paradosis-25-3.html">ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ. 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3.</a> </h3> <p> <img alt="ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ. 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3." title="ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ. 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3." class="news-block-img pull-right" src="/thumbs/24/4194886.jpg"> 3 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2011 2012 ( Τόμος Β Κεφάλαια 1 4 ) Ημερομηνία Παράδοσης 25.3.2012 ΕΝΔΕΙΚΤΙΚΕΣ ΑΠΑΝΤΗΣΕΙΣ Άσκηση 1 Δημιουργία συστήματος διαδραστικού ημερολογίου Εισαγωγή Στην </p> <a href="/4194886-Elliniko-anoikto-panepistimio-3-i-grapti-ergasia-pli-23-akadimaiko-etos-2011-2012-tomos-v-kefalaia-1-4-imerominia-paradosis-25-3.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34148487-Mysql-1-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-d-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">MYSQL 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="MYSQL 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="MYSQL 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/54/34148487.jpg"> MYSQL 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια </p> <a href="/34148487-Mysql-1-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-d-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html">Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013</a> </h3> <p> <img alt="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" title="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" class="news-block-img pull-right" src="/thumbs/59/43686050.jpg"> Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει </p> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3437208-Ti-einai-ena-systima-diaheirisis-periehomenoy.html">Τι είναι ένα σύστημα διαχείρισης περιεχομένου;</a> </h3> <p> <img alt="Τι είναι ένα σύστημα διαχείρισης περιεχομένου;" title="Τι είναι ένα σύστημα διαχείρισης περιεχομένου;" class="news-block-img pull-right" src="/thumbs/24/3437208.jpg"> Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #5 η : Εισαγωγή στο web CMS Joomla!. Εγκατάσταση του Joomla! Εισαγωγή στη διαχείριση άρθρων. Γαβαλάς Δαμιανός dgavalas@aegean.gr Τι είναι </p> <a href="/3437208-Ti-einai-ena-systima-diaheirisis-periehomenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2177223-Web-programming-for-dummies.html">Web Programming for Dummies</a> </h3> <p> <img alt="Web Programming for Dummies" title="Web Programming for Dummies" class="news-block-img pull-right" src="/thumbs/24/2177223.jpg"> Web Programming for Dummies Γράψαμε αυτό το tutorial, αφού ολοκληρώσαμε την άσκηση Προγραμματισμού στον Παγκόσμιο Ιστό. Προσπαθήσαμε να γράψουμε γενικά πράγματα που βρήκαμε εμείς μετά από αναζητήσεις.aποφύγαμε </p> <a href="/2177223-Web-programming-for-dummies.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/23963122-Exetastea-yli-syllabus-advanced-shediasmos-istoselidas-ekdosi-1-0-solonos-108-til-fax.html">ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ</a> </h3> <p> <img alt="ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ" title="ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ" class="news-block-img pull-right" src="/thumbs/48/23963122.jpg"> ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της </p> <a href="/23963122-Exetastea-yli-syllabus-advanced-shediasmos-istoselidas-ekdosi-1-0-solonos-108-til-fax.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3315861-Ergastirio-vaseon-dedomenon-triggers.html">. Εργαστήριο Βάσεων Δεδομένων. Triggers</a> </h3> <p> <img alt=". Εργαστήριο Βάσεων Δεδομένων. Triggers" title=". Εργαστήριο Βάσεων Δεδομένων. Triggers" class="news-block-img pull-right" src="/thumbs/24/3315861.jpg"> Εργαστήριο Βάσεων Δεδομένων Triggers Triggers: Βασικές Έννοιες Ένας trigger είναι ένα κομμάτι κώδικα, μια ρουτίνα Συνδέεται με ένα συγκεκριμένο πίνακα Καλείται όταν συμβεί ένα γεγονός στον πίνακα Συχνές </p> <a href="/3315861-Ergastirio-vaseon-dedomenon-triggers.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10809239-Ergastirio-12-vima-1-o-vima-2-o-vima-3-o-vima-4-o.html">Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο.</a> </h3> <p> <img alt="Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο." title="Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο." class="news-block-img pull-right" src="/thumbs/27/10809239.jpg"> Εργαστήριο #12 Από τα προηγούμενα εργαστήρια: Το εργαστήριο αυτό είναι ανεξάρτητο από τα προηγούμενα επειδή όμως ασχολείται με τη γλώσσα JavaScript, βεβαιωθείτε ότι έχετε διαβάσει το εισαγωγικό Παράρτημα </p> <a href="/10809239-Ergastirio-12-vima-1-o-vima-2-o-vima-3-o-vima-4-o.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37935076-Php-2-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">PHP 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="PHP 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="PHP 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/56/37935076.jpg"> PHP 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης </p> <a href="/37935076-Php-2-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html">SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0</a> </h3> <p> <img alt="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" title="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" class="news-block-img pull-right" src="/thumbs/18/843052.jpg"> SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη... </p> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46174515-Programmatismos-kai-systimata-ston-pagkosmio-isto-enotita-3-server-side-scripting-ii-php-mysql.html">Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 3: Server Side Scripting II PHP & MySQL</a> </h3> <p> <img alt="Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 3: Server Side Scripting II PHP & MySQL" title="Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 3: Server Side Scripting II PHP & MySQL" class="news-block-img pull-right" src="/thumbs/61/46174515.jpg"> Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 3: Server Side Scripting II PHP & MySQL Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Σκοποί ενότητας Σκοπός της παρούσας </p> <a href="/46174515-Programmatismos-kai-systimata-ston-pagkosmio-isto-enotita-3-server-side-scripting-ii-php-mysql.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12616154-Eisagogi-ston-programmatismo.html">Εισαγωγή στον Προγραμματισμό</a> </h3> <p> <img alt="Εισαγωγή στον Προγραμματισμό" title="Εισαγωγή στον Προγραμματισμό" class="news-block-img pull-right" src="/thumbs/28/12616154.jpg"> Εισαγωγή στον Προγραμματισμό Έλεγχος Δημήτρης Μιχαήλ Τμήμα Πληροφορικής και Τηλεματικής Χαροκόπειο Πανεπιστήμιο Ακ. Έτος 2012-2013 Σχεσιακοί Τελεστές και Ισότητας Ένα πρόγραμμα εκτός από αριθμητικές πράξεις </p> <a href="/12616154-Eisagogi-ston-programmatismo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31457007-Pliroforiaka-tilepikoinoniaka-systimata.html">ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ</a> </h3> <p> <img alt="ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ" title="ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ" class="news-block-img pull-right" src="/thumbs/53/31457007.jpg"> Οικονοµικό Πανεπιστήµιο Αθηνών Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων µε HMTL Γιώργος Γιαγλής Περίληψη Κεφαλαίου </p> <a href="/31457007-Pliroforiaka-tilepikoinoniaka-systimata.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html">Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);</a> </h3> <p> <img alt="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" title="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" class="news-block-img pull-right" src="/thumbs/52/30203942.jpg"> Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και </p> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/9bab/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":30,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=30&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>