Εισαγωγή στην HTML Κεφάλαιο 11.

Slides:



Advertisements
Παρόμοιες παρουσιάσεις
Τεχνολογίες Web Απαραίτητες γνώσεις για την υλοποίηση της άσκησης.
Advertisements

Δημιουργία Ιστοσελίδων σε HTML και FrontPage Πρόγραμμα Αναμόρφωσης Προπτυχιακών Σπουδών Κεντρικό Γραφείο Υποστήριξης Εκπαιδευτικού Έργου Αλέξανδρος Λεκατσάς.
Τεχνικές Προγραμματισμού με την JavaScript Στυλιάδης Κων/νος Φλώρινα, Οκτώβριος 2004.
ShareIt Social Network Project Simos Hatzikostas: Manolhs Georgiou: Theodoros Demetriou:
Να περιγράψετε τους 2 τρόπους οργάνωσης Ιστοσελίδων
Επικοινωνία Ανθρώπου Μηχανής Εαρινό Εξάμηνο 2007 Web Interfaces Εργαλεία παραγωγής κώδικα συμβατού με ASP Γαλούσης Θεόδωρος Α.Μ 630 Δρομπίλας Δημήτριος.
Κώστας Διαμαντάρας Τμήμα Πληροφορικής ΤΕΙ Θεσσαλονίκης 2011 Υπηρεσίες Web και Συστάδες υπολογιστών.
5η Συνάντηση Εκπαιδευτικών Πληροφορικής στη Δυτική Μακεδονία Πτολεμαΐδα, 29 Σεπτ 2005 Δημιουργία Δυναμικών Ιστοσελίδων με PHP και Dreamweaver MX Στυλιάδης.
Η γλώσσα μορφοποίησης υπερκειμένου HTML
HTML.
Σχεδιαστικά εργαλεία Διαχείριση σελίδων Βιβλιοθήκες αντικειμένων Διαχείριση αντικειμένων Επιφάνεια ψηφιακής μελάνης Πληκτρολόγιο οθόνης ΟΦΕΛΗ Αναγνώριση.
Επιμέλεια: Δέγγλερη Σοφία
Ημερίδα επιμόρφωσης Φιλολόγων στις Νέες Τεχνολογίες Σχολικός Σύμβουλος Μηχανολόγων ΠΕ12 Λ. Ψαρράς Αξιοποίηση των Νέων Τεχνολογιών: Εκπόνηση ιστοσελίδας.
Διαχείριση πληροφοριών και επικοινωνίες Ονομ/νυμο Επιμορφωτή Επιμορφωτής: Ονομ/νυμο Επιμορφωτή ΥΠΕΠΘ ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ ΠΡΟΓΡΑΜΜΑ «ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ»
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία. Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι.
ΗΜΥ 007 – Τεχνολογία Πληροφορίας Διάλεξη 2
Ιστοσελίδες -- Web-site. Εισαγωγή Στατικές ιστοσελίδες Δυναμικές ή Διαδραστικές ιστοσελίδες:  Ο τρόπος παρουσίασης και τα περιεχόμενά της ιστοσελίδας.
E X a M p L e Αξιοποιώντας την τεχνολογία XML στη διαχείριση της πληροφορίας Λίνα Μπουντούρη Εθνικό Κέντρο Τεκμηρίωσης 13ο Πανελλήνιο Συνέδριο Ακαδημαϊκών.
Γλώσσα Χαρακτηρισμού (Σήμανσης- Μορφοποίησης)
Η Γλώσσα Σήμανσης ΥπερΚειμένου HTML
HTML5 Λυμπούδης Μάτε. Η Ιστορία της HTML Η Ιστορία της HTML5  Η ανάπτυξη της ξεκίνησε το 2004 από μέλη της Apple, της Mozilla Foundation και της Opera.
CSS – Cascading Style Sheets (Φύλλα επάλληλων στυλ) Κανόνες που καθορίζουν τη μορφή και τη διάταξη των στοιχείων των σελίδων (X)HTML Σκοπός είναι ο διαχωρισμός.
Πώς βάζουμε έγγραφα του office και άλλα τέτοια αρχεία στα άρθρα μας Οι τύποι των εγγράφων που μπορούμε να βάλουμε είναι: Τα 2 πρώτα βήματα της αντιγραφής.
ΙΟΝΙΟ ΠΑΝΕΠΙΣΤΙΜΙΟ Τμήμα Αρχειονομίας-Βιβλιοθηκονομίας Εργασία στο μάθημα της Ηλεκτρονικής Δημοσίευσης ΘΕΜΑ:SGML και PDF-Γιατί χρειαζόμαστε και τα δύο;
Η ΨΗΦΙΑΚΗ ΕΠΑΝΑΣΤΑΣΗ ΑΛΛΑΖΕΙ ΤΟΝ ΤΡΟΠΟ ΜΕ ΤΟΝ ΟΠΟΙΟ ΜΑΘΑΙΝΟΥΜΕ.
ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ ΤΟΥ ΠΑΓΚΟΣΜΙΟΥ ΙΣΤΟΥ
Εισαγωγή στην XML Μ. ΓΑΒΑΛΑΣ.
University of Crete HY566-Semantic Web CS566 – Semantic Web Computer Science Department - UoC Heraklion 1 April, 2003 Παπαγγελής Μάνος, Κοφφινά Ιωάννα,
Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής Ελλάδας Πανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ Εκπαίδευση Επιμορφωτών Β΄Επιπέδου.
1Κεφάλαιο 4 Κανόνες Σύνταξης HTML Όλες οι ετικέτες εσωκλείονται μεταξύ των χαρακτήρων “ “. Κάθε τι που βρίσκεται μεταξύ των χαρακτήρων “ ”, αποτελεί σχόλιο.
Adobe Dreamweaver Καριπίδης Πέτρος Α.Μ. 767 Τσολάκης Κωνσταντίνος Α.Μ. 840.
Παρουσίαση εργαλείου Microsoft Silverlight Βερβέρης Παναγιώτης Α.Μ.888 Παπαθανασίου Αθανάσιος Α.Μ.958 1Παρουσίαση τεχνολογίας Silverlight.
Εφαρμογές Πολυμέσων: Εισαγωγή στην HTML (1)
Ο Παγκόσμιος ιστός World Wide Web (WWW) Είναι μια υπηρεσία του Internet ΠΡΟΣΟΧΗ μην την ταυτίζουμε με το ιντερνέτ Αποτελείται από εκατομμύρια ιστοσελίδες.
ΠΡΙΝ ΞΕΚΙΝΗΣΟΥΜΕ Πράγματα που αξιολογείτε θετικά σε σχέση με το μάθημα του προηγούμενου τετραμήνου Πράγματα που θα μπορούσαν να βελτιωθούν.
Μάθημα 9 Λίγο απ’ όλα! HTML 5 Advanced PHP XML. HTML 5 Πρόκειται για μια νέα έκδοση της HTML που συμπληρώνει τις δυνατότητες της γλώσσας με κάποια Tags.
Προγραμματιστικά Εργαλεία για το Διαδίκτυο Κατασκευή Ιστοσελίδων 3 ο Κεφάλαιο Βελώνης Γεώργιος – Καθηγητής Πληροφορικής ΠΕ20.
Κεφάλαιο 23 Η ζωή στις εύκρατες περιοχές. Εύκρατες περιοχές Εύκρατες ονομάζονται οι περιοχές που βρίσκονται ανάμεσα στην τροπική ζώνη και τις πολικές.
Καθηγητής Βασίλης Μάγκλαρης Οκτώβριος 2015 Γνωριμία με το SeLCont: Αποθηκευμένες Πολυμεσικές Διαλέξεις Συγχρονισμένο Video, Audio,
Κεφάλαιο 33 Οι σχέσεις των κρατών της Ευρώπης και η Ευρωπαϊκή Ένωση.
 Ένα δίκτυο διασυνδεμένων δικτύων παγκόσμιας κλίμακας που επιτρέπει την επικοινωνία εκατομμυρίων χρηστών κάθε στιγμή και από κάθε μεριά του πλανήτη.
HTML/CSS: Εισαγωγή Θερινό Σχολείο, 14 – 20 Ιουλίου 2014 Γιώργος Φουρτούνης Μονάδα Αριστείας ΕΛ/ΛΑΚ ΤΕΙ Αθήνας.
ΠΛΗΡΟΦΟΡΙΚΗ Ι Τμήμα Λογιστικής ΤΕΙ Κρήτης Γιάννης Χρυσάκης
Οριζόντιο Έργο Υποστήριξης Σχολείων, Εκπαιδευτικών και Μαθητών στο Δρόμο για το ΨΗΦΙΑΚΟ ΣΧΟΛΕΙΟ, νέες υπηρεσίες Πανελλήνιου Σχολικού Δικτύου και Στήριξη.
ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ
Κεφάλαιο 10: Υπηρεσίες και εφαρμογές Διαδικτύου
Wikis Ο Cunningham εμπνεύστηκε τον όρο wiki από τα "wiki wiki", δηλαδή τα "γρήγορα" λεωφορεία πυκνών δρομολογίων στον αερολιμένα της Χονολουλού.
Εργασία στο μάθημα «Προγραμματισμός ΙΙ»
ΔΙΑΔΙΚΤΥΟ, WEB2.0 KAI WEB X Από τον WEB 1.0 στον WEB X.0
Παρουσίαση ευρείας οθόνης
Web, Web 2.0, Web 3.0 και Web X.0 ΚΕΦΑΛΑΙΟ 9.
Κεφάλαιο 6o. Επίπεδο εφαρμογής
Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML.
Υπηρεσίες του διαδικτύου
9.2 Δομή και υπηρεσίες του Διαδικτύου
HTML.
9.3 υπηρεσίες του Διαδικτύου
Τα Βασικά δόγματα Γιώργος Λεπίδας Γ΄2.
Ιστορική Εξέλιξη του Παγκόσμιου Ιστού
Εφαρμογές Πληροφορικής Κεφάλαιο 11
ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΦΑΡΜΟΓΩΝ
HTML - CSS Δίνεται παρακάτω ο κώδικας HTML μιας ιστοσελίδας
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
Από τον Web 1.0 στον Web X
ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΗΣ ΣΕ ΔΙΑΔΙΚΤΥΑΚΗ ΠΛΑΤΦΟΡΜΑ
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
ΕΝΟΤΗΤΑ 3 – Επικοινωνία και Διαδίκτυο Κεφάλαιο 11-Εισαγωγή στην HTML
ΚΑΤΑΣΚΕΥΗ ΔΙΚΤΥΑΚΗΣ ΤΟΠΟΘΕΣΙΑΣ ΜΕ ΧΡΗΣΗ ΤΗΣ ΓΛΩΣΣΑΣ ΣΗΜΑΝΣΗΣ HTML 5
Η Ιστοσελίδα της Α΄ Τάξης Αυτή η πολύ απλή σελίδα είναι φτιαγμένη
Εισαγωγή στη δημιουργία ιστοσελίδων Διδάσκων:
Μεταγράφημα παρουσίασης:

Εισαγωγή στην HTML Κεφάλαιο 11

Hyper Text Markup Language Γλώσσα Χαρακτηρισμού Υπερ-κειμένου Δεν είναι γλώσσα προγραμματσμού, είναι περιγραφική γλώσσα Ο φυλλομετρητής: Ανακτά τον κώδικα HTML «διαβάζει» τις ετικέτες Δημιουργεί την ιστοσελίδα Την εμφανίζει στην οθόνη

Ιστορική αναδρομή 1990 – Tim Berners Lee – HTTP 1994 - HTML 2.0 – IETF 1996 – HTML 3.2 – W3RC 1999 – HTML 4.0

Αρχείο HTML Κείμενο Ετικέτες (συνήθως κατά ζεύγη) π.χ. <ΟνομαΕτικέτας> επηρεαζόμενο κείμενο </ΟνομαΕτικέτας>

Βασικές ετικέτες

Ετικέτες επικεφαλίδων

Σύνδεσμοι

Εικόνα

Η ΗTML 5.0 11.2

Προσθέτει νέες δυνατότητες Σημασιολογικός διαχωρισμός των μερών του εγγράφου π.χ. Header, section, article, nav Εισαγωγή ήχου (audio), βίντεο (video) Σχεδίαση (canvas), μεταφορά και απόθεση (drag & drop), αποθήκευση δεδομένων (web storage) Εμπλουτισμένα στοιχεία φορμών, πινακοποιημένα δεδομένα, διαχείριση διανυσματικών γραφικών

Εισαγωγή Βίντεο και ήχου <video src=“giorti.mp4” width=“320” height=“240” controls> </video> <audio controls> <source src=″ixos.mp3″ ?type=″audio/mpeg″/> <source src=″ixos.ogg″ ?type=″audio/ogg″ /> Δυστυχώς δεν υποστηρίζεται η ετικέτα audio! </audio>

HTML 5 και εφαρμογές δικτύου Σε συνδυασμό με τη javascript Σε φορητές συσκευές Με αξιοποίηση των CSS οι εφαρμογές προσαρμόζονται στις διαστάσεις της οθόνης (responsive web design)