Σύντομος οδηγός των εντολών της XHTML για χρήση τους σε έγγραφα XHTML + MATHML

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

Download "Σύντομος οδηγός των εντολών της XHTML για χρήση τους σε έγγραφα XHTML + MATHML"

Transcript

1 2011 Σύντομος οδηγός των εντολών της XHTML για χρήση τους σε έγγραφα XHTML + MATHML Γιώργος Χρ. Μακρής

2 Περιεχόμενα 1. XTML Εισαγωγή Σύνταξη Κορμός αρχείου XHTML Κορμός αρχείου XHTML + MathML Βασικές Εντολές HTML - XHTML Μορφοποίηση Γραμματοσειράς Αλλαγή γραμμής Παράγραφος Οριζόντια γραμμή Αρίθμηση Παραγράφων Κουκίδες Πίνακες και περιγράμματα Εισαγωγή Εικόνων Σύνοψη Βασικών Ετικετών HTML Χρώματα HTML Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 2

3 1. XTML 1.1 Εισαγωγή Η XHTML είναι συνδυασμός της HTML και της XML. Πιο συγκεκριμένα η XHTML είναι μια παραλλαγή της HTML γραμμένη με κανόνες σύνταξης της XML, δηλαδή ο κώδικας ενός XHTML αρχείου μπορεί να περιέχει σχεδόν όλες τις ετικέτες που περιέχει και η HTML, με διαφορά την αυστηρότερη σύνταξη του κώδικα. Τα αρχικά της XHTML είναι από το EXtensible HyperText Markup Language το οποίο σημαίνει εκτεταμένη γλώσσα σήμανσης υπερκειμένου. Είναι μια πιο αυστηρή και πιο καθαρή έκδοση της HTML και μοιάζει πολύ με την HTML 4.01 Ο ίδιος οργανισμός (W3C) ανέπτυξε και διαχειρίζεται το πρότυπο της XHTML. Σήμερα όλοι οι browsers / φυλλομετρητές είναι συμβατοί και μπορούν να "διαβάσουν" XHTML κώδικα, ενώ όλο και περισσότερες ιστοσελίδες χρησιμοποιούν το πρότυπο της XHTML αντί αυτό της HTML. Η XHTML είναι μια πιο αυστηρή και πιο καθαρή έκδοση της HTML. Πολλές ιστοσελίδες είναι γραμμένες με κακό τρόπο στην σύνταξη του HTML κώδικα τους. Παρόλα αυτά το τελικό αποτέλεσμα θα εμφανιστεί σωστά στον browser του επισκέπτη. Για παράδειγμα στον παρακάτω κώδικα λείπει η ετικέτα τέλους της <head>, <p> <html> κι όμως το περιεχόμενο του αρχείου εμφανίζεται χωρίς κανένα πρόβλημα στον browser μας: <html> <head> <title>κακός κώδικας σελίδας</title> <body> <h1>bad HTML <p>this is a paragraph </body> Δεν κλείνει το <head> Δεν κλείνει το <p> Δεν κλείνει το <html> Υπάρχουν αρκετοί web browsers οι οποίοι διαχειρίζονται τις τεχνολογίες ανάπτυξης ιστοσελίδων και web εφαρμογών (όπως html, css, php κτλ), ο κάθε ένας με διαφορετικό τρόπο. Όταν έχουν να διαχειριστούν κακογραμμένους κώδικες, όλοι οι browsers χρειάζεται να δεσμεύουν μεγαλύτερη επεξεργαστική ισχύ από τον υπολογιστή στον οποίον "τρέχουν". Μερικοί από αυτούς τους browsers τρέχουν, εκτός από τους υπολογιστές γραφείου, και σε κινητά, palmtops και σε άλλες τέτοιες μικροσυσκευές, οι οποίες δεν έχουν την επεξεργαστική ισχύ που έχει ένας υπολογιστής ώστε να διαχειριστεί κακογραμμένους κώδικες. Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 3

4 Η XML είναι μια γλώσσα περιγραφής δεδομένων όπου όλα πρέπει να έχουν μια ετικέτα αρχής και μια ετικέτα τέλους ώστε το περιεχόμενο του αρχείου να είναι ένας καλο-συνταγμένος κώδικας XML. Η XML σχεδιάστηκε για να περιγράφει δεδομένα, ενώ η HTML σχεδιάστηκε για να εμφανίζει δεδομένα. Η W3C ανέπτυξε την XHTML συνδυάζοντας την αυστηρότητα της XML με τις δυνατότητες της HTML. Η XHTML λόγο της αυστηρότητας στην σύνταξή της, μπορεί να "τρέξει" χωρίς να χρειάζεται μεγάλη επεξεργαστική ισχύ από τα υπολογιστικά συστήματα. Σήμερα σπάνια βρίσκουμε ιστοσελίδες γραμμένες με το πρότυπο της HTML. Πλέον είναι απαραίτητο να ακολουθάμε το πρότυπο XHTML. Όλα τα CMS, όπως το Joomla, ημιουργούν σελίδες σύμφωνα με το πρότυπο της XHTML. Να σημειώσουμε εδώ ότι η επέκταση των αρχείων που είναι γραμμένα σε XHTML παραμένει η ίδια με την HTML, δηλαδή.html ή.htm 1.2 Σύνταξη Η XHTML δεν διαφέρει πολύ από την HTML Όταν κάποιος γράφει τις ιστοσελίδες του σύμφωνα με το πρότυπο της HTML 4.01, τότε είναι πολύ κοντά να τις μετατρέψει στο πρότυπο της XHTML 1.0. Οι πιο σημαντικές διαφορές στον τρόπο σύνταξης μεταξύ της XHTML και της HTML είναι ότι στην XHTML όλες οι ετικέτες, οι ιδιότητες και οι τιμές τους, γράφονται με μικρά (πεζά). Επίσης όλες οι ετικέτες έχουν ετικέτα τέλους. Βασικά στοιχεία σύνταξης XHTML : Ετικέτες, ιδιότητες και τιμές γράφονται με πεζούς χαρακτήρες Οι τιμές των ιδιοτήτων θα πρέπει να εσωκλείονται σε διπλά εισαγωγικά Όλες οι XHTML ετικέτες πρέπει να κλείνουν (όσες συντάσσονται από μόνες τους τότε γράφονται έτσι : <br />, <hr /> κλπ) Οι XHTML ετικέτες πρέπει να είναι σωστά φωλιασμένες (κλείνει πρώτη αυτή που άνοιξε τελευταία) Ο κώδικας XHTML πρέπει να εσωκλείεται από μια ετικέτα-ρίζα (<html> </html> Η σύντμηση δεν επιτρέπεται στην XHTML Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 4

5 1.3 Κορμός αρχείου XHTML <!DOCTYPE...> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Τίτλος ιστοσελίδας </title> </head> <body> Περιεχόμενο Ιστοσελίδας </body> </html> 1.4 Κορμός αρχείου XHTML + MathML <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/math/dtd/mathml2/xhtml-math11-f.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> MathML xhtm Πρότυπο </title> </head> <body> Περιεχόμενο Ιστοσελίδας </body> </html> Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 5

6 2. Βασικές Εντολές HTML - XHTML 2.1 Μορφοποίηση Γραμματοσειράς <b> κείμενο </b> το κείμενο θα εμφανιστεί έντονο. <i> κείμενο <i> το κείμενο θα εμφανιστεί πλάγια. <u> κείμενο </u> το κείμενο θα εμφανιστεί υπογραμμισμένο Είναι δυνατόν να πετύχουμε διαφορετικά μεγέθη γραμματοσειρών : <h1> κείμενο </h1> το κείμενο θα εμφανιστεί με το μεγαλύτερο μέγεθος <h2> κείμενο </h2> <h2> κείμενο </h2> <h2> κείμενο </h2> <h2> κείμενο </h2> <h6> κείμενο </h6> το κείμενο θα εμφανιστεί με το μικρότερο μέγεθος 2.2 Αλλαγή γραμμής <br/> αλλάζει γραμμή. 2.3 Παράγραφος <p> κείμενο </p> το κείμενο αποτελεί μία παράγραφο H ετικέτα <p> δέχεται και την παράμετρο align η οποία μπορεί να πάρει τιμές : left εξ ορισμού, το κείμενο της παραγράφου στοιχίζεται αριστερά right το κείμενο της παραγράφου στοιχίζεται δεξιά center το κείμενο της παραγράφου στοιχίζεται στο κέντρο justify το κείμενο της παραγράφου έχει πλήρη στοίχιση Εάν γράφαμε : <p align= right > κείμενο </p> τότε το κείμενο θα στοιχιζόταν στο κέντρο της ιστοσελίδας. <center> περιεχόμενο </center> το περιεχόμενο θα εμφανιστεί κεντραρισμένο Είναι το ίδιο με το <p align= center > κείμενο </p> 2.4 Οριζόντια γραμμή <hr/> εμφανίζεται μία οριζόντια γραμμή σε όλο το πλάτος της σελίδας <hr size= 10 / > οριζόντια γραμμή με μέγεθος 10 pixels σε όλο το πλάτος της σελίδας <hr size= 5 width= 30%/ > οριζόντια γραμμή με μέγεθος 5 pixels στο 30% του πλάτους της σελίδας Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 6

7 2.5 Αρίθμηση Παραγράφων Για να βάλω αρίθμηση σε κείμενο : <ol> <li> Κείμενο1</li> <li> Κείμενο2</li> <li> Κείμενο3</li> </ol> Θα μας έδινε : 1. Κείμενο1 2. Κείμενο2 3. Κείμενο3 Έναρξη αριθμημένων παραγράφων Νέα παράγραφος με αρίθμηση Νέα παράγραφος με αρίθμηση Νέα παράγραφος με αρίθμηση Τέλος αρίθμησης Εάν θέλω να ξεκινήσει από άλλον αριθμό π.χ. το 13 και όχι το 1 τότε γράφω : <ol start= 13 > <li> Κείμενο1</li> <li> Κείμενο2</li> <li> Κείμενο3</li> </ol> Έναρξη αριθμημένων παραγράφων από το 13 Νέα παράγραφος με αρίθμηση Νέα παράγραφος με αρίθμηση Νέα παράγραφος με αρίθμηση Τέλος αρίθμησης Θα μας έδινε : 13. Κείμενο1 14. Κείμενο2 15. Κείμενο3 Για να βάλω διαφορετικό στυλ αρίθμησης χρησιμοποιώ την παράμετρο type με τιμές : A Αγγλικά γράμματα κεφαλαία (A, B, C, D,.) a Αγγλικά γράμματα μικρά (a,b,c,d,... ) I Λατινικά Κεφαλαία (I,II,III,IV,.) i Λατινικά μικρά (i,ii,iii,iv,..) Για παράδειγμα : <ol type= I > <li> Κείμενο1</li> <li> Κείμενο2</li> <li> Κείμενο3</li> </ol> Έναρξη αριθμημένων παραγράφων με λατινική αρίθμηση Νέα παράγραφος με αρίθμηση Νέα παράγραφος με αρίθμηση Νέα παράγραφος με αρίθμηση Τέλος αρίθμησης Θα μας έδινε : I. Κείμενο1 II. Κείμενο2 III. Κείμενο3 Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 7

8 2.6 Κουκίδες Για να βάλω κουκίδες σε κείμενο : <ul> <li> Κείμενο1</li> <li> Κείμενο2</li> <li> Κείμενο3</li> </ul> Θα μας έδινε : Κείμενο1 Κείμενο2 Κείμενο3 Έναρξη μη αριθμημένων παραγράφων Νέα παράγραφος με κουκίδες Νέα παράγραφος με κουκίδες Νέα παράγραφος με κουκίδες Τέλος κουκίδων Μπορούμε να χρησιμοποιήσουμε τρεις διαφορετικές κουκίδες : Για να βάλω διαφορετικό στυλ κουκίδας χρησιμοποιώ την παράμετρο type με τιμές: disc Εξ ορισμού(δεν χρειάζεται να δηλωθεί) γεμάτοι κύκλοι square τετράγωνα γεμάτα circle όχι γεμάτοι κύκλοι Για παράδειγμα : <ul type= square > <li> Κείμενο1</li> <li> Κείμενο2</li> <li> Κείμενο3</li> </ul> Θα μας έδινε : Κείμενο1 Κείμενο2 Κείμενο3 Έναρξη μη αριθμημένων παραγράφων Νέα παράγραφος με κουκίδες Νέα παράγραφος με κουκίδες Νέα παράγραφος με κουκίδες Τέλος κουκίδων <ul type= circle > <li> Κείμενο1</li> <li> Κείμενο2</li> <li> Κείμενο3</li> </ul> Θα μας έδινε : o Κείμενο1 o Κείμενο2 o Κείμενο3 Έναρξη μη αριθμημένων παραγράφων Νέα παράγραφος με κουκίδες Νέα παράγραφος με κουκίδες Νέα παράγραφος με κουκίδες Τέλος κουκίδων Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 8

9 2.7 Πίνακες και περιγράμματα Για να βάλλω σε ένα κείμενο περίγραμμα αρκεί να το τοποθετήσω σε μία ετικέτα πίνακα και να δηλώσω ότι θέλω περίγραμμα στον πίνακα: <table border="3"> Κείμενο Περιεχόμενο </table> Η παράμετρος border χρησιμοποιείται για να δηλώσουμε το μέγεθος της γραμμής του περιγράμματος. Η τιμή είναι σε pixels. Η οδηγία <table> χρησιμοποιείται για να δημιουργούνται πίνακες αλλά και για να μπορεί κάποιος να έχει μεγαλύτερο έλεγχο στο στήσιμο μιας σελίδας. Για να κατασκευάσουμε ένα πίνακα, ορίζουμε την κάθε γραμμή ξεχωριστά (μπορούμε να έχουμε όσες γραμμές θέλουμε) και μέσα σε κάθε γραμμή ορίζουμε τα κελιά της. Οι στήλες ορίζονται αυτόματα με βάση το πόσα κελιά υπάρχουν σε κάθε γραμμή. Τα βήματα που γίνονται για να δημιουργηθεί ένας πίνακας είναι: 1. Καθορίζεται το σχήμα του πίνακα (αποφασίσαμε δηλαδή πως θα έχει μια γραμμή με 4 κελιά). 2. Ορίζεται ο πίνακας <table>...</table> 3. Ορίζεται η γραμμή <tr>...</tr> 4. Ορίζονται (ένα-ένα) τα κελιά της γραμμής <th>...</th> (για κελί επικεφαλίδας) και <td>...</td> (για κελί δεδομένων) Η παράμετρος border καθορίζει αν ο πίνακας θα έχει περίγραμμα ή όχι. Όταν παραλείπουμε την border τότε δεν θα υπάρχει περίγραμμα Παράδειγμα 1: ΕΠΙΚΕΦΑΛΙΔΑ ΔΕΔΟΜΕΝΑ ΔΕΔΟΜΕΝΑ ΔΕΔΟΜΕΝΑ <table border> <tr> <th>επικεφαλιδα</th><td>δεδομενα</td> <td>δεδομενα</td><td>δεδομενα</td> </tr> </table> Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 9

10 <table border> <tr> <th>επικεφαλιδα</th> <td>δεδομενα</td> <td>δεδομενα</td> <td>δεδομενα</td> </tr> </table> Πίνακας με περιγράμματα Νέα Γραμμή Νέα στήλη (κελί) ως επικεφαλίδα Νέα στήλη (κελί) Νέα στήλη (κελί) Νέα στήλη (κελί) Τέλος γραμμής Τέλος Πίνακα (ένας πίνακας με 1 γραμμής και 4 στήλες) Παράδειγμα 2: Επικεφαλίδα 1 Επικεφαλίδα 2 κελί 1 κελί 2 <table border> <tr><th>επικεφαλίδα 1</th><th>Επικεφαλίδα 2</th></tr> <tr><td>κελί 1</td><td>κελί 2</td></tr> </table> <table border> Πίνακας με περιγράμματα <tr> Νέα Γραμμή <th>επικεφαλίδα 1</th> Νέα στήλη (κελί) ως επικεφαλίδα <th>επικεφαλίδα 2</th> Νέα στήλη (κελί) ως επικεφαλίδα </tr> Τέλος γραμμής <tr> Νέα Γραμμή <td>κελί 1</td> Νέα στήλη (κελί) <td>κελί 2</td> Νέα στήλη (κελί) </tr> Τέλος γραμμής </table> Τέλος Πίνακα (ένας πίνακας με 2 γραμμές και 2 στήλες) Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 10

11 Παράδειγμα 3: Επικεφαλίδα 1 Επικεφαλίδα 2 κενό κελί κελί 1 με δύο γραμμές κελί 2 <table border> <tr> <th>επικεφαλίδα 1</th> <th>επικεφαλίδα 2</th> <th>κενό κελί</th> </tr> <tr> <td>κελί 1 <br />με δύο γραμμές</td> <td>κελί 2</td> <td><br></td> </tr> </table> Παράδειγμα 4: Ορισμός : Πως θα γράψω αυτόν τον ορισμό σε Html και να φαίνεται όπως τον βλέπουμε ; <table bgcolor= yellow > <b> Ορισμός </b>: Πως θα γράψω αυτόν τον ορισμό σε Html και να φαίνεται όπως τον βλέπουμε ; </table> Με την παράμετρο bgcolor μπορώ να βάλω χρώμα στον πίνακα (δείτε παρακάτω τα χρώματα που χρησιμοποιούνται στην HTML) Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 11

12 2.8 Εισαγωγή Εικόνων Η γενική μορφή σύνταξη της ετικέτας για την εισαγωγή εικόνων στην ιστοσελίδα είναι : <img src= ονομα_εικονας width=. height=. border=. hspace=. vspace=. alt=. align=. /> Τοποθετεί μία εικόνα στην ιστοσελίδα. Η παράμετρος width ορίζει το πλάτος της εικόνας (% ή pixels), η height το ύψος της εικόνας(% ή pixels), η border τοποθετεί πλαίσιο γύρω από την εικόνα με πάχος σε στιγμές, η hspace αφήνει ένα κενό σε στιγμές αριστερά και δεξιά της εικόνας, η vspace αφήνει ένα κενό σε στιγμές πάνω και κάτω από την εικόνα, η alt εμφανίζει ένα επεξηγηματικό κείμενο σε περίπτωση μη εμφάνισης της εικόνας και η align στοιχίζει την εικόνα σε σχέση με το κείμενο. Οι παράμετροι είναι προαιρετικές και όταν δεν χρησιμοποιούνται τότε απλώς ενσωματώνουμε την εικόνα στο σημείο που τη τοποθετούμε. Παράδειγμα 1: <img src= makris.jpg /> Θα τοποθετήσει την εικόνα στο σημείο που εισάγεται η ετικέτα και η εικόνα θα έχει το πραγματικό της μέγεθος. Παράδειγμα 2: <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/math/dtd/mathml2/xhtml-math11-f.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>παράδειγμα XTML με εικόνες </title> </head> <body> <table align="center" bgcolor="gray"> <tr> <td> Εικόνα 1 </td> <td> <img src="makris1.gif" width="200" hight="200" /> </td> </tr> <tr> <td> Εικόνα 2 </td> <td> <img src="makedonia.jpg" width="200" hight="200" /> </td> </tr> </table> </body> </html> Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 12

13 Ο παραπάνω κώδικας θα δημιουργήσει έναν πίνακα με 2 γραμμές και 2 στήλες. Το χρώμα γεμίσματος είναι το γκρι. Ο πίνακας δεν έχει περιγράμματα και το αποτέλεσμα φαίνεται παρακάτω : Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 13

14 2.9 Σύνοψη Βασικών Ετικετών HTML 1 <br/> Αλλαγή γραμμής στο σημείο που τοποθετείται. Καθορίζει το μέγεθος της γραμματοσειράς. 2 <hi> περιεχόμενο </hi> i = 1, 2, 3, 4, 5, 6 Αφήνει μια κενή γραμμή πριν και μετά. i = 1 Το πιο μεγάλο μέγεθος. i = 6 Το πιο μικρό μέγεθος 3 <b> περιεχόμενο </b> Εμφανίζει το περιεχόμενο με έντονη γραφή. 4 <u> περιεχόμενο </u> Εμφανίζει το περιεχόμενο υπογραμμισμένο. 5 <i> περιεχόμενο </i> Εμφανίζει το περιεχόμενο με πλάγια γραφή. 6 <hr/> Τοποθετεί οριζόντια γραμμή και αλλάζει σειρά. 7 <center> περιεχόμενο</center> Στοιχίζει το περιεχόμενο στο κέντρο. 8 <sub> περιεχόμενο </sub> 9 <sup> περιεχόμενο </sup> Εμφανίζει το περιεχόμενο σαν δείκτη (χαρακτήρες μικρού μεγέθους και κάτω από την κανονική γραμμή κειμένου). Εμφανίζει το περιεχόμενο σαν εκθέτη (χαρακτήρες μικρού μεγέθους και πάνω από την κανονική γραμμή κειμένου) <body bgcolor=?χρώμα? text=?χρώμα?> <hr align=?στοίχιση? width=?μήκος? size=?ύψος? color=?χρώμα? > Με το bgcolor ορίζεται το χρώμα της ιστοσελίδας και με το text ορίζεται το χρώμα των γραμμάτων του κειμένου που εμφανίζεται στην ιστοσελίδα. H παράμετρος align ορίζει την στοίχιση της γραμμής και μπορεί να πάρει τις τιμές: left(αριστερά), center(κέντρο) και right(δεξιά). H παράμετρος width ορίζει το μήκος της γραμμής σε pixels επί της εκατό του παραθύρου εμφάνισης. Το 1000 αντιστοιχεί σε όλο το μήκος του παραθύρου. Η παράμετρος size ορίζει το ύψος της γραμμής Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 14

15 σε pixels. Η παράμετρος color ορίζει το χρώμα της γραμμής. 12 <p align= στοίχιση > Δημιουργεί νέα παράγραφο. Η αρχή της παραγράφου τοποθετείται αυτόματα στο αριστερό μέρος της γραμμής, εκτός και αν οριστεί με την βοήθεια της παραμέτρου align. left τοποθετείται αριστερά <font face=?γραμματοσειρά? size=?μέγεθος? color=?χρώμα? >??.</font> <ol type=??? start=???> <li> 1 ο στοιχείο της λίστας </li> <li> 2 ο στοιχείο της λίστας </li>.. <li> τελευταίο στοιχείο της </ol> <ul type=??? > λίστας </li> <li> 1 ο στοιχείο της λίστας </li> center τοποθετείται στο κέντρο right τοποθετείται δεξιά. Καθορίζει πλήρως την εμφάνιση του κειμένου που περιέχεται στην ετικέτα. H παράμετρος face ορίζει τη γραμματοσειρά με την οποία θέλουμε να εμφανιστεί το κείμενο. Μπορούμε να έχουμε και δεύτερη εναλλακτική επιλογή γραμματοσειράς π.χ. face=?arial?,?helvetica? H παράμετρος size ορίζει το μέγεθος των χαρακτήρων από 1 έως και 7. H παράμετρος color ορίζει το χρώμα των χαρακτήρων. Εμφανίζει μία ταξινομημένη (αριθμητική) λίστα. Η παράμετρος type δηλώνει το είδος της αριθμητικής λίστας (1 για αριθμητικές τιμές, Α για αλφαβητικές τιμές από το Α μέχρι το Ζ, a για αλφαβητικές τιμές από το a μέχρι το z, i για αριθμητικές τιμές σε λατινικούς χαρακτήρες ). Η παράμερος start δηλώνει την αρχική τιμή. Εμφανίζει μία μη ταξινομημένη (με κουκίδες) λίστα. Η παράμετρος type δηλώνει το είδος της λίστας (disc για?, circle για o και square Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 15

16 <li> 2 ο στοιχείο της λίστας </li>.. <li> τελευταίο στοιχείο της για? ). Η παράμετρος type μπορεί να μπει και μέσα στην ετικέτα <li> και να αλλάξει μόνο την κουκίδα του συγκεκριμένου στοιχείου της λίστας. Π.χ. <li type=?square?>?? λίστας </li> </ul> 16 <dl> <dt> όρος που θα επεξηγηθεί </dt> <dd> επεξήγηση </dd> <dt> όρος που θα επεξηγηθεί </dt> <dd> επεξήγηση</dd>. <dt> όρος που θα επεξηγηθεί</dt> <dd> επεξήγηση</dd> </dl> Εμφανίζει μία λίστα ορισμών και τις επεξηγήσεις τους 17 <!-- περιεχόμενο--> Εισάγει το περιεχόμενο της ετικέτας σαν σχόλιο και δεν το εμφανίζει στην ιστοσελίδα. 18 <img src=??? width=??? height=??? border=??? hspace=??? vspace=??? alt=???align=??? /> Τοποθετεί μία εικόνα στην ιστοσελίδα. Η παράμετρος width ορίζει το πλάτος της εικόνας (% ή pixels), η height το ύψος της εικόνας(% ή pixels), η border τοποθετεί πλαίσιο γύρω από την εικόνα με πάχος σε στιγμές, η hspace αφήνει ένα κενό σε στιγμές αριστερά και δεξιά της εικόνας, η vspace αφήνει ένα κενό σε στιγμές πάνω και κάτω από την εικόνα, η alt εμφανίζει ένα επεξηγηματικό κείμενο σε περίπτωση μη εμφάνισης της εικόνας και η align στοιχίζει την εικόνα σε σχέση με το κείμενο. Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 16

17 2.10 Χρώματα HTML Κωδικοποίηση χρωμάτων όνομα χρώμα Hex white FFFFFF red FF0000 orange FFA500 yellow FFFF00 green blue 0000FF purple black aliceblue A0CE00 antiquewhite FAEBD7 aqua 00FFFF aquamarine 7FFFD4 azure F0FFFF beige F5F5DC bisque FFE4C4 blanchedalmond FFEBCD blueviolet 8A2BE2 brown A52A2A burlywood DEB887 cadetblue 5F9EA0 chartreuse 7FFF00 chocolate D2691E coral FF7F50 cornflowerblue 6495ED cornsilk FFF8DC crimson DC143C cyan 00FFFF darkblue 00008B darkcyan 008B8B darkgoldenrod B8860B darkgray A9A9A9 darkgreen darkkhaki BDB76B darkmagenta BD008B darkolivegreen 556B2F darkorange FF8C00 darkorchid 9932CC darkred 8B0000 darksalmon E9967A darkseagreen 8FBC8F darkslateblue 483D8B Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 17

18 darkslategray 2F4F4F darkturquoise 00CED1 darkviolet 9400D3 deeppink FF1493 deepskyblue 00BFFF dimgray dodgerblue 1E90FF firebrick B22222 floralwhite FFFAF0 forestgreen 228B22 fuchsia FF00FF gainsboro DCDCDC ghostwhite F8F8FF gold FFD700 goldenrod DAA520 gray greenyellow ADFF2F honeydew F0FFF0 hotpink FF69B4 indianred CD5C5C indigo 4B0082 ivory FFFFF0 khaki F0E68C lavender E6E6FA lavenderblush FFF0F5 lemonchiffon FFFACD lightblue ADD8E6 lightcoral F08080 lightcyan E0FFFF lightgoldenrodyellow FAFAD2 lightgreen 90EE90 lightgrey D3D3D3 lightpink FFB6C1 lightsalmon FFA07A lightseagreen 20B2AA lightskyblue 87CEFA lightslategray light steel blue B0C4DE lightyellow FFFFE0 lime 00FF00 limegreen 32CD32 linen FAF0E6 magenta FF00FF maroon mediumaquamarine 66CDAA Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 18

19 mediumblue 0000CD mediumorchid BA55D3 mediumpurple 9370DB mediumseagreen 3CB371 mediumslateblue 7B68EE mediumspringgreen 00FA9A mediumturquoise 48D1CC mediumvioletred C71585 midnightblue mintcream F5FFFA mistyrose FFE4E1 navajowhite FFDEAD navy oldlace FDF5E6 olive olivedrab 6B8E23 orangered FF4500 orchid DA70D6 palegoldenrod EEE8AA palegreen 98FB98 paleturquoise AFEEEE palevioletred DB7093 papayawhip FFEFD5 peachpuff FFDAB9 peru CD853F pink FFC0CB plum DDA0DD powderblue B0E0E6 rosybrown BC8F8F royalblue 4169E1 saddlebrown 8B4513 seagreen 2E8B57 seashell FFF5EE sienna A0522D silver C0C0C0 skyblue 87CEEB slateblue 6A5ACD slategray snow FFFAFA springgreen 00FF7F steelblue 4682B4 tan D2B486 teal thistle D8BFDB tomato FF6347 Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 19

20 turquoise violet wheat whitesmoke yellowgreen 40E0D0 EE82EE F5DEB3 F5F5F5 9ACD32 Σ ύ ν τ ο μ ο ς Ο δ η γ ό ς τ η ς X T H M L μ ε χ ρ ή σ η M a t h M L Γ. Μ α κ ρ ή ς Σελίδα 20

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

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

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

Παρουσίαση και μορφοποίηση κειμένου

Παρουσίαση και μορφοποίηση κειμένου HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην 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="/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="/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="/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="/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="/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="/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="/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="/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="/6576660-Keiuenografoi-etiketon.html">Κειµενογράφοι ετικετών</a> </h3> <p> <img alt="Κειµενογράφοι ετικετών" title="Κειµενογράφοι ετικετών" class="news-block-img pull-right" src="/thumbs/25/6576660.jpg"> ΕΠΛ 012 Γλώσσα Μορφοποίησης HTML Πως κτίζουµε τις Ετικέτες Notepad ή άλλο TEXT editor Πού τα κάνουµε Save? Πώς τα οργανώνουµε Πώς τα βάζουµε δηµόσια online Τα αρχεία να τελειώνουν σε.html ή.htm Πως ξεκινούµε </p> <a href="/6576660-Keiuenografoi-etiketon.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="/9698235-Ergaleia-anaptyxis-efarmogon-internet-i.html">Εργαλεία ανάπτυξης εφαρμογών internet Ι</a> </h3> <p> <img alt="Εργαλεία ανάπτυξης εφαρμογών internet Ι" title="Εργαλεία ανάπτυξης εφαρμογών internet Ι" class="news-block-img pull-right" src="/thumbs/27/9698235.jpg"> IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται </p> <a href="/9698235-Ergaleia-anaptyxis-efarmogon-internet-i.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="/5144841-Eisagogi-stin-html-decode-issel-theodosis-soyrgkoynis-antonis-hrysopoylos-stelios-moshogloy.html">ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου" title="ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου" class="news-block-img pull-right" src="/thumbs/25/5144841.jpg"> ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Στόχος της ώρας </p> <a href="/5144841-Eisagogi-stin-html-decode-issel-theodosis-soyrgkoynis-antonis-hrysopoylos-stelios-moshogloy.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="/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="/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="/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="/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="/734747-Eisagogi-ston-pagkosmio-isto-kai-sti-glossa-html-hr-ilioydis.html">Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης</a> </h3> <p> <img alt="Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης" title="Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης" class="news-block-img pull-right" src="/thumbs/18/734747.jpg"> Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες </p> <a href="/734747-Eisagogi-ston-pagkosmio-isto-kai-sti-glossa-html-hr-ilioydis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9695910-Html-1-stohos-tis-oras-11-3-2014-eisagogi-tis-glossas-html-se-arhario-epipedo.html">HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:</a> </h3> <p> <img alt="HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:" title="HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:" class="news-block-img pull-right" src="/thumbs/27/9695910.jpg"> HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι, </p> <a href="/9695910-Html-1-stohos-tis-oras-11-3-2014-eisagogi-tis-glossas-html-se-arhario-epipedo.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="/40710341-I-vivlos-ton-css-meros-3-to-box-model-ta-perithoria-kai-ta-perigrammata.html">Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα</a> </h3> <p> <img alt="Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα" title="Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα" class="news-block-img pull-right" src="/thumbs/57/40710341.jpg"> Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box </p> <a href="/40710341-I-vivlos-ton-css-meros-3-to-box-model-ta-perithoria-kai-ta-perigrammata.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="/7112705-Gavalas-damianos-dgavalas-aegean-gr-diktyaka-polymesa-ii-ergastirio-3-0-eisagogi-stacascading-style-sheets-css.html">Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)</a> </h3> <p> <img alt="Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)" title="Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)" class="news-block-img pull-right" src="/thumbs/26/7112705.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική </p> <a href="/7112705-Gavalas-damianos-dgavalas-aegean-gr-diktyaka-polymesa-ii-ergastirio-3-0-eisagogi-stacascading-style-sheets-css.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="/3987000-Eisagogi-se-html-kai-css-panagiotis-tsarhopoylos.html">Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος</a> </h3> <p> <img alt="Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος" title="Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος" class="news-block-img pull-right" src="/thumbs/24/3987000.jpg"> Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές </p> <a href="/3987000-Eisagogi-se-html-kai-css-panagiotis-tsarhopoylos.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="/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="/35042169-Ergastiriaki-askisi-4-morfopoiisi-keimenoy-meso-toy.html">Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του</a> </h3> <p> <img alt="Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του" title="Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του" class="news-block-img pull-right" src="/thumbs/54/35042169.jpg"> Μορφοποίηση χαρακτήρων Όταν ανοίγουμε το Word η γραμματοσειρά που υπάρχει είναι προκαθορισμένη. Το πλαίσιο διαλόγου Γραμματοσειρά μας επιτρέπει να κάνουμε περισσότερες μορφοποιήσεις. Επιλέγουμε Μορφή Απόσταση </p> <a href="/35042169-Ergastiriaki-askisi-4-morfopoiisi-keimenoy-meso-toy.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="/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="/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="/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="/40542359-Ypersyndeseis-hyperlinks.html">Υπερσυνδέσεις (hyperlinks)</a> </h3> <p> <img alt="Υπερσυνδέσεις (hyperlinks)" title="Υπερσυνδέσεις (hyperlinks)" class="news-block-img pull-right" src="/thumbs/57/40542359.jpg"> Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή) </p> <a href="/40542359-Ypersyndeseis-hyperlinks.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31456980-Eisagogi-stin-html-2.html">Εισαγωγή στην HTML (2)</a> </h3> <p> <img alt="Εισαγωγή στην HTML (2)" title="Εισαγωγή στην HTML (2)" class="news-block-img pull-right" src="/thumbs/53/31456980.jpg"> Εισαγωγή στην HTML (2) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Εικόνες Βασικοί τύποι εικόνων στην HTML gif jpg bmp (μεγάλο μέγεθος αρχείου) tiff (μεγάλο </p> <a href="/31456980-Eisagogi-stin-html-2.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="/41364309-Periehomeno-kai-morfopoiisi-pote-hrisimopoio-to-ena-kai-pote-to-allo.html">Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο.</a> </h3> <p> <img alt="Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο." title="Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο." class="news-block-img pull-right" src="/thumbs/58/41364309.jpg"> ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Περιεχόμενα Τι είναι HTML και CSS; Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο. Βασική δομή της HTML. XML DOCTYPE Τίτλοι, παράγραφοι, επικεφαλίδες Λίστες, σύνδεσμοι, </p> <a href="/41364309-Periehomeno-kai-morfopoiisi-pote-hrisimopoio-to-ena-kai-pote-to-allo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33593406-Shedon-oles-oi-istoselides-vasizontai-se-megalo-vathmo-se-pinakes-gia-na-eisagoyme-enan-pinaka-epilegoyme-apo-to-menoy-insert-table.html">Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.</a> </h3> <p> <img alt="Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table." title="Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table." class="news-block-img pull-right" src="/thumbs/54/33593406.jpg"> DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη </p> <a href="/33593406-Shedon-oles-oi-istoselides-vasizontai-se-megalo-vathmo-se-pinakes-gia-na-eisagoyme-enan-pinaka-epilegoyme-apo-to-menoy-insert-table.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34210720-1-o-gymnasio-thermis-morfopoiiseis-morfopoiiseis-haraktiron-mathima-pliroforiki-a-gymn-enotita-epexergasia-keimenoy.html">1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΧΑΡΑΚΤΗΡΩΝ. Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου</a> </h3> <p> <img alt="1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΧΑΡΑΚΤΗΡΩΝ. Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου" title="1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΧΑΡΑΚΤΗΡΩΝ. Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου" class="news-block-img pull-right" src="/thumbs/54/34210720.jpg"> 1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου ΜΟΡΦΟΠΟΙΗΣΕΙΣ Τα κυριότερα είδη μορφοποιήσεων είναι: Μορφοποιήσεις Χαρακτήρων Μορφοποιήσεις Παραγράφων Οι Μορφοποιήσεις Χαρακτήρων </p> <a href="/34210720-1-o-gymnasio-thermis-morfopoiiseis-morfopoiiseis-haraktiron-mathima-pliroforiki-a-gymn-enotita-epexergasia-keimenoy.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="/35858216-To-apeikonistiko-montelo-morfopoiisis-ton-css.html">Το απεικονιστικό μοντέλο μορφοποίησης των CSS</a> </h3> <p> <img alt="Το απεικονιστικό μοντέλο μορφοποίησης των CSS" title="Το απεικονιστικό μοντέλο μορφοποίησης των CSS" class="news-block-img pull-right" src="/thumbs/55/35858216.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #6 0 : CSS: Χρήση των ιδιοτήτων του κουτιού (box properties). Διάταξη σελίδων Γαβαλάς Δαμιανός dgavalas@aegean.gr Το απεικονιστικό μοντέλο μορφοποίησης των CSS Περιγράφει </p> <a href="/35858216-To-apeikonistiko-montelo-morfopoiisis-ton-css.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="/29541196-Mathima-stoihisi-paragrafon-2-esohes-paragrafon-stohoi.html">ΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:</a> </h3> <p> <img alt="ΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:" title="ΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:" class="news-block-img pull-right" src="/thumbs/52/29541196.jpg"> ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Στοίχιση Παραγράφων 2. Εσοχές Παραγράφων 3. Διάστημα Μεταξύ Γραμμών (Διάστιχο) 4. Απόσταση Μεταξύ Παραγράφων 5. Καθορισμός Στηλοθετών (Tabs) 6. Μετακίνηση Στηλοθετών 7. Διαγραφή Στηλοθετών </p> <a href="/29541196-Mathima-stoihisi-paragrafon-2-esohes-paragrafon-stohoi.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="/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="/4505801-Epexergasia-keimenoy-keimenografos-word.html">ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" title="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" class="news-block-img pull-right" src="/thumbs/25/4505801.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο </p> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.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="/38563386-1-o-ergastirio-syntetagmenes-hromata-shimata.html">1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα</a> </h3> <p> <img alt="1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα" title="1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα" class="news-block-img pull-right" src="/thumbs/56/38563386.jpg"> 1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα 1. Σύστημα Συντεταγμένων Το σύστημα συντεταγμένων που έχουμε συνηθίσει από το σχολείο τοποθετούσε το σημείο (0,0) στο σημείο τομής των δυο αξόνων Χ και Υ. </p> <a href="/38563386-1-o-ergastirio-syntetagmenes-hromata-shimata.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41364163-Html-1-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-d-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">HTML 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="HTML 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="HTML 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/58/41364163.jpg"> HTML 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης </p> <a href="/41364163-Html-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="/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="/35823271-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/55/35823271.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/35823271-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="/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="/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="/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="/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="/31303669-Epexergastis-keimenoy-microsoft-word.html">Επεξεργαστής Κειμένου: (Microsoft Word)</a> </h3> <p> <img alt="Επεξεργαστής Κειμένου: (Microsoft Word)" title="Επεξεργαστής Κειμένου: (Microsoft Word)" class="news-block-img pull-right" src="/thumbs/53/31303669.jpg"> Επεξεργαστής Κειμένου: (Microsoft Word) Στο περιβάλλον εργασίας του επεξεργαστή κειμένου Microsoft Word εκτελούμε τις παρακάτω λειτουργίες: 1) Δημιουργία Νέου Εγγράφου: Η Δημιουργία ενός Νέου Εγγράφου </p> <a href="/31303669-Epexergastis-keimenoy-microsoft-word.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="/35042104-Periehomena-gavalas-damianos.html">Περιεχόμενα. Γαβαλάς Δαμιανός</a> </h3> <p> <img alt="Περιεχόμενα. Γαβαλάς Δαμιανός" title="Περιεχόμενα. Γαβαλάς Δαμιανός" class="news-block-img pull-right" src="/thumbs/54/35042104.jpg"> Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα </p> <a href="/35042104-Periehomena-gavalas-damianos.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="/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="/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="/36672523-Nees-tehnologies-stin-ekpaideysi.html">Νέες Τεχνολογίες στην Εκπαίδευση</a> </h3> <p> <img alt="Νέες Τεχνολογίες στην Εκπαίδευση" title="Νέες Τεχνολογίες στην Εκπαίδευση" class="news-block-img pull-right" src="/thumbs/55/36672523.jpg"> Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Πλαίσια Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται </p> <a href="/36672523-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="/379611-Eisagogi-sto-word-kentriki-othoni-toy-word.html">Εισαγωγή στο Word. Κεντρική οθόνη του Word</a> </h3> <p> <img alt="Εισαγωγή στο Word. Κεντρική οθόνη του Word" title="Εισαγωγή στο Word. Κεντρική οθόνη του Word" class="news-block-img pull-right" src="/thumbs/19/379611.jpg"> Εισαγωγή στο Word Το Word είναι το δημοφιλέστερο πρόγραμμα επεξεργασίας κειμένου. Τα κύρια χαρακτηριστικά του είναι η εύκολη και γρήγορη δημιουργία και επεξεργασία εγγράφων. Κεντρική οθόνη του Word Το </p> <a href="/379611-Eisagogi-sto-word-kentriki-othoni-toy-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34306604-I-glossa-epikalyptomenon-morfopoiiseon-css.html">Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS</a> </h3> <p> <img alt="Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS" title="Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS" class="news-block-img pull-right" src="/thumbs/54/34306604.jpg"> Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας </p> <a href="/34306604-I-glossa-epikalyptomenon-morfopoiiseon-css.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="/10416197-Odigies-keimenografoy-2007.html">ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007" title="ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007" class="news-block-img pull-right" src="/thumbs/27/10416197.jpg"> 1. ΓΡΑΜΜΗ ΜΕΝΟΥ ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007 2. ΓΡΑΜΜΗ ΕΡΓΑΛΕΙΩΝ Κάθε μενού έχει τις δικές της δυνατότητες, όπως για παράδειγμα μόλις πατήσετε το κουμπί κεντρική βγαίνουν τα εικονίδια των δυνατοτήτων που </p> <a href="/10416197-Odigies-keimenografoy-2007.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="/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="/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="/36612781-1-klik-stin-kartela-insert-2-tables-3-klik-table-4-syroyme-to-deikti-toy-pontikioy-kai-epilegoyme-ton-epithymito-arithmo-grammon-kai-stilon.html">1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών</a> </h3> <p> <img alt="1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών" title="1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών" class="news-block-img pull-right" src="/thumbs/55/36612781.jpg"> ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και </p> <a href="/36612781-1-klik-stin-kartela-insert-2-tables-3-klik-table-4-syroyme-to-deikti-toy-pontikioy-kai-epilegoyme-ton-epithymito-arithmo-grammon-kai-stilon.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="/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="/12277523-Emfanisi-kai-krypsimo-stoiheion.html">Εμφάνιση και κρύψιμο στοιχείων</a> </h3> <p> <img alt="Εμφάνιση και κρύψιμο στοιχείων" title="Εμφάνιση και κρύψιμο στοιχείων" class="news-block-img pull-right" src="/thumbs/27/12277523.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #8 0 : Δυναμικά εφέ με χρήση CSS Γαβαλάς Δαμιανός dgavalas@aegean.gr Εμφάνιση και κρύψιμο στοιχείων Χρήση της ιδιότητας display με επιτρεπτές τιμές: none: κρύψιμο του στοιχείου </p> <a href="/12277523-Emfanisi-kai-krypsimo-stoiheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37236240-Allagi-tis-emfanisis-keimenoy-megethos-grammatoseiras-eidos-grammatoseiras.html">Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς</a> </h3> <p> <img alt="Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς" title="Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς" class="news-block-img pull-right" src="/thumbs/55/37236240.jpg"> 3.3.1.1 Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς Γραμματοσειρές Η λέξη γραμματοσειρά αναφέρεται στο στυλ που εμφανίζονται τα γράμματα. Παρακάτω ακολουθούν κάποια παραδείγματα, </p> <a href="/37236240-Allagi-tis-emfanisis-keimenoy-megethos-grammatoseiras-eidos-grammatoseiras.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html">Εργαστήριο Εφαρμοσμένης Πληροφορικής</a> </h3> <p> <img alt="Εργαστήριο Εφαρμοσμένης Πληροφορικής" title="Εργαστήριο Εφαρμοσμένης Πληροφορικής" class="news-block-img pull-right" src="/thumbs/25/4534962.jpg"> Τμήμα Φυσικής - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Εργαστήριο Εφαρμοσμένης Πληροφορικής Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-2: Σύνθεση αναφοράς Σύνθεση Αναφοράς http://eep.physics.auth.gr Τι περιέχει </p> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41364079-Html-1-idaskontes-p-aggelatos-zindros-epiueleia-diafaneion-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">HTML 1. ιδάσκοντες: Π. Αγγελάτος,. Ζήνδρος Επιµέλεια διαφανειών:. Ζήνδρος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="HTML 1. ιδάσκοντες: Π. Αγγελάτος,. Ζήνδρος Επιµέλεια διαφανειών:. Ζήνδρος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="HTML 1. ιδάσκοντες: Π. Αγγελάτος,. Ζήνδρος Επιµέλεια διαφανειών:. Ζήνδρος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/58/41364079.jpg"> HTML 1 ιδάσκοντες: Π. Αγγελάτος,. Ζήνδρος Επιµέλεια διαφανειών:. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισµός περιεχοµένου/µορφοποίησης </p> <a href="/41364079-Html-1-idaskontes-p-aggelatos-zindros-epiueleia-diafaneion-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="/2230565-Shediasuos-kai-anaptyxi-web-site-gia-epiheiriseis.html">Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις</a> </h3> <p> <img alt="Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις" title="Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις" class="news-block-img pull-right" src="/thumbs/24/2230565.jpg"> Α.Τ.Ε.Ι. ΠΑΤΡΑΣ ΠΑΡΑΡΤΗΜΑ ΑΜΑΛΙΑ ΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΗ ΙΟΙΚΗΣΗ ΚΑΙ ΟΙΚΟΝΟΜΙΑ Σηµειώσεις Εργαστηρίου Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις ρ. Χριστοδούλου Σωτήριος 2005-2006 2 </p> <a href="/2230565-Shediasuos-kai-anaptyxi-web-site-gia-epiheiriseis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8690972-Erotiseis-word-2007-2-pos-allazoyme-to-diastiho-mias-paragrafoy-pigainoyme-stin-paragrafo-kai-stin-kentriki-kartela-patame-to-eikonidio-diastiho.html">ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]</a> </h3> <p> <img alt="ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]" title="ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]" class="news-block-img pull-right" src="/thumbs/26/8690972.jpg"> ΕΡΩΤΗΣΕΙΣ WORD 2007 1. Πώς βάζουμε διπλή υπογράμμιση και χρώμα υπογράμμισης; [Επιλέγουμε το κείμενο και στην κεντρική καρτέλα πατάμε στο βελάκι δίπλα στο εικονίδιο της υπογράμμισης] 2. Πώς αλλάζουμε το </p> <a href="/8690972-Erotiseis-word-2007-2-pos-allazoyme-to-diastiho-mias-paragrafoy-pigainoyme-stin-paragrafo-kai-stin-kentriki-kartela-patame-to-eikonidio-diastiho.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1628625-Diadyktiaki-paroysiasi-mias-xenodoheiakis-monadas.html">ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ</a> </h3> <p> <img alt="ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ" title="ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ" class="news-block-img pull-right" src="/thumbs/22/1628625.jpg"> ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΤΜΗΜΑ ΧΡΗΜΑΤΟΟΙΚΟΝΟΜΙΚΗΣ ΚΑΙ ΛΟΓΙΣΤΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ WEB PRESENTATION OF A HOTEL UNIT ΕΠΙΒΛΕΠΩΝ ΚΑΘΗΓΗΤΗΣ:ΚΟΣΣΙΕΡΗ </p> <a href="/1628625-Diadyktiaki-paroysiasi-mias-xenodoheiakis-monadas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35042657-Periehomena-periehomena-v.html">Περιεχόμενα. Περιεχόμενα...v</a> </h3> <p> <img alt="Περιεχόμενα. Περιεχόμενα...v" title="Περιεχόμενα. Περιεχόμενα...v" class="news-block-img pull-right" src="/thumbs/54/35042657.jpg"> Περιεχόμενα Περιεχόμενα...v Κεφάλαιο 1: Ρυθμίσεις γραμμών εργαλείων και μενού...1 Κεφάλαιο 2: Διαχείριση παραθύρων και προβολές...18 Κεφάλαιο 3: Εύρεση, αντικατάσταση, και μετάβαση σε συγκεκριμένο στοιχείο...35 </p> <a href="/35042657-Periehomena-periehomena-v.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="/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="/39740368-Eisagogi-stin-epistimi-ton-ypologiston.html">Εισαγωγή στην επιστήμη των υπολογιστών</a> </h3> <p> <img alt="Εισαγωγή στην επιστήμη των υπολογιστών" title="Εισαγωγή στην επιστήμη των υπολογιστών" class="news-block-img pull-right" src="/thumbs/56/39740368.jpg"> Εισαγωγή στην επιστήμη των υπολογιστών Λογισμικό Υπολογιστών Γλώσσες Προγραμματισμού 1 Εξέλιξη Οι γλώσσες προγραμματισμού είναι σύνολα από προκαθορισμένες λέξεις οι οποίες συνδυάζονται σε προγράμματα σύμφωνα </p> <a href="/39740368-Eisagogi-stin-epistimi-ton-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2571983-O-epexergastis-keimenoy-word-2007.html">Ο επεξεργαστής κειμένου Word 2007</a> </h3> <p> <img alt="Ο επεξεργαστής κειμένου Word 2007" title="Ο επεξεργαστής κειμένου Word 2007" class="news-block-img pull-right" src="/thumbs/24/2571983.jpg"> Ο επεξεργαστής κειμένου Word 2007 Κουμπί Office Γραμμή εργαλείων γρήγορης πρόσβασης Καρτέλες Κορδέλα Ομάδες Γραμμή κατάστασης Ρυθμιστικό ζουμ Όταν ανοίγουμε το Word, ανοίγει αυτόματα ένα νέο έγγραφο. (Στο </p> <a href="/2571983-O-epexergastis-keimenoy-word-2007.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="/248134-Hrisimes-kai-syntomes-odigies-gia-ti-hrisi-toy-word-se-epistimonika-keimena.html">Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα</a> </h3> <p> <img alt="Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα" title="Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα" class="news-block-img pull-right" src="/thumbs/19/248134.jpg"> Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα Αν και χρησιμοποιούμε πάνω από είκοσι χρόνια επεξεργαστές κειμένου (ας θυμηθούμε τα πρωτοπόρα Wordstar και WordPerfect) πολλοί </p> <a href="/248134-Hrisimes-kai-syntomes-odigies-gia-ti-hrisi-toy-word-se-epistimonika-keimena.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="/39035250-Apantisi-o-tonos-vrisketai-dexia-apo-to-gramma-l-apantisi-kratame-patimeno-to-pliktro-shift-kai-patame-to-pliktro-8.html">( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )</a> </h3> <p> <img alt="( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )" title="( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )" class="news-block-img pull-right" src="/thumbs/56/39035250.jpg"> 1 Επεξεργασία Κειμένου OpenOffice writer Απόσπασμα Μάθημα: Γλώσσα, Τάξη: Δ Ενότητα 2: «Ρώτα το νερό τι τρέχει» Θυμόμαστε: Ποιο πλήκτρο είναι ο τόνος; ( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. </p> <a href="/39035250-Apantisi-o-tonos-vrisketai-dexia-apo-to-gramma-l-apantisi-kratame-patimeno-to-pliktro-shift-kai-patame-to-pliktro-8.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="/3751613-Dimioyrgontas-mia-efarmogi-zografikis-2-i-ergasia.html">Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία</a> </h3> <p> <img alt="Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία" title="Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία" class="news-block-img pull-right" src="/thumbs/24/3751613.jpg"> Δημιουργώντας μια εφαρμογή ζωγραφικής 2 η Εργασία Απαιτήσεις 1. Σύνδεση στο Διαδίκτυο (διότι οι εφαρμογές δημιουργούνται online) 2. Εγκατεστημένος ο Browser Google Chrome 3. Υπαρκτός λογαριασμός Gmail </p> <a href="/3751613-Dimioyrgontas-mia-efarmogi-zografikis-2-i-ergasia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37118728-Elliniki-dimokratia-tehnologiko-ekpaideytiko-idryma-ionion-nison-parartima-leykadas-tmima-dioikisis-epiheiriseon-titlos-ergasias.html">ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΙΟΝΙΩΝ ΝΗΣΩΝ ΠΑΡΑΡΤΗΜΑ ΛΕΥΚΑΔΑΣ ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ</a> </h3> <p> <img alt="ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΙΟΝΙΩΝ ΝΗΣΩΝ ΠΑΡΑΡΤΗΜΑ ΛΕΥΚΑΔΑΣ ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ" title="ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΙΟΝΙΩΝ ΝΗΣΩΝ ΠΑΡΑΡΤΗΜΑ ΛΕΥΚΑΔΑΣ ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ" class="news-block-img pull-right" src="/thumbs/55/37118728.jpg"> ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΙΟΝΙΩΝ ΝΗΣΩΝ ΠΑΡΑΡΤΗΜΑ ΛΕΥΚΑΔΑΣ ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ ΕΡΓΑΣΙΑ ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΟΝΟΜΑ ΜΑΘΗΜΑΤΟΣ ΕΚΠΟΝΗΘΗΚΕ ΑΠΟ ΤΟΝ/ΤΗΝ/ΤΟΥΣ ΟΝΟΜΑΤΕΠΩΝΥΜΟ </p> <a href="/37118728-Elliniki-dimokratia-tehnologiko-ekpaideytiko-idryma-ionion-nison-parartima-leykadas-tmima-dioikisis-epiheiriseon-titlos-ergasias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35662267-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/55/35662267.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/35662267-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="/30447964-Dimioyrgia-enos-kenoy-pinaka.html">Δημιουργία ενός κενού πίνακα</a> </h3> <p> <img alt="Δημιουργία ενός κενού πίνακα" title="Δημιουργία ενός κενού πίνακα" class="news-block-img pull-right" src="/thumbs/52/30447964.jpg"> 3.4.1.1 Δημιουργία ενός κενού πίνακα Ένας πίνακας αποτελείται από έναν αριθμό γραμμών και στηλών που δημιουργούν ένα πλέγμα. Σε αυτό το πλέγμα είναι πιθανή η ύπαρξη ή μη περιθωρίων. Κάθε κελί του πίνακα </p> <a href="/30447964-Dimioyrgia-enos-kenoy-pinaka.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="/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="/103348-Oi-3-pio-agapimenes-moy-tainies-fainontai-ston-pinaka-poy-akoloythei.html">Oι 3 πιο αγαπημένες μου ταινίες φαίνονται στον πίνακα που ακολουθεί:</a> </h3> <p> <img alt="Oι 3 πιο αγαπημένες μου ταινίες φαίνονται στον πίνακα που ακολουθεί:" title="Oι 3 πιο αγαπημένες μου ταινίες φαίνονται στον πίνακα που ακολουθεί:" class="news-block-img pull-right" src="/thumbs/17/103348.jpg"> d Road to Perdition Αναμφισβήτητα μια από τις πιο αναμενόμενες ταινίες του φετινού χειμώνα, και για πολλούς λόγους. Πρώτον, ο βραβευμένος με Oscar για την σκηνοθεσία του στο American Beauty, Sam Mentes </p> <a href="/103348-Oi-3-pio-agapimenes-moy-tainies-fainontai-ston-pinaka-poy-akoloythei.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/f3080/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>