Σχεδιασμός και Ανάπτυξη Ιστότοπων
|
|
- Λαδων Θεοδοσίου
- 7 χρόνια πριν
- Προβολές:
Transcript
1 Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML: Λίστες Παρουσίαση 8 η 1 Βελώνης Γεώργιος Καθηγητής
2 Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις ετικέτες στον κώδικά σας. Deprecated tags: Αντικαταστήστε αυτές τις ετικέτες πριν καταστούν παρωχημένες. Αυτό γίνεται για να εξασφαλιστεί η μελλοντική συμβατότητα. Restored/ Redefined tags in HTML5: Αναθεωρήστε αυτές τις ετικέτες στον κώδικά σας, όπως καθορίστηκαν στην HTML5 και ως εκ τούτου έχουν νέες έννοιες. 2
3 Σημασία συμβόλων HTML5 tags: ιδιότητα reversed Obsolete tags: ιδιότητα compact (<ol>) Deprecated tags: ιδιότητα type (<ul>) Restored/ Redefined tags in HTML5: <dl>, <dt>, <dt> 3
4 Χρήσιμοι Ορισμοί Deprecated και Obsolete Deprecated καλείται ένα στοιχείο ή παράμετρος που θεωρείται ξεπερασμένο. Τα deprecated στοιχεία μπορεί να καταστούν άνευ αντικειμένου στο μέλλον, αλλά οι browsers θα πρέπει να συνεχίσουν να τα υποστηρίζουν για λόγους συμβατότητας με παλαιότερες εκδόσεις. Obsolete καλείται ένα στοιχείο ή χαρακτηριστικό που δεν έχει καμία εγγύηση για τη μελλοντική του από τους browsers υποστήριξη και πλέον δεν ορίζεται στην προδιαγραφή W3C. 4
5 Βελώνης Γεώργιος - Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google Chrome 52.0 Mozilla FireFox 48.0 Yandex 16.7 Internet Explorer 11.0 Safari Opera
6 Περιεχόμενα Λίστες Αριθμημένες λίστες (ordered lists) Μη αριθμημένες λίστες (unordered lists) Λίστες ορισμών (description lists) Ένθετες λίστες (nested lists) 6
7 Λίστες Ένα από τα πιο κοινά στοιχεία που συναντάται σε ένα HTML έγγραφο είναι οι λίστες (ή κατάλογοι), οι οποίες χωρίζονται στις αριθμημένες (ή διατεταγμένες), στις μη αριθμημένες (ή μη διατεταγμένες) και στις λίστες ορισμών. Οι λίστες μπορούν να παρουσιάσουν ομάδες από πληροφορίες σε πιο ευανάγνωστη μορφή, εισάγοντας οδηγίες, πίνακες περιεχομένων και γενικά στοιχεία που πρέπει να μπουν σε μια σειρά. 7
8 Αριθμημένες λίστες (ordered lists) Οι αριθμημένες λίστες παρουσιάζουν τα στοιχεία ενός καταλόγου με αύξουσα ή φθίνουσα αριθμητική σειρά. Μία αριθμημένη λίστα ορίζεται με την ετικέτα <ol> και κάθε στοιχείο της λίστας ορίζεται με την ετικέτα <li>. Δομή αριθμημένης λίστας: <ol> <!-- Ετικέτα έναρξης αριθμημένης λίστας --> <li> Στοιχείο λίστας</li> <!-- 1ο στοιχείο λίστας --> <li> Στοιχείο λίστας</li> <!-- 2ο στοιχείο λίστας -->.. <li> Στοιχείο λίστας</li> <!-- Τελευταίο στοιχείο λίστας --> </ol> <!-- Ετικέτα τέλους αριθμημένης λίστας --> 8
9 Αριθμημένες λίστες (ordered lists) Οι ετικέτα <ol> παίρνει τρεις παραμέτρους, την type, τη start και τη reversed. Σύνταξη: <ol type="τιμή" start="τιμή" reversed="reversed"> Η ιδιότητα type δηλώνει το είδος της αριθμητικής λίστας και παίρνει μία από τις παρακάτω τιμές: "1": Προεπιλογή. Τα στοιχεία της λίστας θα αριθμούνται με αριθμούς στο δεκαδικό σύστημα αρίθμησης (1,2, κ.λπ.). "A": Τα στοιχεία της λίστας θα αριθμούνται με κεφαλαία γράμματα. "a": Τα στοιχεία της λίστας θα αριθμούνται με πεζά γράμματα. "I": Τα στοιχεία της λίστας θα αριθμούνται με κεφαλαίους ρωμαϊκούς αριθμούς. "i": Τα στοιχεία της λίστας θα αριθμούνται με πεζούς ρωμαϊκούς αριθμούς. 9
10 Αριθμημένες λίστες (ordered lists) Σύνταξη CSS: <οl style="list-style-type:decimal upper-alpha lower-alpha upper-roman lower-roman"> Η ιδιότητα list-style-type δηλώνει το είδος της αριθμητικής λίστας και παίρνει μία από τις παρακάτω τιμές: decimal: Προεπιλογή. Τα στοιχεία της λίστας θα αριθμούνται με αριθμούς στο δεκαδικό. upper-alpha: Χρήση κεφαλαίων γραμμάτων. lower-alpha: Χρήση πεζών γραμμάτων. upper-roman: Ρωμαϊκά κεφαλαία νούμερα. lower-roman: Ρωμαϊκά πεζά νούμερα. 10 Σημείωση: Τα CSS θα παρουσιαστούν αναλυτικά σε επόμενα μαθήματα
11 Αριθμημένες λίστες (ordered lists) Η ιδιότητα start ορίζει την τιμή έναρξης της αρίθμησης και ανεξάρτητα από την τιμή της ιδιότητας type είναι πάντοτε ένας αριθμός (αν δε δηλωθεί είναι το 1). Η ιδιότητα reversed της HTML5, ορίζει τη σειρά της λίστας σε φθίνουσα αρίθμηση (6,5,...) αλλά δεν υποστηρίζεται από τους browsers Safari και IE. Παράδειγμα: <body> <h2>λίστα φρούτων</h2> <ol> <li>πορτοκάλι</li> <li>μανταρίνι</li> <li>μήλο</li> </ol> </body> reversed 11
12 Αριθμημένες λίστες (ordered lists) Παράδειγμα: <body> <h2>λίστα φρούτων</h2> <ol type="i" reversed="reversed"> <li>πορτοκάλι</li> <li>μανταρίνι</li> <li>μήλο</li> </ol> </body> ή <ol style="list-style-type:lower-roman"> 12
13 Αριθμημένες λίστες (ordered lists) Στις αρχικές εκδόσεις της HTML η ετικέτα <ol> υποστήριζε και την ιδιότητα compact, ή οποία όριζε ότι ο κατάλογος θα πρέπει να παρουσιάζεται μικρότερος από το κανονικό, με τη μείωση του διαστήματος μεταξύ των γραμμών και την εσοχή της λίστας. Η ιδιότητα αυτή δεν υποστηρίζεται από την HTML5 και από κανέναν από τους γνωστότερους browsers και στη θέση της χρησιμοποιούνται CSS. Σύνταξη: <ol compact="compact "> Σύνταξη CSS: <ol style="line-height: 80%"> 13 compact
14 Μη αριθμημένες λίστες (unordered lists) Οι μη αριθμημένες λίστες χρησιμοποιούνται για την παρουσίαση των στοιχείων τους, όταν αυτά δεν είναι απαραίτητο να είναι ταξινομημένα με κάποια σειρά. Μία μη αριθμημένη λίστα ορίζεται με την ετικέτα <ul> και κάθε στοιχείο της λίστας ορίζεται επίσης με την ετικέτα <li>. Δομή μη αριθμημένης λίστας: <ul> <!-- Ετικέτα έναρξης μη αριθμημένης λίστας --> <li> Στοιχείο λίστας</li> <!-- 1ο στοιχείο λίστας --> <li> Στοιχείο λίστας</li> <!-- 2ο στοιχείο λίστας -->.. <li> Στοιχείο λίστας</li> <!-- Τελευταίο στοιχείο λίστας --> </ul> <!-- Ετικέτα τέλους μη αριθμημένης λίστας --> 14
15 Μη αριθμημένες λίστες (unordered lists) Οι ετικέτα <ul> παίρνει μία μόνο παράμετρο, την ιδιότητα type, η οποία ορίζει το είδος του συμβόλου αλλά δεν υποστηρίζεται από την HTML5 και στη θέση της χρησιμοποιούνται CSS. Σύνταξη: <ul type="disc circle square none"> ή <li type="disc circle square none"> Σύνταξη CSS: <ul style="list-style-type:disc circle square none"> Τιμές της ιδιότητας type: disc: Προεπιλογή. Ένα γεμάτο κύκλο. circle: Ένα άδειο κύκλο. square: Ένα γεμάτο τετράγωνο. none: Καμία κουκίδα. 15
16 Μη αριθμημένες λίστες (unordered lists) Παράδειγμα: <body> <h2>λίστα φρούτων</h2> <ul type="square"> <li>πορτοκάλι</li> <li>μανταρίνι</li> <li>μήλο</li> </ul> </body> ή <ul style="list-style-type:square"> 16
17 Μη αριθμημένες λίστες (unordered lists) Παράδειγμα: <body> <h2>λίστα φρούτων</h2> <ul type="square"> <li>πορτοκάλι</li> <li type="circle">μανταρίνι</li> <li type="disc">μήλο</li> </ul> </body> ή <ul style="list-style-type:square"> 17
18 Λίστες ορισμών (description lists) Οι λίστες ορισμών, όπως φαίνεται και από την ονομασία τους, χρησιμοποιούνται για την παρουσίαση σε ιστοσελίδες ορισμών και των επεξηγήσεων τους. Για το λόγο αυτό ονομάζονται και ερμηνευτικοί κατάλογοι. Η δομή που έχει μια λίστα ορισμών είναι η εξής: <dl> <!-- Tag έναρξης λίστας ορμών --> <dt>όρος που θα επεξηγηθεί</dt> <!-- Tag όρου προς επεξήγηση--> <dd>επεξήγηση όρου</dd> <!-- Tag επεξήγησης --> <dt>όρος που θα επεξηγηθεί</dt> <!-- Tag όρου προς επεξήγηση--> <dd>επεξήγηση όρου</dd> <!-- Tagεπεξήγησης -->.. <dt>όρος που θα επεξηγηθεί</dt> <!-- Tag όρου προς επεξήγηση--> <dd>επεξήγηση όρου</dd> <!-- Tag επεξήγησης --> </dl> <! Tag λήξης λίστας ορμών --> 18
19 Λίστες ορισμών (description lists) Στην HTML 4.01, η ετικέτα <dl> ορίζει μια λίστα ορισμών, ενώ στην HTML 5 ορίζει μια λίστα περιγραφής. Ομοίως αλλάζει και η σημασία των ετικετών <dt> και <dd> που χρησιμοποιούνται σε συνδυασμό με την ετικέτα <dl>. Πιο συγκεκριμένα, η ετικέτα <dt> ορίζει έναν όρο/όνομα σε μια λίστα περιγραφής, ενώ η ετικέτα <dd> περιγράφει έναν όρο/όνομα σε μια λίστα περιγραφής. Μέσα σε μία ετικέτα <dd> μπορούν να μπούνε παράγραφοι, αλλαγές γραμμής, εικόνες, σύνδεσμοι, πίνακες, λίστες, κ.λπ. 19
20 Λίστες ορισμών (description lists) Παράδειγμα: <body> <dl> <dt>συσκευές εισόδου</dt> <dd>πληκτρολόγιο</dd> <dd>σαρωτής</dd> <dt>συσκευές εξόδου</dt> <dd>οθόνη</dd> <dd>εκτυπωτής</dd> </dl> </body> 20
21 Ένθετες λίστες (nested lists) Οι αριθμημένες και οι μη αριθμημένες λίστες, μπορούν να έχουν διαφορετικά επίπεδα. Η κάθε μία, μπορεί να κάνει υποεπίπεδα μέσα στη λίστα, με άλλες λίστες. Τα επίπεδα της λίστας δεν είναι ανάγκη να σχηματίζονται από λίστες του ιδίου τύπου. Μπορούν δηλαδή να δημιουργηθούν συνδυασμοί αριθμημένων με μη αριθμημένων λιστών. Το μείζον θέμα είναι η επαλήθευση της κάθε λίστας ώστε να τελειώνει σωστά και να είναι σωστή η ένωση. Ένθετες λίστες 21
22 Ένθετες λίστες (nested lists) Παράδειγμα: <body> <ul> <li>συσκευές εισόδου</li> <ul> <li>πληκτρολόγιο</li> <li>σαρωτής</li> </ul> <li>συσκευές εξόδου</li> <ul> <li>πληκτρολόγιο</li> <li>σαρωτής</li> </ul> </ul> </body> 22
23 Ένθετες λίστες (nested lists) Παράδειγμα: <body> <ol> <li>συσκευές εισόδου</li> <ol> <li>πληκτρολόγιο</li> <li>σαρωτής</li> </ol> <li>συσκευές εξόδου</li> <ol> <li>πληκτρολόγιο</li> <li>σαρωτής</li> </ol> </ol> </body> 23
24 Ένθετες λίστες (nested lists) Παράδειγμα: <body> <ol> <li>συσκευές εισόδου</li> <ul> <li>πληκτρολόγιο</li> <li>σαρωτής</li> </ul> <li>συσκευές εξόδου</li> <ul> <li>πληκτρολόγιο</li> <li>σαρωτής</li> </ul> </ol> </body> 24
25 Πηγές Προγραμματιστικά Εργαλεία για το Διαδίκτυο: Σχολικό βιβλίο W3schools ( E-Learning-education.gr ( Πανεπιστήμιο Μακεδονίας Γράφοντας HTML/Λίστες ( 25
Σχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Καθορισμός Χρωμάτων και Γραμματοσειρών σε μια ιστοσελίδα Παρουσίαση 7 η Βελώνης Γεώργιος Καθηγητής 1 Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις
Διαβάστε περισσότεραΠαρουσίαση και μορφοποίηση κειμένου
HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Λίστες Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags Obsolete tags: Μην αφήνετε αυτές τις ετικέτες
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Διαβάστε περισσότεραΆσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει
Διαβάστε περισσότεραιαχείριση Πληροφοριών στο ιαδίκτυο
ιαχείριση Πληροφοριών στο ιαδίκτυο Εργαστήριο (Φυλλάδιο 4) ΤΕΙ Καβάλας - Σχολή ιοίκησης & Οικονοµίας Τµήµα ιαχείρισης Πληροφοριών ιδάσκων: Μαρδύρης Βασίλειος, ιπλ. Ηλ. Μηχανικός & Μηχ. Υπολογιστών, MSc
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML
ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις
Διαβάστε περισσότεραΗ λίστα <ol> (ordered list)
Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι
Διαβάστε περισσότεραHTML Εργαστήριο 1.1 Μάθημα (Ορισμός εικόνας ως φόντου - Μορφοποιήσεις κειμένου Λίστες)
HTML Εργαστήριο 1.1 Μάθημα (Ορισμός εικόνας ως φόντου - Μορφοποιήσεις κειμένου Λίστες) Ορισμός εικόνας ως φόντου 1. Για να ορίσουμε σαν φόντο μια εικόνα, θα πρέπει να βάλουμε την εικόνα στον ίδιο φάκελο
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML
Μη Αριθµηµένες λίστες (Unordered list) Μη αριθµηµένες λίστες (unordered list) .. όπου τύπος κουκκίδας µπορεί να είναι : disk, square,. Παράδειγµα 16 Μη Αριθµηµένες λίστες
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML Σύνδεσμοι (Links) Παρουσίαση 10 η 1 Βελώνης Γεώργιος Καθηγητής Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην
Διαβάστε περισσότεραΔιαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 4
Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 4 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ.
Διαβάστε περισσότεραΚαςάλξγξι ρε γλώρρα HTML Χοιρςίμα Χαοαλάμπξσπ xaralampous@yahoo.gr
Καςάλξγξι ρε γλώρρα HTML Χοιρςίμα Χαοαλάμπξσπ xaralampous@yahoo.gr Πεοίληψη Στην παρούσα εργασία κατατίθεται μία πρόταση Διδακτικού Σεναρίου, για συγκεκριμένη ενότητα του μαθήματος Προγραμματιστικά εργαλεία
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML Εισαγωγή γραφικών και εικόνων Παρουσίαση 9 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις ετικέτες στον κώδικά σας.
Διαβάστε περισσότεραΣταύρος Καουκάκης Ευτύχιος Βαβουράκης
ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 1 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 1 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ 1. ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ HTML ΣΕΛΙΔΩΝ Ας δούμε τι συμβαίνει όταν «μπαίνουμε» στο internet και επισκεπτόμαστε μια ιστοσελίδα. Για να μπούμε στο
Διαβάστε περισσότεραΗ γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Διαβάστε περισσότερα<HTML> <HEAD> <TITLE> <BODY>
ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες
Διαβάστε περισσότεραΠρογραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
Διαβάστε περισσότεραHTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:
HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι,
Διαβάστε περισσότεραΕισαγωγή στην HTML (1)
Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα
Διαβάστε περισσότεραΣε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό
Διαβάστε περισσότεραΤι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);
Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και
Διαβάστε περισσότεραCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Διαβάστε περισσότεραΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ Δρ. Κουζαπάς Δημήτριος Πανεπιστήμιο Κύπρου - Τμήμα Πληροφορικής Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Στόχος της ώρας
Διαβάστε περισσότεραΕργαλεία ανάπτυξης εφαρμογών internet Ι
IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται
Διαβάστε περισσότεραΣπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface
Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background
Διαβάστε περισσότεραΜάθηµα 3 Περ ε ισ ι σότ ό ε τ ρ ε α α γ ια ι α τ η τ η γ λώσ ώ σα α HTML
Μάθηµα 3 Περισσότερα για τη γλώσσα Περισσότερα για τη γλώσσα HTML Περιεχόµενα Επικεφαλίδες (Headings) Παράγραφοι Λίστες Μορφοποίηση κειµένου Σύνδεσµοι Επικεφαλίδες (Headings) Οι επικεφαλίδες επιτελούν
Διαβάστε περισσότεραΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή
Διαβάστε περισσότεραΣταύρος Καουκάκης Ευτύχιος Βαβουράκης
ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες
Διαβάστε περισσότερα11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες
11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς
Διαβάστε περισσότεραΕισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Διαβάστε περισσότεραΕισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος
Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές
Διαβάστε περισσότερα<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραΆσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
Διαβάστε περισσότεραΕγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Διευθυντή Σχολής ΤΕΙ ΑΘΗΝΑΣ 2014
Εγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Διευθυντή Σχολής ΤΕΙ ΑΘΗΝΑΣ 2014 Ο ψηφοφόρος λαμβάνει στην ηλεκτρονική του διεύθυνση μήνυμα όπως το παρακάτω με το οποίο καλείται να ψηφίσει. Το μήνυμα
Διαβάστε περισσότεραHyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας
Διαβάστε περισσότεραΙΔΡΥΜΑΤΙΚΟ ΑΠΟΘΕΤΗΡΙΟ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ
ΙΔΡΥΜΑΤΙΚΟ ΑΠΟΘΕΤΗΡΙΟ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ EPrints Γενικές οδηγίες ΤΕΙ Δυτικής Μακεδονίας Είσοδος στο σύστημα 1. Ανοίγουμε ένα γνωστό φυλλομετρητή (browser) όπως Mozilla Firefox, Chrome, Internet Explorer,
Διαβάστε περισσότεραΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ. Παγκόσμιος Ιστός
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς μπορεί να μας διευκολύνει στις δραστηριότητές μας. Να περιγράψουμε
Διαβάστε περισσότεραCSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ. Παγκόσμιος Ιστός
ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς μπορεί να μας διευκολύνει στις δραστηριότητές μας. Να περιγράψουμε σύντομα την
Διαβάστε περισσότεραΕισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια
Εισαγωγή στην Επιστήμη Υπολογιστών Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML Τί θα δούμε.. Τί είναι η HTML. Σε τί χρησιμεύει. Εκδόσεις. Tags, elements, attributes
Διαβάστε περισσότεραΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ
ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ Σελίδα 1 Εισαγωγή στην πλατφόρμα Προκειμένου να μπορέσετε να εισέλθετε στην πλατφόρμα θα πρέπει να χρησιμοποιήσετε κάποιον browser (Google Chrome, Mozilla Firefox, Internet
Διαβάστε περισσότεραΕΠΛ 012. Υπερκείµενα
ΕΠΛ 012 Υπερκείµενα Hypertext Τι είναι το Υπερκείµενο Ένα κείµενο τύπου «Υπερκείµενο» (Hypertext) περιέχει ετικέτες που ονοµάζονται Links (σύνδεσµοι). Χρησιµεύουν: Μεταπήδηση σε άλλο σηµείο της ιστοσελίδας
Διαβάστε περισσότεραΑ Π Ο Φ Α Σ Ι Ζ Ο Υ Μ Ε
ΕΛΛΗΝΙΚΗ ΗΜΟΚΡΑΤΙΑ ΑΝΑΡΤΗΤΕΑ ΣΤΟ ΙΑ ΙΚΤΥΟ Α Α: ΕΛΛΗΝΙΚΗ ΣΤΑΤΙΣΤΙΚΗ ΑΡΧΗ (ΕΛΣΤΑΤ) Πειραιάς, 3 Οκτωβρίου 2013 ΓΕΝΙΚΗ ΙΕΥΘΥΝΣΗ ΙΟΙΚΗΣΗΣ & ΟΡΓΑΝΩΣΗΣ ΙΕΥΘΥΝΣΗ ΟΙΚΟΝΟΜΙΚΗΣ ΙΟΙΚΗΣΗΣ Αριθ. πρωτ.: 9172 / A2-3659
Διαβάστε περισσότεραΕισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Διαβάστε περισσότεραΗ ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS
Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας
Διαβάστε περισσότεραΠεριεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαβάστε περισσότεραΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ
ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ 1. Για να χρησιμοποιήσετε το σύστημα τηλεκατάρτισης θα πρέπει να διαθέτετε: ένα Η/Υ με εγκατεστημένο ένα internet browser (λ.χ. Internet Explorer, Mozilla Firefox,
Διαβάστε περισσότεραΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)
ΕΠΛ 012 ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) Διδάσκων Καθηγητής: Δημήτριος Τσουμάκος Εαρινό Εξάμηνο 2010 Βασικές Πληροφορίες Πότε: Δευτέρα & Πέμπτη 10:30-12μμ Πού: ΧΩΔ01
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΜάθημα 1 > Δομή HTML. html head body
Μάθημα 1 > Δομή HTML Αυτός είναι ο κώδικας από το προηγούμενο παράδειγμα: hello world! Hello world! Αυτή η σελίδα εμφανίζει απλά το μήνυμα Hello world! στο πρόγραμμα περιήγησής σας.
Διαβάστε περισσότεραΚεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013
Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει
Διαβάστε περισσότεραHTML 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
HTML 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραΣχεδίαση ιστοσελίδων
Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές
Διαβάστε περισσότεραΔΙΩΝΗ Οδηγίες κατάθεσης τεκμηρίων στο ψηφιακό αποθετήριο του Πανεπιστημίου Πειραιά. Elidoc Systems & Services
ΔΙΩΝΗ Οδηγίες κατάθεσης τεκμηρίων στο ψηφιακό αποθετήριο του Πανεπιστημίου Πειραιά Elidoc Systems & Services 1 Σελίδα Περιεχόμενα 1. Είσοδος στο σύστημα... 3 2. Εισαγωγή τεκμηρίου στο σύστημα... 5 3. Συμπλήρωση
Διαβάστε περισσότεραΘέματα Προγραμματισμού Διαδικτύου ~ CSS ~
Θέματα Προγραμματισμού Διαδικτύου ~ CSS ~ Στελιος Σφακιανάκης Εαρινό 2019 Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού - Μη Εμπορική Χρήση - Παρόμοια Διανομή 1 Εισαγωγή στο CSS
Διαβάστε περισσότεραΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ
ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ 1. Για να χρησιμοποιήσετε το σύστημα τηλεκατάρτισης θα πρέπει να διαθέτετε: ένα Η/Υ με εγκατεστημένο ένα internet browser (λ.χ. Internet Explorer, Mozilla Firefox,
Διαβάστε περισσότερα2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>
ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά
Διαβάστε περισσότεραΕξειδικευμένο λογισμικό Office
Εξειδικευμένο λογισμικό Office Να καλύπτει πλήρως ή σε ένα μεγάλο βαθμό τις απαιτήσεις του χρήστη Να είναι αξιόπιστη Να είναι εύχρηστη Να προσαρμόζεται στις ανάγκες του χρήστη Να μην έχει μεγάλο κόστος
Διαβάστε περισσότεραΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...
ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση
Διαβάστε περισσότεραΠρογραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
Διαβάστε περισσότεραHTML HTML5...CSS
CSS3 HTML5 7... CSS3 HTML5 :... HTML5...... HTML5... CSS3...CSS3...HTML5 HTML5 :...The HTML5 Herald... HTML5...HTML5......The HTML5 Herald HTML5 :......... HTML5...HTML HTML5 ... HTML5 :...HTML... HTML5...
Διαβάστε περισσότεραΕπαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Διαβάστε περισσότεραΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA
ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA Καλωσορίσατε στην πλατφόρμα ηλεκτρονικής μάθησης E-Agiografia, Η Media Suite έχει αναπτύξει το Ολοκληρωμένο Σύστημα Τηλεκατάρτισης (e-learning) με την επωνυμία
Διαβάστε περισσότεραHTML Εργαστήριο 4. Εισαγωγή βίντεο και ήχου
HTML Εργαστήριο 4. Εισαγωγή βίντεο και ήχου HTML5 Εισαγωγή video Η HTML 5, το νέο πρότυπο για την HTML, υποστηρίζει την εισαγωγή βίντεο και ήχου χωρίς να απαιτείται κάποιο πρόσθετο πρόγραμμα, όπως για
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης
Διαβάστε περισσότεραΠρογραμματισμός Διαδικτύου ΕΡΓΑΣΤΗΡΙΟ. Τμ. ΔΕ- Χειμ
Προγραμματισμός Διαδικτύου ΕΡΓΑΣΤΗΡΙΟ Τμ. ΔΕ- Χειμ. 2014-15 Έμφαση 2 : Δίνει έμφαση σε ένα τμήμα κειμένου (emphasis) : Δίνει ιδιαίτερη έμφαση σε ένα τμήμα κειμένου (strong emphasis) Συνηθίζεται
Διαβάστε περισσότεραΕφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8
Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript
Διαβάστε περισσότεραFragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex)
Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex) Π3.4: Website Έκδοση 0.1 R-2015-12 Νοέμβριος- 2015 . 2 ΠΙΝΑΚΑΣ ΙΣΤΟΡΙΚΟΥ ΕΚΔΟΣΗ ΗΜΕΡΟΜΗΝΙΑ
Διαβάστε περισσότεραΗΛΕΚΤΡΟΝΙΚΟ ΣΥΣΤΗΜΑ ΥΠΟΒΟΛΗΣ ΜΗΧΑΝΟΓΡΑΦΙΚΟΥ ΔΕΛΤΙΟΥ
ΗΛΕΚΤΡΟΝΙΚΟ ΣΥΣΤΗΜΑ ΥΠΟΒΟΛΗΣ ΜΗΧΑΝΟΓΡΑΦΙΚΟΥ ΔΕΛΤΙΟΥ ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΥΠΟΨΗΦΙΟΥ ΕΠΑΛ Α Έκδοση 1.0, Ιούνιος 2011 ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΛΙΣΤΑ ΣΧΗΜΑΤΩΝ ΠΙΝΑΚΑΣ
Διαβάστε περισσότερα, α/α: 1. Εξόδου» Παιδείας
ΤΙΤΛΟΣ ΠΡΑΞΗΣ: «ΑΝΟΙΚΤΑΑ ΨΗΦΙΑΚΑ ΜΑΘΗΜΑΤΑ ΣΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ»», ΚΩΔΙΚΟΣ MIS: 3746644 ΤΙΤΛΟΣ ΥΠΟΕΡΓΟΥ: «ΑΝΑΠΤΥΞΗ ΨΗΦΙΑΚΩΝ ΜΑΘΗΜΑΤΩΝ, ΥΠΟΣΤΗΡΙΞΗ ΙΔΡΥΜΑΤΙΚΗΣ ΠΛΑΤΦΟΡΜΑΣ ΚΑΙ ΑΛΛΕΣ ΔΡΑΣΕΙΣ»,, α/α:
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων Κατασκευή Ιστοσελίδων Παρουσίαση 3 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Οργάνωση Ιστοσελίδων Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Χαρακτηριστικά της HTML
Διαβάστε περισσότερα7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
Διαβάστε περισσότεραΤηλεδιάσκεψη μέσω της υπηρεσίας e:presence. Σύνδεση στην Υπηρεσία e:presence
Τηλεδιάσκεψη μέσω της υπηρεσίας e:presence Σύνδεση στην Υπηρεσία e:presence Η χρήση της υπηρεσίας e:presence είναι δυνατή μέσω browser ή μέσω της εφαρμογής Vidyo Desktop Client. Προς διευκόλυνσή σας, προτείνουμε
Διαβάστε περισσότεραΟδηγός πλατφόρμας e-learning
Περιεχόμενα 1ΓΕΝΙΚΑ... 3 2 ΑΠΑΡΑΙΤΗΤΟ ΛΟΓΙΣΜΙΚΟ... 3 3 ΕΙΣΟΔΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ elearning... 3 4 ΠΛΟΗΓΗΣΗ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ elearning... 6 5 ΟΡΓΑΝΩΣΗ ΤΗΣ ΠΕΡΙΟΧΗΣ ΤΟΥ ΜΑΘΗΜΑΤΟΣ... 7 6 ΕΞΟΔΟΣ ΑΠΟ ΤΗΝ ΠΛΑΤΦΟΡΜΑ
Διαβάστε περισσότεραΠεριεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο.
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Περιεχόμενα Τι είναι HTML και CSS; Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο. Βασική δομή της HTML. XML DOCTYPE Τίτλοι, παράγραφοι, επικεφαλίδες Λίστες, σύνδεσμοι,
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Φόντο (background) και Περίγραμμα (border) στοιχείου ιστοσελίδας Παρουσίαση 16 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers
Διαβάστε περισσότεραΣε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading
Διαβάστε περισσότεραeδαπυ Αναγγελίας Αιμοκάθαρσης
eδαπυ Αναγγελίας Αιμοκάθαρσης Εφαρμογή ενιαίας αναγγελίας και υποβολής Αιμοκαθάρσεων και Υλικών. Συνδέεστε στην διαδικτυακό τόπο του ΕΟΠΥΥ από τον ακόλουθο σύνδεσμο: https://apps.ika.gr/ehaemomxamtn Εικόνα
Διαβάστε περισσότεραΔιάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Διαβάστε περισσότεραΕγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Προέδρου του ΤΕΙ ΑΘΗΝΑΣ 2013
Εγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Προέδρου του ΤΕΙ ΑΘΗΝΑΣ 2013 Ο ψηφοφόρος λαμβάνει στην ηλεκτρονική του διεύθυνση μήνυμα όπως το παρακάτω με το οποίο καλείται να ψηφίσει. Το μήνυμα περιέχει
Διαβάστε περισσότεραΠεριεχόµενα Σύνδεση από την Εταιρική Ιστοσελίδα... 1 Εταιρικό Ιστολόγιο... 3 Πύλη Ηλεκτρονικού Εµπορίου... 5 Στοιχεία Λογαριασµού Χρήστη... 11
Έκδοση 1 MEDICAL GROUP ΚΑΒΑΛΑΣ Ι.Κ.Ε. Εταιρικό Ιστολό λόγιο και Πύλη ιαδικτυακού Εµπορίου Υ Π Ο Σ Τ Η Ρ Ι Κ Τ Ι Κ Ο Υ Λ Ι Κ Ο www.mediclagroup.g Πέτρος Πιστοφίδης Κουντουριώτου 9 Καβάλα 65302 Τηλ: 2510
Διαβάστε περισσότεραΑναζήτηση στο Google Μαθησιακά Αποτελέσματα
Αναζήτηση στο oogle Αναζήτηση στο Google Μαθησιακά Αποτελέσματα 1. Τί είναι το Διαδίκτυο και πώς λειτουργεί 2. Πώς αναζητάμε πληροφορίες μέσω Google 3. Οι βασικές λειτουργίες του Google 4. Τα πλεονεκτήματα
Διαβάστε περισσότεραΗ γλώσσα XHTML: διαφορές με HTML, μετατροπή
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας
Διαβάστε περισσότεραΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.
ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραRef.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7
The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
Διαβάστε περισσότεραΗ HTML 5 θα αλλάξει το Web?
Η HTML 5 θα αλλάξει το Web? (ή αλλιώς, έρχεται το τέλος των plugins?) Αλέξανδρος Καράκος Εργαστήριο Προγραµµατισµού και Επεξεργασίας Πληροφοριών Internet 2... Είναι ένα ξεχωριστό µέσο δηµοσίευσης πληροφοριών
Διαβάστε περισσότεραΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ
ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ 1. Για να χρησιμοποιήσετε το σύστημα τηλεκατάρτισης θα πρέπει να διαθέτετε: ένα Η/Υ με εγκατεστημένο ένα internet browser (λ.χ. Internet Explorer, Mozilla Firefox,
Διαβάστε περισσότεραΣτην τεχνολογία των CSS, οι κανόνες στυλ (style
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ
Διαβάστε περισσότεραΗΛΕΚΤΡΟΝΙΚΟ ΣΥΣΤΗΜΑ ΥΠΟΒΟΛΗΣ ΜΗΧΑΝΟΓΡΑΦΙΚΟΥ ΔΕΛΤΙΟΥ
ΗΛΕΚΤΡΟΝΙΚΟ ΣΥΣΤΗΜΑ ΥΠΟΒΟΛΗΣ ΜΗΧΑΝΟΓΡΑΦΙΚΟΥ ΔΕΛΤΙΟΥ ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΥΠΟΨΗΦΙΟΥ ΓΕΛ & ΕΠΑΛ Β Έκδοση 1.0, Ιούνιος 2012 ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΛΙΣΤΑ ΣΧΗΜΑΤΩΝ
Διαβάστε περισσότεραΕτικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
Διαβάστε περισσότερα