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

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

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

Transcript

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

2 Στόχος της ώρας Τι είναι HTML και CSS; Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο. Βασική δομή της HTML. XML DOCTYPE Τίτλοι, παράγραφοι, επικεφαλίδες Λίστες, σύνδεσμοι, εικόνες Πίνακες, φόρμες

3 HTML και CSS HTML: Περιγράφει το περιεχόμενο HyperText Markup Language CSS: Περιγράφει τη μορφοποίηση Cascading StyleSheets Σωστός διαχωρισμός από την αρχή, πάντα

4 HTML CSS Περιεχόμενο Τίτλος Κείμενο Λίστα Πίνακας Εικόνα Σύνδεσμος Μορφοποίηση Χρώματα Θέση Μέγεθος Στοίχιση Πλαίσια Γραμμές Φόντο

5 Παράδειγμα: Βιβλίο Περιεχόμενο Τίτλος Συγγραφέας Επικεφαλίδες κεφαλαίων Κείμενο Χωρισμός κεφαλαίων Χωρισμός παραγράφων Υποσημειώσεις Μορφοποίηση Μέγεθος τίτλου Θέση ονόματος συγγραφέα Στοίχιση επικεφαλίδων Περιθώριο κειμένου Κενές σελίδες ανάμεσα στα κεφάλαια Υποσημειώσεις με πλάγια γράμματα

6 Περιεχόμενο ή μορφοποίηση; Τα γράμματα μιας παραγράφου έχουν γραμματοσειρά Calibri. Ο τίτλος του βιβλίου είναι: Τα ταξίδια του Γκιούλιβερ. Ο τίτλος του βιβλίου είναι γραμμένος με μπλε γράμματα. Το βιβλίο έχει 30 κεφάλαια. Υπάρχει μια κενή σελίδα μετά από κάθε κεφάλαιο. Στην πρώτη παράγραφο, στο όνομα του ήρωα έχει δοθεί έμφαση. Σε κάθε παράγραφο, το πρώτο γράμμα εμφανίζεται ως αρχίγραμμα.

7 XML Μέθοδος αναπαράστασης δεδομένων Tags και Elements Attributes XML schema: RSS SVG ColdFusion HTML

8 Tags Κάθε tag ξεκινάει με < και τελειώνει με >. Υπάρχουν τριών ειδών tags: Start tags: <date> End tags: </date> Empty-element tags: <new-line /> Κάθε tag έχει ένα όνομα

9 Elements Κάθε element ξεκινάει με ένα start tag και τελειώνει με ένα end tag, ή αποτελείται μόνο από ένα emptyelement tag. <date>16/10/2011</date> <new-line /> Περιέχουν κείμενο ή/και άλλα elements: <greeting>hello, <strong>world</strong></greeting> Δενδρική δομή: Ό,τι ανοίγει πρώτο κλείνει τελευταίο.

10 Παράδειγμα <album> <title>american Idiot</title> <artist>green Day</artist> <date>september 21, 2004</date> <songs> <song> <title>american Idiot</title> <length>2:54</length> </song> <song> <title>jesus of suburbia</title> <length>9:08</length> </song> </songs> </album>

11 Ιεραρχία των elements Το a είναι πατέρας του b Το a περιέχει άμεσα το b Το b είναι παιδί του a Το b περιέχεται άμεσα στο a Το a είναι πρόγονος του c Το a περιέχει το c <a> <b> <c></c> <d /> </b> </a> Το c είναι απόγονος του a Το c περιέχεται στο a Το c είναι αδερφός του d Το c και το d έχουν κοινό πατέρα.

12 Attributes Στα start tags και empty-element tags μπορούμε να αναθέσουμε attributes Κάθε attribute έχει όνομα και τιμή Όνομα από τιμή χωρίζονται με = Η τιμή περιλαμβάνεται σε εισαγωγικά Μονά ή διπλά ό,τι προτιμάτε Τα attributes χωρίζονται με κενό από το όνομα του tag και από τα άλλα attributes <user id= 120 name= Johnny >

13 Παράδειγμα SVG <svg> <circle cx="100" cy="50" r="40" fill="red" /> <rect width="100" height="30" fill="blue" /> </svg>

14 Παράδειγμα Coldfusion <cfloop from= 1 to= 3 index= i > Repeat number <cfoutput>#i#</cfoutput>. </cfloop>

15 (X)HTML Γράφουμε σε αρχεία.html Τα επεξεργαζόμαστε με απλό κειμενογράφο Περιέχει κώδικα σε μορφή XML Γίνεται interpret και όχι compile Τρέχει μέσα στους browsers Τρέχει και τοπικά

16 Βασική δομή μιας σελίδας <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <body> Hello World! </body> </html>

17 DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> Δηλώνει την έκδοση της HTML Κάνει τον browser να συμπεριφέρεται σωστά Το κάνουμε copy/paste στην αρχή της σελίδας

18 <html>, <head>, <title> και <body> <html>: Περιέχει ολόκληρη τη σελίδα <head>: Περιέχει meta-πληροφορίες για τη σελίδα <title>: Περιέχει τον τίτλο της σελίδας <body>: Περιέχει το περιεχόμενο της σελίδας Το <html> πρέπει υποχρεωτικά να περιέχει μόνο <head> και <body>, με αυτή τη σειρά. Το <title> πρέπει να περιέχεται στο <head>

19 Ελάχιστα περιεχόμενα μιας σελίδας <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>my First Page</title> </head> <body> Hello World! </body> </html>

20 Παράγραφοι Η HTML αγνοεί τις αλλαγές γραμμών και τα κενά. Πολλά κενά και αλλαγές γραμμών αντικαθίστανται από ένα μόνο κενό. Αυτή είναι η πρώτη μου σελίδα. Είμαι ενθουσιασμένος! Αυτή είναι η πρώτη μου σελίδα. Είμαι ενθουσιασμένος

21 Παράγραφοι <p>: Ορίζει μια παράγραφο (μνημονικό: paragraph) <p>αυτή είναι η πρώτη μου σελίδα.</p> <p>είμαι ενθουσιασμένος!</p> Αυτή είναι η πρώτη μου σελίδα. Είμαι ενθουσιασμένος!

22 Αλλαγή γραμμής <br />: Ορίζει μια αλλαγή γραμμής (μνημονικό: break) Προσοχή: Δεν πρέπει να χρησιμοποιείται για μορφοποίηση! Αυξομειώνουμε την κάθετη απόσταση με μορφοποίηση μέσω CSS.

23 Έμφαση <em>: Δίνει έμφαση σε ένα τμήμα κειμένου (emphasis) <strong>: Δίνει ιδιαίτερη έμφαση σε ένα τμήμα κειμένου (strong emphasis) Συνηθίζεται το <em> να μορφοποιείται με πλάγια και το <strong> με έντονα γράμματα. Δεν χρησιμοποιούμε <strong> και <em> για μορφοποίηση! Ορίζουμε τι θα έχει έντονη ή πλάγια γραφή με CSS. Οι ετικέτες αυτές καθορίζουν μόνο την έμφαση στο περιεχόμενο.

24 Επικεφαλίδες <h1>: Επικεφαλίδα 1 ου επιπέδου (headline) <h2>: Επικεφαλίδα 2 ου επιπέδου. <h6>: Επικεφαλίδα 6 ου επιπέδου. Η <h1> χρησιμοποιείται 1 φορά. Επόμενη πρέπει να βρίσκεται κάτω από προηγούμενη. Δεν υπάρχει h7

25 Επικεφαλίδες <h1> <h2> <h2>

26 Λίστες Αριθμημένες: Σειρά έχει σημασία, χρήση <ol> Μη αριθμημένες: Σειρά δεν έχει σημασία, χρήση <ul> (μνημονικά: ordered list, unordered list) <li>: ένα στοιχείο μιας λίστας (μνημονικό: list item) Πανομοιότυπος HTML κώδικας για την περιγραφή τους. <ol> <li>πρώτο στοιχείο</li> <li>δεύτερο στοιχείο</li> <li>τρίτο στοιχείο</li> </ol>

27 Λίστες Το <li> μπορεί να περιέχεται μόνο σε <ol> ή <ul> Τα <ol> και <ul> μπορούν να περιέχουν μόνο <li>

28 Λίστες Αριθμημένες Μέρες της εβδομάδας Εξάμηνα φοίτησης Νικητές της Formula 1 Εκδόσεις του Photoshop Κεφάλαια ενός βιβλίου Μη αριθμημένες Λίστα για τα ψώνια Μαθήματα σε κάθε εξάμηνο Μαθητές στο αμφιθέατρο Οι διευθύνσεις μου Οι σελιδοδείκτες μου Αυτή η λίστα

29 Αριθμημένη λίστα: Δρόμος προς την επιτυχία <ol> <li>μάθε HTML</li> <li>μάθε CSS</li> <li>μάθε Javascript</li> <li>μάθε PHP</li> <li>μάθε MySQL</li> <li>???</li> <li>profit!!!</li> </ol> 1. Μάθε HTML 2. Μάθε CSS 3. Μάθε Javascript 4. Μάθε PHP 5. Μάθε MySQL 6.??? 7. PROFIT!!!

30 Μη αριθμημένη λίστα: Σελιδοδείκτες <ul> <li>gmail</li> <li>facebook</li> <li>thmmy</li> <li>άστρα και όραμα</li> <li>πιτσαρία</li> </ul> Gmail Facebook Thmmy Άστρα και όραμα Πιτσαρία

31 Εμφώλευση Η απλότητα και η δύναμη της HTML! Επιτρέπεται η εμφώλευση σε λίστες, παραγράφους κλπ. <h1>λόγοι που έρχομαι στο σεμινάριο</h1> <ol> <li>για να εντυπωσιάσω: <ul> <li>τη γάτα μου</li> <li>το σκύλο μου</li> <li>την Αννούλα</li> </ul> <li>για να μάθω</li> <li>για να γίνω διάσημος</li> </ol>

32 Λόγοι που έρχομαι στο σεμινάριο 1. Για να εντυπωσιάσω: Τη γάτα μου Το σκύλο μου Την Αννούλα 2. Για να μάθω 3. Για να γίνω διάσημος

33 Διευθύνσεις Απόλυτες: Ξεκινούν με το πρωτόκολλο Σχετικές: Παράγονται με βάση την παρούσα σελίδα foo στο -> /foo στο -> #foo στο ->

34 Σύνδεσμοι <a> Ορίζει έναν σύνδεσμο (μνημονικό: anchor) href: ορίζει τον προορισμό του συνδέσμου

35 Σύνδεσμοι <a href= >Μάθε HTML!</a> Μάθε HTML!

36 Περιοχές εγγράφου id: Ονομάζει μια ιδιότητα. Μπορεί να περιέχεται σε οποιαδήποτε ετικέτα. <a href= #names >Μετάβαση στα ονόματα</a> <h2 id= names >Ονόματα συμμετεχόντων</h2>

37

38

39 Εικόνες στο web Χρήση Χρώματα Διαφάνεια Μέγεθος JPG Φωτογραφίες Πολλά Όχι Μικρό PNG Γραφικά Πολλά Πλήρης Μέτριο GIF Γραφικά 256 Δυαδική Πολύ μικρό SVG Γραφικά Πολλά Πλήρης Ελάχιστο

40 Εικόνες <img>: Περιγράφει μια εικόνα src: Το αρχείο της εικόνας, ως διεύθυνση (υποχρεωτικό) alt: Μια περιγραφή της εικόνας (υποχρεωτικό) Το element <img> δεν περιλαμβάνει περιεχόμενο: <img src= images/pencil.png alt= the pencil />

41 Πίνακες Χρησιμοποιούνται μόνο για δεδομένα πίνακα Για τοποθέτηση στοιχείων σε ορισμένες θέσεις χρησιμοποιούμε CSS και όχι HTML πίνακες! Διακριτός διαχωρισμός γραμμών και στηλών. Παράδειγμα: Πίνακας μαθητών με στοιχεία όνομα, επώνυμο, βαθμολογία Πίνακας διάσημων επιστημόνων με στοιχεία όνομα, επώνυμο, τομέας, σπουδαιότερη ανακάλυψη.

42 Διάσημοι επιστήμονες Όνομα Επίθετο Τομέας Ανακάλυψη Alan Turing Επιστήμη Υπολογισμού Turing machines Bertrand Russell Φιλοσοφία Tractatus Αρχιμήδης Μηχανικός Μοχλός Leonard Euler Μαθηματικά e ιπ + 1 = 0 <table>: Περιγράφει έναν πίνακα

43 Διάσημοι επιστήμονες Όνομα Επίθετο Τομέας Ανακάλυψη Alan Turing Επιστήμη Υπολογισμού Turing machines Bertrand Russell Φιλοσοφία Tractatus Αρχιμήδης Μηχανικός Μοχλός Leonard Euler Μαθηματικά e ιπ + 1 = 0 <tr>: Περιγράφει μια γραμμή σε έναν πίνακα Περιέχεται στο <table>

44 Διάσημοι επιστήμονες Όνομα Επίθετο Τομέας Ανακάλυψη Alan Turing Επιστήμη Υπολογισμού Turing machines Bertrand Russell Φιλοσοφία Tractatus Αρχιμήδης Μηχανικός Μοχλός Leonard Euler Μαθηματικά e ιπ + 1 = 0 <td>: Περιγράφει ένα κελί Περιέχεται στο <tr>

45 Πίνακες <table>: Ορίζει έναν πίνακα <tr>: Ορίζει μια γραμμή πίνακα <td>: Ορίζει ένα κελί πίνακα <table> περιέχει μόνο <tr> <tr> περιέχει μόνο <td> <td> περιέχεται μόνο σε <tr> <tr> περιέχεται μόνο σε <table>

46 <table> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> </table> <td>alan</td><td>turing</td> <td>επιστήμη Υπολογισμού</td><td>Turing Machines</td> <td>ludwig</td><td>wittgenstein</td> <td>φιλοσοφία</td><td>tractatus</td> <td>αρχιμίδης</td><td></td> <td>μηχανικός</td><td>μοχλός</td> <td>leonhard</td><td>euler</td> <td>μαθηματικά</td><td>e<sup>ιπ</sup> + 1 = 0</td>

47 Μάθαμε Διαχωρισμό περιεχομένου/μορφοποίησης Τη βασική δομή της γλώσσας XML Τη βασική δομή της γλώσσας XHTML Τίτλους Παραγράφους Επικεφαλίδες Λίστες Συνδέσμους Εικόνες Πίνακες

48 Συγχαρητήρια! Μάθατε HTML! Μπορείτε να φτιάξετε την πρώτη σας σελίδα!

49 Την επόμενη φορά Εισαγωγή στη γλώσσα CSS Γραμματοσειρές Περιθώρια Χρώματα Πλαίσια

Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο.

Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Περιεχόμενα Τι είναι HTML και CSS; Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο. Βασική δομή της HTML. XML DOCTYPE Τίτλοι, παράγραφοι, επικεφαλίδες Λίστες, σύνδεσμοι,

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

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

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

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

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

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

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

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

HTML 1. ιδάσκοντες: Π. Αγγελάτος,. Ζήνδρος Επιµέλεια διαφανειών:. Ζήνδρος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών HTML 1 ιδάσκοντες: Π. Αγγελάτος,. Ζήνδρος Επιµέλεια διαφανειών:. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισµός περιεχοµένου/µορφοποίησης

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<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="/45540589-Eisagogi-stin-html-i-domi-mias-istoselidas-arheio-html-i-vasiki-domi-enos-arheioy-html-einai-i-exis-html-head.html">Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head></a> </h3> <p> <img alt="Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>" title="Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>" class="news-block-img pull-right" src="/thumbs/61/45540589.jpg"> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας, </p> <a href="/45540589-Eisagogi-stin-html-i-domi-mias-istoselidas-arheio-html-i-vasiki-domi-enos-arheioy-html-einai-i-exis-html-head.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/23909437-Glosses-siuansis-markup-languages-tehnologia-iadiktyoy-kai-ilektroniko-euporio.html">Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο</a> </h3> <p> <img alt="Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο" title="Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο" class="news-block-img pull-right" src="/thumbs/48/23909437.jpg"> Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν </p> <a href="/23909437-Glosses-siuansis-markup-languages-tehnologia-iadiktyoy-kai-ilektroniko-euporio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46249066-Keramopoylos-eykleidis.html">ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ</a> </h3> <p> <img alt="ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ" title="ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ" class="news-block-img pull-right" src="/thumbs/61/46249066.jpg"> ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίησης υπερκειμένου) και είναι η βασική γλώσσα δόμησης σελίδων του World Wide Web. 2 Βασικά χαρακτηριστικά </p> <a href="/46249066-Keramopoylos-eykleidis.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 class="news-blocks"> <h3> <a href="/37876780-Epanaliptiki-askisi-etiketes-html.html">Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML</a> </h3> <p> <img alt="Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML" title="Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML" class="news-block-img pull-right" src="/thumbs/55/37876780.jpg"> Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL </p> <a href="/37876780-Epanaliptiki-askisi-etiketes-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html">Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.</a> </h3> <p> <img alt="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." title="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." class="news-block-img pull-right" src="/thumbs/53/30835861.jpg"> Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας </p> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10494144-Stayros-kaoykakis-eytyhios-vavoyrakis.html">Σταύρος Καουκάκης Ευτύχιος Βαβουράκης</a> </h3> <p> <img alt="Σταύρος Καουκάκης Ευτύχιος Βαβουράκης" title="Σταύρος Καουκάκης Ευτύχιος Βαβουράκης" class="news-block-img pull-right" src="/thumbs/27/10494144.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες </p> <a href="/10494144-Stayros-kaoykakis-eytyhios-vavoyrakis.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="/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="/45962872-Etiketes-html-ta-sholia-hrisimopoioyntai-gia-na-grafoyme-simeioseis-mesa-ston.html">Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον</a> </h3> <p> <img alt="Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον" title="Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον" class="news-block-img pull-right" src="/thumbs/61/45962872.jpg"> Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη </p> <a href="/45962872-Etiketes-html-ta-sholia-hrisimopoioyntai-gia-na-grafoyme-simeioseis-mesa-ston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html">ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών</a> </h3> <p> <img alt="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" title="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" class="news-block-img pull-right" src="/thumbs/26/7880585.jpg"> ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW </p> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.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="/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="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/53/31007132.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις </p> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32736279-2-eisagogi-stin-html-giorgos-giannakakis-manolis-tsiknakis.html">2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ</a> </h3> <p> <img alt="2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ" title="2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ" class="news-block-img pull-right" src="/thumbs/53/32736279.jpg"> 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText </p> <a href="/32736279-2-eisagogi-stin-html-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="/10949159-2-epilexte-tin-sosti-etiketa-html-poy-prosferei-to-megalytero-fonto-keimenoy-head-heading-h6-h1.html">2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1></a> </h3> <p> <img alt="2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>" title="2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>" class="news-block-img pull-right" src="/thumbs/27/10949159.jpg"> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά </p> <a href="/10949159-2-epilexte-tin-sosti-etiketa-html-poy-prosferei-to-megalytero-fonto-keimenoy-head-heading-h6-h1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6576494-Vasikes-arhes-shediasmoy-efarmogon.html">ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ</a> </h3> <p> <img alt="ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ" title="ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ" class="news-block-img pull-right" src="/thumbs/25/6576494.jpg"> ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά </p> <a href="/6576494-Vasikes-arhes-shediasmoy-efarmogon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36256359-I-lista-ol-ordered-list.html">Η λίστα <ol> (ordered list)</a> </h3> <p> <img alt="Η λίστα <ol> (ordered list)" title="Η λίστα <ol> (ordered list)" class="news-block-img pull-right" src="/thumbs/55/36256359.jpg"> Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι </p> <a href="/36256359-I-lista-ol-ordered-list.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36672650-Stayros-kaoykakis-eytyhios-vavoyrakis.html">Σταύρος Καουκάκης Ευτύχιος Βαβουράκης</a> </h3> <p> <img alt="Σταύρος Καουκάκης Ευτύχιος Βαβουράκης" title="Σταύρος Καουκάκης Ευτύχιος Βαβουράκης" class="news-block-img pull-right" src="/thumbs/55/36672650.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες </p> <a href="/36672650-Stayros-kaoykakis-eytyhios-vavoyrakis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35545141-Dialexi-2i-eisagogi-sto-css.html">Διάλεξη 2η Εισαγωγή στο CSS</a> </h3> <p> <img alt="Διάλεξη 2η Εισαγωγή στο CSS" title="Διάλεξη 2η Εισαγωγή στο CSS" class="news-block-img pull-right" src="/thumbs/55/35545141.jpg"> Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω </p> <a href="/35545141-Dialexi-2i-eisagogi-sto-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31806541-Eisagogi-stin-html-1.html">Εισαγωγή στην HTML (1)</a> </h3> <p> <img alt="Εισαγωγή στην HTML (1)" title="Εισαγωγή στην HTML (1)" class="news-block-img pull-right" src="/thumbs/53/31806541.jpg"> Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα </p> <a href="/31806541-Eisagogi-stin-html-1.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="/12411635-Dialexi-3i-html-intermediate.html">Διάλεξη 3η HTML intermediate</a> </h3> <p> <img alt="Διάλεξη 3η HTML intermediate" title="Διάλεξη 3η HTML intermediate" class="news-block-img pull-right" src="/thumbs/27/12411635.jpg"> Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html </p> <a href="/12411635-Dialexi-3i-html-intermediate.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="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html">Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)</a> </h3> <p> <img alt="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" title="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" class="news-block-img pull-right" src="/thumbs/27/10949182.jpg"> Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο: </p> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html">Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7</a> </h3> <p> <img alt="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" title="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" class="news-block-img pull-right" src="/thumbs/54/34692357.jpg"> The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών </p> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38928267-10-eisagogi-stin-html.html">10. Εισαγωγή στην HTML</a> </h3> <p> <img alt="10. Εισαγωγή στην HTML" title="10. Εισαγωγή στην HTML" class="news-block-img pull-right" src="/thumbs/56/38928267.jpg"> 10. Εισαγωγή στην HTML Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εισαγωγή στη γλώσσα HTML και η ανάδειξη του γεγονότος ότι πρόκειται για μία πολύ απλή τεχνολογία. Θα χρησιμοποιήσετε </p> <a href="/38928267-10-eisagogi-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34670596-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/34670596.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/34670596-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="/9730305-Anaptyxi-ypiresias-katalogoy-ldap-me-ta-stoiheia-toy-prosopikoy-toy-tei-peiraia-nikos-passaras-eisigitis-prezerakos-georgios.html">Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος</a> </h3> <p> <img alt="Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος" title="Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος" class="news-block-img pull-right" src="/thumbs/27/9730305.jpg"> ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά Νίκος Πασσαράς </p> <a href="/9730305-Anaptyxi-ypiresias-katalogoy-ldap-me-ta-stoiheia-toy-prosopikoy-toy-tei-peiraia-nikos-passaras-eisigitis-prezerakos-georgios.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32577238-Odigies-sto-simerino-ergastirio-tha-arhisete-na-hrisimopoieite-vasikes-odigies-morfopoiisis-tis-istoselidas-sas-kati-poy-ehoyme-apofygei-eos-tora.html">Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!).</a> </h3> <p> <img alt="Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!)." title="Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!)." class="news-block-img pull-right" src="/thumbs/53/32577238.jpg"> Εργαστήριο #8 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Το σημερινό εργαστήριο είναι ανεξάρτητο από τα προηγούμενα, επειδή όμως θα ζητηθεί να ανακυκλώσετε υλικό από εκείνα, βεβαιωθείτε </p> <a href="/32577238-Odigies-sto-simerino-ergastirio-tha-arhisete-na-hrisimopoieite-vasikes-odigies-morfopoiisis-tis-istoselidas-sas-kati-poy-ehoyme-apofygei-eos-tora.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="/2533222-I-glossa-programmatismoy-toy-internet-html.html">Η Γλώσσα Προγραμματισμού του Internet HTML</a> </h3> <p> <img alt="Η Γλώσσα Προγραμματισμού του Internet HTML" title="Η Γλώσσα Προγραμματισμού του Internet HTML" class="news-block-img pull-right" src="/thumbs/24/2533222.jpg"> Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου), </p> <a href="/2533222-I-glossa-programmatismoy-toy-internet-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46337371-Shediasmos-kai-anaptyxi-istotopon-epa-l-alimoy-tomeas-pliroforikis-k-floros.html">Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος</a> </h3> <p> <img alt="Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος" title="Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος" class="news-block-img pull-right" src="/thumbs/61/46337371.jpg"> Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html </p> <a href="/46337371-Shediasmos-kai-anaptyxi-istotopon-epa-l-alimoy-tomeas-pliroforikis-k-floros.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32929239-Aspaite-praktiki-askisi-4a-yperkeimeno-kai-html-imerominia-tmima-onomateponymo.html">ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...</a> </h3> <p> <img alt="ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :..." title="ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :..." class="news-block-img pull-right" src="/thumbs/53/32929239.jpg"> ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση </p> <a href="/32929239-Aspaite-praktiki-askisi-4a-yperkeimeno-kai-html-imerominia-tmima-onomateponymo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29647919-I-glossa-xhtml-diafores-me-html-metatropi.html">Η γλώσσα XHTML: διαφορές με HTML, μετατροπή</a> </h3> <p> <img alt="Η γλώσσα XHTML: διαφορές με HTML, μετατροπή" title="Η γλώσσα XHTML: διαφορές με HTML, μετατροπή" class="news-block-img pull-right" src="/thumbs/52/29647919.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας </p> <a href="/29647919-I-glossa-xhtml-diafores-me-html-metatropi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46215691-Varvakeio-protypo-gymnasio.html">Βαρβάκειο Πρότυπο Γυμνάσιο</a> </h3> <p> <img alt="Βαρβάκειο Πρότυπο Γυμνάσιο" title="Βαρβάκειο Πρότυπο Γυμνάσιο" class="news-block-img pull-right" src="/thumbs/61/46215691.jpg"> Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού», </p> <a href="/46215691-Varvakeio-protypo-gymnasio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5144715-Html-1-gidazthnlieo-p-aggeiaino-g-eildxno-dpikeieia-diathaleiol-g-eildxno-rnii-ziethixniogsl-meralithol-thai-meralithol-tpningiziol.html">HTML 1. Γηδάζθνληεο: Π. Αγγειάηνο, Γ. Εήλδξνο Δπηκέιεηα δηαθαλεηώλ: Γ. Εήλδξνο. ρνιή Ζιεθηξνιόγσλ Μεραληθώλ θαη Μεραληθώλ Τπνινγηζηώλ</a> </h3> <p> <img alt="HTML 1. Γηδάζθνληεο: Π. Αγγειάηνο, Γ. Εήλδξνο Δπηκέιεηα δηαθαλεηώλ: Γ. Εήλδξνο. ρνιή Ζιεθηξνιόγσλ Μεραληθώλ θαη Μεραληθώλ Τπνινγηζηώλ" title="HTML 1. Γηδάζθνληεο: Π. Αγγειάηνο, Γ. Εήλδξνο Δπηκέιεηα δηαθαλεηώλ: Γ. Εήλδξνο. ρνιή Ζιεθηξνιόγσλ Μεραληθώλ θαη Μεραληθώλ Τπνινγηζηώλ" class="news-block-img pull-right" src="/thumbs/25/5144715.jpg"> HTML 1 Γηδάζθνληεο: Π. Αγγειάηνο, Γ. Εήλδξνο Δπηκέιεηα δηαθαλεηώλ: Γ. Εήλδξνο ρνιή Ζιεθηξνιόγσλ Μεραληθώλ θαη Μεραληθώλ Τπνινγηζηώλ ηόρνο ηεο ώξαο Ση είλαη HTML θαη CSS; Γηαρσξηζκόο πεξηερνκέλνπ/κνξθνπνίεζεο </p> <a href="/5144715-Html-1-gidazthnlieo-p-aggeiaino-g-eildxno-dpikeieia-diathaleiol-g-eildxno-rnii-ziethixniogsl-meralithol-thai-meralithol-tpningiziol.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="/34306388-Dialexi-6i-css-advanced.html">Διάλεξη 6η CSS Advanced</a> </h3> <p> <img alt="Διάλεξη 6η CSS Advanced" title="Διάλεξη 6η CSS Advanced" class="news-block-img pull-right" src="/thumbs/54/34306388.jpg"> Διάλεξη 6η CSS Advanced Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e. (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Block & Inline elements Advanced </p> <a href="/34306388-Dialexi-6i-css-advanced.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38219034-Gavalas-auianos.html">Γαβαλάς αµιανός</a> </h3> <p> <img alt="Γαβαλάς αµιανός" title="Γαβαλάς αµιανός" class="news-block-img pull-right" src="/thumbs/56/38219034.jpg"> Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) ιάλεξη #3η: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr Χειµερινό </p> <a href="/38219034-Gavalas-auianos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37645826-Keimeno-ascii-unicode-html-kodikopoiisi-ascii-unicode-html.html">Κείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML</a> </h3> <p> <img alt="Κείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML" title="Κείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML" class="news-block-img pull-right" src="/thumbs/55/37645826.jpg"> Κείμενο ASCII Unicode - HTML Κωδικοποίηση ASCII / Unicode HTML Κείμενο και Τυπογραφία Αναπαράσταση κειμένου Αρχικά οι ανάγκες των προγραμμάτων απαιτούσαν ένα περιορισμένο σύνολο κωδικοποιημένων χαρακτήρων </p> <a href="/37645826-Keimeno-ascii-unicode-html-kodikopoiisi-ascii-unicode-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46074652-Pinakes-html-panagiotis-galatis-1o-epal-irakleioy.html">Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου</a> </h3> <p> <img alt="Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου" title="Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου" class="news-block-img pull-right" src="/thumbs/61/46074652.jpg"> Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell). </p> <a href="/46074652-Pinakes-html-panagiotis-galatis-1o-epal-irakleioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6576812-Anaparastasi-gnosis-ston-pagkosmio-isto.html">ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ</a> </h3> <p> <img alt="ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ" title="ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ" class="news-block-img pull-right" src="/thumbs/25/6576812.jpg"> ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ XML (extended Markup Language) Ι. Χατζηλυγερούδης ΕΙΣΑΓΩΓΗ SGML (Standard Generalized Markup Language) Διεθνές πρότυπο ορισμού μεθόδων αναπαράστασης πληροφοριών </p> <a href="/6576812-Anaparastasi-gnosis-ston-pagkosmio-isto.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33823699-Diadiktyo-istoria-domi-ypiresies.html">Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες</a> </h3> <p> <img alt="Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες" title="Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες" class="news-block-img pull-right" src="/thumbs/54/33823699.jpg"> Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και </p> <a href="/33823699-Diadiktyo-istoria-domi-ypiresies.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3552695-Shediasi-istoselidon.html">Σχεδίαση ιστοσελίδων</a> </h3> <p> <img alt="Σχεδίαση ιστοσελίδων" title="Σχεδίαση ιστοσελίδων" class="news-block-img pull-right" src="/thumbs/24/3552695.jpg"> Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές </p> <a href="/3552695-Shediasi-istoselidon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html">Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους</a> </h3> <p> <img alt="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" title="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" class="news-block-img pull-right" src="/thumbs/27/10944453.jpg"> Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized </p> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46908610-Mathima-1-domi-html-html-head-body.html">Μάθημα 1 > Δομή HTML. html head body</a> </h3> <p> <img alt="Μάθημα 1 > Δομή HTML. html head body" title="Μάθημα 1 > Δομή HTML. html head body" class="news-block-img pull-right" src="/thumbs/62/46908610.jpg"> Μάθημα 1 > Δομή HTML Αυτός είναι ο κώδικας από το προηγούμενο παράδειγμα: hello world! Hello world! Αυτή η σελίδα εμφανίζει απλά το μήνυμα Hello world! στο πρόγραμμα περιήγησής σας. </p> <a href="/46908610-Mathima-1-domi-html-html-head-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/24/3858593.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός </p> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7925914-Kasalxgxi-re-glorra-html-hoirsima-haoalampxsp-xaralampous-yahoo-gr.html">Καςάλξγξι ρε γλώρρα HTML Χοιρςίμα Χαοαλάμπξσπ xaralampous@yahoo.gr</a> </h3> <p> <img alt="Καςάλξγξι ρε γλώρρα HTML Χοιρςίμα Χαοαλάμπξσπ xaralampous@yahoo.gr" title="Καςάλξγξι ρε γλώρρα HTML Χοιρςίμα Χαοαλάμπξσπ xaralampous@yahoo.gr" class="news-block-img pull-right" src="/thumbs/26/7925914.jpg"> Καςάλξγξι ρε γλώρρα HTML Χοιρςίμα Χαοαλάμπξσπ xaralampous@yahoo.gr Πεοίληψη Στην παρούσα εργασία κατατίθεται μία πρόταση Διδακτικού Σεναρίου, για συγκεκριμένη ενότητα του μαθήματος Προγραμματιστικά εργαλεία </p> <a href="/7925914-Kasalxgxi-re-glorra-html-hoirsima-haoalampxsp-xaralampous-yahoo-gr.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34477127-Se-ayto-to-uathiua-tha-asholithoyue-ue-ti-veltiosi-tis-eufanisis-enos-istotopoy-alla-kai-ton-eykolo-heirisuo-olon-ton-allagon-stin-eufanisi-tis-selidas.html">Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας</a> </h3> <p> <img alt="Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας" title="Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας" class="news-block-img pull-right" src="/thumbs/54/34477127.jpg"> Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading </p> <a href="/34477127-Se-ayto-to-uathiua-tha-asholithoyue-ue-ti-veltiosi-tis-eufanisis-enos-istotopoy-alla-kai-ton-eykolo-heirisuo-olon-ton-allagon-stin-eufanisi-tis-selidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30869162-Giorgos-hr-makris-syghrones-glosses-simansis-toy-diadiktyoy-anaparastasi-mathimatikon-keimenon-sto-diadiktyo-i-glossa-mathml.html">Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML</a> </h3> <p> <img alt="Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML" title="Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML" class="news-block-img pull-right" src="/thumbs/53/30869162.jpg"> Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML Γιώργος Χρ. Μακρής Θεσσαλονίκη, Μάρτιος 2012 Αναπαράσταση Μαθηματικών Κειμένων στο διαδίκτυο </p> <a href="/30869162-Giorgos-hr-makris-syghrones-glosses-simansis-toy-diadiktyoy-anaparastasi-mathimatikon-keimenon-sto-diadiktyo-i-glossa-mathml.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37709260-Periehomena-gavalas-damianos-trehon-status-tis-html.html">Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML</a> </h3> <p> <img alt="Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML" title="Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML" class="news-block-img pull-right" src="/thumbs/55/37709260.jpg"> Δικτυακά Πολυμέσα ΙΙ Διάλεξη #2 η : Βασικές έννοιες σχεδιασμού στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Τρέχον status της HTML Μετάβαση από την HTML στην XHTML Κλέ Καλές πρακτικές συγγραφής </p> <a href="/37709260-Periehomena-gavalas-damianos-trehon-status-tis-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3548053-Itml-kai-xhtml-vasikes-vasiki-syntaxi-html-kai-html-idomi-mias-html-selidas.html">ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας</a> </h3> <p> <img alt="ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας" title="ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας" class="news-block-img pull-right" src="/thumbs/24/3548053.jpg"> ΗTML και XHTML Βασικές έννοιες Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας Η γραμματική της ΗΤML Όπως κάθε γλώσσα έχει μια γραμματική </p> <a href="/3548053-Itml-kai-xhtml-vasikes-vasiki-syntaxi-html-kai-html-idomi-mias-html-selidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37298802-Askisi-3-diuioyrgia-istoselidon-ue-html-ueros-3-o.html">Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο</a> </h3> <p> <img alt="Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο" title="Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο" class="news-block-img pull-right" src="/thumbs/55/37298802.jpg"> Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει </p> <a href="/37298802-Askisi-3-diuioyrgia-istoselidon-ue-html-ueros-3-o.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9345353-Exetastea-uli-syllabus-ekdosi-1-5.html">Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5</a> </h3> <p> <img alt="Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5" title="Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5" class="news-block-img pull-right" src="/thumbs/26/9345353.jpg"> Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί </p> <a href="/9345353-Exetastea-uli-syllabus-ekdosi-1-5.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710440-Css-1-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-d-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/57/40710440.jpg"> CSS 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative </p> <a href="/40710440-Css-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="/9406317-Tehnologies-pagkosmioy-istoy-1i-dialexi.html">Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη</a> </h3> <p> <img alt="Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη" title="Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη" class="news-block-img pull-right" src="/thumbs/26/9406317.jpg"> Τεχνολογίες Παγκόσμιου Ιστού 1η διάλεξη Χαρακτηριστικά Μαθήματος Μάθημα προγραμματισμού (και όχι μόνον) Μπορεί να εξελιχθεί σε εφιάλτη αν δεν έχετε καλή γνώση και αρκετή εμπειρία προγραμματισμού (Java) </p> <a href="/9406317-Tehnologies-pagkosmioy-istoy-1i-dialexi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/44763809-Vasika-stoiheia-toy-css.html">Βασικά στοιχεία του CSS</a> </h3> <p> <img alt="Βασικά στοιχεία του CSS" title="Βασικά στοιχεία του CSS" class="news-block-img pull-right" src="/thumbs/60/44763809.jpg"> Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη </p> <a href="/44763809-Vasika-stoiheia-toy-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31856519-Gavalas-auianos.html">Γαβαλάς αµιανός</a> </h3> <p> <img alt="Γαβαλάς αµιανός" title="Γαβαλάς αµιανός" class="news-block-img pull-right" src="/thumbs/53/31856519.jpg"> Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr </p> <a href="/31856519-Gavalas-auianos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40679352-Mathimatika-logismika-kai-glosses-anaparastasis-gnosis.html">Μαθηματικά Λογισμικά και Γλώσσες Αναπαράστασης Γνώσης</a> </h3> <p> <img alt="Μαθηματικά Λογισμικά και Γλώσσες Αναπαράστασης Γνώσης" title="Μαθηματικά Λογισμικά και Γλώσσες Αναπαράστασης Γνώσης" class="news-block-img pull-right" src="/thumbs/57/40679352.jpg"> Μαθηματικά Λογισμικά και Γλώσσες Γεώργιος Χρ. Μακρής 20 Απριλίου 2015 Γλώσσες Σήμανσης (Annotation ή Markup Languages) Για την αποθήκευση δομημένης πληροφορίας χρησιμοποιούνται γλώσσες σήμανσης. Η δομημένη </p> <a href="/40679352-Mathimatika-logismika-kai-glosses-anaparastasis-gnosis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9710600-Ethniko-metsovio-polytehneio-siueioseis-gia-ti-glossa-html-hypertext-markup-language.html">ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)</a> </h3> <p> <img alt="ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)" title="ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)" class="news-block-img pull-right" src="/thumbs/27/9710600.jpg"> ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1 </p> <a href="/9710600-Ethniko-metsovio-polytehneio-siueioseis-gia-ti-glossa-html-hypertext-markup-language.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12225272-Anaptyxi-efarmogon-me-hrisi-php.html">ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP</a> </h3> <p> <img alt="ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP" title="ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP" class="news-block-img pull-right" src="/thumbs/27/12225272.jpg"> Αντώνης Χρυσόπουλος Κατερίνα Κυπριώτη Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP Για να γίνουμε όλοι καλύτεροι άνθρωποι Τι έχει το μενού σήμερα??? 1. Τι είναι η PHP??? Τι είναι </p> <a href="/12225272-Anaptyxi-efarmogon-me-hrisi-php.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="/23963153-Themata-psifiakis-oikonomias.html">Θέματα Ψηφιακής Οικονομίας</a> </h3> <p> <img alt="Θέματα Ψηφιακής Οικονομίας" title="Θέματα Ψηφιακής Οικονομίας" class="news-block-img pull-right" src="/thumbs/48/23963153.jpg"> Θέματα Ψηφιακής Οικονομίας Ενότητα 3: Δημιουργία mockup δικτυακής επιχείρισης Μανώλης Τζαγκαράκης, Βικτωρία Δασκάλου Σχολή Οργάνωσης και Διοίκησης Επιχειρήσεων Τμήμα Οικονομικών Επιστημών Σκοποί ενότητας </p> <a href="/23963153-Themata-psifiakis-oikonomias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34997077-Tec410-anaptyxi-diktyakon-topon-d-examino-didaskon-andreas-giannakoylopoylos-epistimonikos-synergatis-ergastirioy-stella-lampoyra.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα" class="news-block-img pull-right" src="/thumbs/54/34997077.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο 2014-2015 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό </p> <a href="/34997077-Tec410-anaptyxi-diktyakon-topon-d-examino-didaskon-andreas-giannakoylopoylos-epistimonikos-synergatis-ergastirioy-stella-lampoyra.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46762791-Css-2-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/62/46762791.jpg"> CSS 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης </p> <a href="/46762791-Css-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="/16941752-Tei-kavalas-sholi-tehnologias-efarmogon-tmima-viomihanikis-pliroforikis.html">ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ</a> </h3> <p> <img alt="ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ" title="ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ" class="news-block-img pull-right" src="/thumbs/34/16941752.jpg"> ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ </p> <a href="/16941752-Tei-kavalas-sholi-tehnologias-efarmogon-tmima-viomihanikis-pliroforikis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36672493-Paroysiasi-kai-morfopoiisi-keimenoy.html">Παρουσίαση και μορφοποίηση κειμένου</a> </h3> <p> <img alt="Παρουσίαση και μορφοποίηση κειμένου" title="Παρουσίαση και μορφοποίηση κειμένου" class="news-block-img pull-right" src="/thumbs/55/36672493.jpg"> HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το </p> <a href="/36672493-Paroysiasi-kai-morfopoiisi-keimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html">HTML... 1. Εισαγωγή στην HTML και τα CSS</a> </h3> <p> <img alt="HTML... 1. Εισαγωγή στην HTML και τα CSS" title="HTML... 1. Εισαγωγή στην HTML και τα CSS" class="news-block-img pull-right" src="/thumbs/23/1860045.jpg"> HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα </p> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4770687-Periehomena-1-eisagogi-3-1-1-gnorimia-me-to-internet-3-1-2-to-diktyo-kai-to-tcp-ip-3-1-3-o-web-server-kai-oi-browsers-san-client-6-1.html">Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1.</a> </h3> <p> <img alt="Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1." title="Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1." class="news-block-img pull-right" src="/thumbs/25/4770687.jpg"> Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1.4 DNS Servers...6 1.4.1 Πως μεταφράζονται τα domain names σε </p> <a href="/4770687-Periehomena-1-eisagogi-3-1-1-gnorimia-me-to-internet-3-1-2-to-diktyo-kai-to-tcp-ip-3-1-3-o-web-server-kai-oi-browsers-san-client-6-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33507130-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/33507130.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/33507130-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="/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="/41381039-Programmatismos-pagkosmioy-istoy.html">Προγραμματισμός Παγκόσμιου Ιστού</a> </h3> <p> <img alt="Προγραμματισμός Παγκόσμιου Ιστού" title="Προγραμματισμός Παγκόσμιου Ιστού" class="news-block-img pull-right" src="/thumbs/58/41381039.jpg"> Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Προγραμματισμός Παγκόσμιου Ιστού 2 η Διάλεξη Δημοσθένης Κυριαζής Δευτέρα 21 Μαρτίου 2016 Αρχιτεκτονική 2 επιπέδων Φυσική αρχιτεκτονική Τεχνική αρχιτεκτονική </p> <a href="/41381039-Programmatismos-pagkosmioy-istoy.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="/40710394-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-4o-ergastirio-eikones-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/57/40710394.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε </p> <a href="/40710394-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-4o-ergastirio-eikones-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35041984-I-vivlos-ton-css-eisagogi-sta-css.html">Η Βίβλος των CSS. Εισαγωγή στα CSS</a> </h3> <p> <img alt="Η Βίβλος των CSS. Εισαγωγή στα CSS" title="Η Βίβλος των CSS. Εισαγωγή στα CSS" class="news-block-img pull-right" src="/thumbs/54/35041984.jpg"> Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων </p> <a href="/35041984-I-vivlos-ton-css-eisagogi-sta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7982152-Pneymatika-dikaiomata-2013-idryma-ecdl-ecdl-foundation-www-ecdl-org.html">Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)</a> </h3> <p> <img alt="Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)" title="Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)" class="news-block-img pull-right" src="/thumbs/26/7982152.jpg"> PEOPLECERT Hellas A.E - Φορέας Πιστοποίησης Ανθρώπινου Δυναμικού Κοραή 3, 105 64 Αθήνα, Τηλ.: 210 372 9100, Fax: 210 372 9101, e-mail: info@peoplecert.org, www.peoplecert.org Πνευματικά Δικαιώματα 2013 </p> <a href="/7982152-Pneymatika-dikaiomata-2013-idryma-ecdl-ecdl-foundation-www-ecdl-org.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1911352-Anaptyxi-web-kai-mobile-efarmogon.html">ΑΝΑΠΤΥΞΗ WEB ΚΑΙ MOBILE ΕΦΑΡΜΟΓΩΝ</a> </h3> <p> <img alt="ΑΝΑΠΤΥΞΗ WEB ΚΑΙ MOBILE ΕΦΑΡΜΟΓΩΝ" title="ΑΝΑΠΤΥΞΗ WEB ΚΑΙ MOBILE ΕΦΑΡΜΟΓΩΝ" class="news-block-img pull-right" src="/thumbs/23/1911352.jpg"> ΑΝΑΠΤΥΞΗ WEB ΚΑΙ MOBILE ΕΦΑΡΜΟΓΩΝ Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης </p> <a href="/1911352-Anaptyxi-web-kai-mobile-efarmogon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34476036-Efarmosmeni-pliroforiki-ii-e-to-olokliromeno-perivallon-anaptyxis-integrated-development-environment-ide-netbeans-8.html">Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8</a> </h3> <p> <img alt="Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8" title="Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8" class="news-block-img pull-right" src="/thumbs/54/34476036.jpg"> Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript </p> <a href="/34476036-Efarmosmeni-pliroforiki-ii-e-to-olokliromeno-perivallon-anaptyxis-integrated-development-environment-ide-netbeans-8.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="/38423666-Shediasmos-kai-anaptyxi-istoselidon-ii-iek-triandrias-grafistas-entypoy-kai-ilektronikon-meson-css-cascading-style-sheets.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/56/38423666.jpg"> Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο </p> <a href="/38423666-Shediasmos-kai-anaptyxi-istoselidon-ii-iek-triandrias-grafistas-entypoy-kai-ilektronikon-meson-css-cascading-style-sheets.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/39522890-Html-kai-css-mathete-tin-se-24-ores-ekdoseis-m-gkioyrdas-julie-meloni-michael-morrison-apodosi-mairi-gkla-va.html">HTML. και CSS. Μάθετε την. σε 24 Ώρες. Εκδόσεις: Μ. Γκιούρδας. Julie Meloni Michael Morrison. Απόδοση: Μαίρη Γκλα βά</a> </h3> <p> <img alt="HTML. και CSS. Μάθετε την. σε 24 Ώρες. Εκδόσεις: Μ. Γκιούρδας. Julie Meloni Michael Morrison. Απόδοση: Μαίρη Γκλα βά" title="HTML. και CSS. Μάθετε την. σε 24 Ώρες. Εκδόσεις: Μ. Γκιούρδας. Julie Meloni Michael Morrison. Απόδοση: Μαίρη Γκλα βά" class="news-block-img pull-right" src="/thumbs/56/39522890.jpg"> Μάθετε την HTML και CSS σε 24 Ώρες Julie Meloni Michael Morrison Απόδοση: Μαίρη Γκλα βά Μαθηματικός, MSc Computer Sci ence Εκδόσεις: Μ. Γκιούρδας Ζωοδόχου Πηγής 70-74 - Τηλ.: 210 3630219 106 81 Αθήνα, </p> <a href="/39522890-Html-kai-css-mathete-tin-se-24-ores-ekdoseis-m-gkioyrdas-julie-meloni-michael-morrison-apodosi-mairi-gkla-va.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32323531-Epexergasia-eikonas-kodikos-paketoy-acta-cgd-cwd-titlos-paketoy-epexergasia-eikonas-she-iasi-istoseli-as-ekpaideytikes-enotites.html">Επεξεργασία Εικόνας. Κωδικός Πακέτου ACTA - CGD+CWD Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ. Εκπαιδευτικές Ενότητες</a> </h3> <p> <img alt="Επεξεργασία Εικόνας. Κωδικός Πακέτου ACTA - CGD+CWD Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ. Εκπαιδευτικές Ενότητες" title="Επεξεργασία Εικόνας. Κωδικός Πακέτου ACTA - CGD+CWD Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ. Εκπαιδευτικές Ενότητες" class="news-block-img pull-right" src="/thumbs/53/32323531.jpg"> Κωδικός Πακέτου ACTA - CGD+CWD - 013 Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ Εκπαιδευτικές Ενότητες ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ ιαχείριση Αρχείων Εκτυπώσεις Βασικές Λειτουργίες Επιλογές τµηµάτων </p> <a href="/32323531-Epexergasia-eikonas-kodikos-paketoy-acta-cgd-cwd-titlos-paketoy-epexergasia-eikonas-she-iasi-istoseli-as-ekpaideytikes-enotites.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30099887-Mathete-tin-html-kai-css-se-24-ores.html">Μάθετε την. HTML και CSS. σε 24 Ώρες</a> </h3> <p> <img alt="Μάθετε την. HTML και CSS. σε 24 Ώρες" title="Μάθετε την. HTML και CSS. σε 24 Ώρες" class="news-block-img pull-right" src="/thumbs/52/30099887.jpg"> Μάθετε την HTML και CSS σε 24 Ώρες _ARXIKA_24HTML.indd i 1/7/2010 3:27:35 μμ _ARXIKA_24HTML.indd ii 1/7/2010 3:27:35 μμ Μάθετε την HTML και CSS σε 24 Ώρες Julie Meloni Michael Morrison Απόδοση: Μαίρη Γκλα </p> <a href="/30099887-Mathete-tin-html-kai-css-se-24-ores.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29669369-Eikones-galatis-panagiotis-1-o-epal-irakleioy.html">Εικόνες. Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου</a> </h3> <p> <img alt="Εικόνες. Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου" title="Εικόνες. Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου" class="news-block-img pull-right" src="/thumbs/52/29669369.jpg"> Εικόνες Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου Υποστηριζόμενοι Tύποι Εικόνων GIF JPG ή JPEG BMP PNG Δυστυχώς δεν υποστηρίζονται απευθείας όλα τα formats εικόνας από τους Web Browsers. Πάντως το σύνολο αυτών </p> <a href="/29669369-Eikones-galatis-panagiotis-1-o-epal-irakleioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33597085-3o-gel-eyosmoy-a-taxi-efarmoges-pliroforikis-erotiseis-theorias.html">3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας</a> </h3> <p> <img alt="3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας" title="3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας" class="news-block-img pull-right" src="/thumbs/54/33597085.jpg"> 3ο ΓΕΛ Ευόσμου 2014-15 Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας 1. Ποιες από τις παρακάτω είναι συσκευές εξόδου; Πληκτρολόγιο Μικρόφωνο Μεγάφωνα Ποντίκι Σαρωτής Εκτυπωτής 2. Ποιο από τα παρακάτω </p> <a href="/33597085-3o-gel-eyosmoy-a-taxi-efarmoges-pliroforikis-erotiseis-theorias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9937862-Tehnikos-efarmogon-pliroforikis.html">Τεχνικός Εφαρμογών Πληροφορικής</a> </h3> <p> <img alt="Τεχνικός Εφαρμογών Πληροφορικής" title="Τεχνικός Εφαρμογών Πληροφορικής" class="news-block-img pull-right" src="/thumbs/27/9937862.jpg"> Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή </p> <a href="/9937862-Tehnikos-efarmogon-pliroforikis.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>