Μάθημα 9ο HTML.

Slides:



Advertisements
Παρόμοιες παρουσιάσεις
Να περιγράψετε τους 2 τρόπους οργάνωσης Ιστοσελίδων
Advertisements

Προγραμματισμός Διαδικτύου Δρ. Παναγιώτης Συμεωνίδης Διεπαφή Εφαρμογής Παγκόσμιου Ιστού (Front End Programming)
Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα μορφοποίησης υπερκειμένου HTML
Δ.Π.Θ. Επεξεργασία Κειμένου - 1 Επεξεργασία Κειμένου Ένα πρόγραμμα σε γλώσσα HTML είναι ανεξάρτητο της μηχανής όπου θα εκτελεστεί. Δηλαδή αγνοούνται τα.
Τρίτη 11/12/2007 Γεωπονικό Πανεπιστήμιο Αθηνών 1 Ιστοσελίδες – Δημιουργία Δικτυακού Τόπου Τζικόπουλος Παναγιώτης, Πληροφορικός, Κεντρικό.
HTML.
Επιμέλεια: Δέγγλερη Σοφία
Weebly tools A selected few Γαβριέλλα Ασπράκη. Map Το εικονίδιο που φέρει την ένδειξη αυτή μας συνδέει κατευθείαν στο google maps. Μόλις σύρουμε το εικονίδιο.
Πάντειο Πανεπιστήμιο Κοινωνικών και Πολιτικών Επιστημών ΠΜΣ Δυνητικές κοινότητες Μάθημα: Εισαγωγικά Θέματα W.W.W. CSS CASCADING STYLE SHEETS ΑΠΟΔΟΣΗ ΕΚΦΡΑΣΤΙΚΟΥ.
CSS – Cascading Style Sheets (Ιδιότητες γραμματοσειράς - font)
CSS Cascading Style Sheets
Επεξεργασία Κειμένου Ονομ/νυμο Επιμορφωτή Επιμορφωτής: Ονομ/νυμο Επιμορφωτή ΥΠΕΠΘ ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ ΠΡΟΓΡΑΜΜΑ «ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ» ΕΠΙΜΟΡΦΩΣΗ.
Επιμέλεια: Δέγγλερη Σοφία
Εικόνες στην HTML Η HTML υποστηρίζει δύο ειδών αρχεία εικόνων 4 GIF 4 JPEG ¶ Ολοι οι ψηφιακοί σαρωτές (scanners), υποστηρίζουν τουλάχιστον μιά από τις.
Επιμορφωτής: Ονομ/νυμο Επιμορφωτή
Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης1/17 Γλώσσα HTML Εργαστήριο 7 Χαράλαμπος Καραγιαννίδης
Συντάκτης :Δομουχτσής Στέργιος Κατασκευή Ιστοσελίδας Αυτόματο σύστημα Σχολικού Δικτύου Iware.
Microsoft Excel 4.5 Μορφοποίηση Κίκα Χρυσοστόμου.
ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων με HMTL Γιώργος Γιαγλής.
Ταιριάξτε τις μονάδες μέσα στα κουτιά
CSS – Cascading Style Sheets (Ιδιότητες κειμένου - text)
Ιστοσελίδες -- Web-site. Εισαγωγή Στατικές ιστοσελίδες Δυναμικές ή Διαδραστικές ιστοσελίδες:  Ο τρόπος παρουσίασης και τα περιεχόμενά της ιστοσελίδας.
Τα Διαδοχικά Φύλλα Στυλ CSS
Διεύθυνση Α/θμιας Εκπ/σης Ν. Σερρών Κατασκευή Ιστοσελίδας  Απόλυτα πεπεισμένοι πως η κοινωνία της γνώσης προσκαλεί αλλά και προκαλεί τα Στελέχη της Εκπαίδευσης.
Microsoft PowerPoint Powerpoint Κίκα Χρυσοστόμου.
Στυλ με συνέπεια. Cascading Style Sheets (CSS) Ποιόν σκοπό εξυπηρετούν ? 4 Τα "Στυλιστικά Φύλλα" σκοπό έχουν να επιδρούν στην εμφάνιση των σελίδων με.
CSS – Cascading Style Sheets (Φύλλα επάλληλων στυλ) Κανόνες που καθορίζουν τη μορφή και τη διάταξη των στοιχείων των σελίδων (X)HTML Σκοπός είναι ο διαχωρισμός.
Δυνατότητες του Προγράμματος HyperSnap (1/2) Το HyperSnap είναι ένα ευέλικτο και εξαιρετικά εύχρηστο εργαλείο σύλληψης οθόνης με ποικίλες δυνατότητες,
Web Pages. Βασικά Web Page HTML Web browser Web server.
CSS – Cascading Style Sheets (Το μοντέλο box) Κάθε στοιχείο της HTML περιέχεται σε ένα “κουτί” (box). Το μοντέλο box μας βοηθάει στο σχεδιασμό της ιστοσελίδας.
CSS – Cascading Style Sheets (Ιδιότητες φόντου - background) Καθορίζουν το φόντο των στοιχείων της HTML Χρώμα φόντου Φόντο εικόνας (τοποθέτηση εικόνας,
1Κεφάλαιο 4 Κανόνες Σύνταξης HTML Όλες οι ετικέτες εσωκλείονται μεταξύ των χαρακτήρων “ “. Κάθε τι που βρίσκεται μεταξύ των χαρακτήρων “ ”, αποτελεί σχόλιο.
CSS – Cascading Style Sheets (μορφοποίηση συνδέσμων) Οι σύνδεσμοι μπορεί να βρίσκονται σε μία από τέσσερις καταστάσεις: link(ένας κανονικός σύνδεσμος που.
HTML 3. Στόχος της ώρας Απαιτήσεις XHTML 1.0 Strict Ιδιότητα title HTML Entities Ετικέτα label Favicon «Κακές» ιδιότητες Παραδείγματα.
Html Ενσωμάτωση πολυμεσικών στοιχείων
ΠΡΙΝ ΞΕΚΙΝΗΣΟΥΜΕ Πράγματα που αξιολογείτε θετικά σε σχέση με το μάθημα του προηγούμενου τετραμήνου Πράγματα που θα μπορούσαν να βελτιωθούν.
Προγραμματιστικά Εργαλεία για το Διαδίκτυο Κατασκευή Ιστοσελίδων 3 ο Κεφάλαιο Βελώνης Γεώργιος – Καθηγητής Πληροφορικής ΠΕ20.
ΓΝΩΡΙΜΙΑ ΜΕ ΤΟ ΥΛΙΚΟ ΕΝΟΣ ΕΡΓΑΣΤΗΡΙΟΥ ΣΑΡΩΤΗΣ ΨΗΦΙΑΚΗ ΦΩΤΟΓΡΑΦΙΚΗ ΜΗΧΑΝΗ ΨΗΦΙΑΚΗ ΒΙΝΤΕΟΚΑΜΕΡΑ ΒΙΝΤΕΟΠΡΟΒΟΛΕΑΣ ΔΙΑΔΡΑΣΤΙΚΟΣ ΠΙΝΑΚΑΣ ΗΛΕΚΤΡΟΝΙΚΟΣ ΥΠΟΛΟΓΙΣΤΗΣ.
Επιμόρφωση Εκπαιδευτικών Μέσης Εκπαίδευσης για τα Νέα Αναλυτικά Προγράμματα Πληροφορικής και Επιστήμης Η/Υ Προγραμματισμός Έτους και Ενότητας (Γ’ Γυμνασίου)
Εργαστηριακό Μάθημα 2: Η γλώσσα HTML (συνέχεια)
«Περιοδική έρευνα πεδίου σε αντιπροσωπευτικό δείγμα ΜΜ εμπορικών επιχειρήσεων» ΦΕΒΡΟΥΑΡΙΟΣ 2013   Ενίσχυση της επιστημονικής και επιχειρησιακής ικανότητας.
Εργασία στο μάθημα «Προγραμματισμός ΙΙ»
Αξιοποίηση των Νέων Τεχνολογιών: Εκπόνηση ιστοσελίδας
Μάθημα 3 Σχεδιασμός και παραμετροποίηση ιστοσελίδας. Οι τεχνολογίες HTML και CSS. Το μοντέλο MVC (Model View Controller).
Κέντρο Συμβουλευτικής
Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML.
Εάν τις αγαπάς ΑΛΗΘΙΝΑ ενθάρρυνε ΟΛΕΣ τις γυναίκες που γνωρίζεις να κάνουν τακτικά αυτοεξέταση και να κάνουν τουλάχιστον μια φορά τον χρόνο μαστογραφία.
Προσθήκη εικόνας σε ιστολόγιο
“Επιχειρηματικότητα σε περίοδο οικονομικής κρίσης”
Τα Βασικά δόγματα Γιώργος Λεπίδας Γ΄2.
ΕΛΛΗΝΙΚΗ ΕΤΑΙΡΕΙΑ ΠΑΙΔΙΑΤΡΙΚΗΣ ΝΟΣΗΛΕΥΤΙΚΗΣ
Εφαρμογές Πληροφορικής Κεφάλαιο 11
Εφαρμογή 1: Μια πρώτη, μινιμαλιστική ιστοσελίδα
ΔΗΜΙΟΥΡΓΙΑ ΠΟΛΥΜΕΣΙΚΗΣ ΕΦΑΡΜΟΓΗΣ
ΜΑΘΗΜΑΤΙΚΑ ΚΑΙ ΣΤΟΙΧΕΙΑ ΣΤΑΤΙΣΤΙΚΗΣ ΔΙΑΦΟΡΙΚΟΣ ΛΟΓΙΣΜΟΣ
HTML - CSS Δίνεται παρακάτω ο κώδικας HTML μιας ιστοσελίδας
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
Μουσείο μαραθώνιου δρόμου Ολυμπιακός Μαραθώνιος του 1896
ΒΙΟΓΡΑΦΙΚΟ ΣΗΜΕΙΩΜΑ.
CSS Cascading Style Sheets
HTML.
Cascading Style Sheets (CSS)
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
Ευρύτερη Άποψη της Κοινωνίας των Πολιτών για την Κατάσταση στην Κύπρο - Γραφείο Επιτρόπου Εθελοντισμού και Μη Κυβερνητικών Οργανώσεων.
Γ6.4 Μορφοποίηση Πινάκων και Πρωτεύον Κλειδί
Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου
Η Ιστοσελίδα της Α΄ Τάξης Αυτή η πολύ απλή σελίδα είναι φτιαγμένη
Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου
Ημερίδα Πρακτικής Άσκησης Εαρινό Εξάμηνο
Μεταγράφημα παρουσίασης:

Μάθημα 9ο HTML

Προηγούμενο μάθημα Ειδικοί χαρακτήρες, στοίχιση, Πίνακες <table> <caption>.....</caption> <tr> <th>...</th> <th></th></tr> <tr><td>....</td><td>....</td></tr> </table>

Άλλες δυνατότητες Χρώμα(φόντου, κειμένου, υπερσυνδέσμων, υπερσυνδέσμων που έχει ανοίξει ο επισκέπτης της σελίδας) Εικόνα ως φόντο της ιστοσελίδας Γραμματοσειρές, δείκτης, εκθέτης Δεσμοί e-mail

Χρώμα Σύστημα RGB #xxxxxx (2 δεκαεξαδικά ψηφία για κάθε χρώμα – τιμές από 0 ως 255 – 0 καθόλου συμμετοχή, 255 πλήρης συμμετοχή- #000000 μαύρο, #FFFFFF λευκό)

Χρώμα Ιδιότητες της ετικέτας <body> Της ετικέτας <font> Bgcolor Text Link Vlink Της ετικέτας <font> color

Πειραματιστείτε με το χρώμα..

Εικόνα ως φόντο σε σελίδα Ιδιότητα background της ετικέτας body εξάσκηση

γραμματοσειρές <font> Ιδιότητες size, face, color Size: 1-7 (τυπικό 3, size=6, size=-1, size=+2) <basefont size=5> Face=”Arial” Color=#000000, color=”red” <sup> </sup> εκθέτης <sub> </sub> δείκτης

Δεσμοί email <a href=”mailto:mpagiampous@gmail.com”> επικοινωνηστε μαζί μας</a>

Ενσωμάτωση στοιχείων πολυμέσων Ήχος <EMBED SRC="sounds/mndss.mid" autostart="false" volume=100 hidden="false" align="right"> Βίντεο <iframe src="https://www.youtube.com/embed/4SWCNE COpBw" allowfullscreen="" frameborder="0" height="315" width="560"></iframe>