Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης1/17 Γλώσσα HTML Εργαστήριο 7 Χαράλαμπος Καραγιαννίδης

Slides:

Advertisements

Παρόμοιες παρουσιάσεις

Εργαστήριο 17 Εκπαιδευτικό Εργαστήριο Πληροφορικής Χειμερινό Εξάμηνο 2006 Οικονομικό Πανεπιστήμιο Αθηνών Τμήμα Διοικητικής Επιστήμης & Τεχνολογίας.

Advertisements

Πίνακες.

Εργαστήριο Προγραμματισμού και τεχνολογίας Ευφυών συστημάτων (intelligence) Τμήμα Ηλεκτρονικών Μηχανικών και Μηχανικών Υπολογιστών.

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

Προγραμματισμός Διαδικτύου Δρ. Παναγιώτης Συμεωνίδης Διεπαφή Εφαρμογής Παγκόσμιου Ιστού (Front End Programming)

Η γλώσσα μορφοποίησης υπερκειμένου HTML

Δ.Π.Θ. Επεξεργασία Κειμένου - 1 Επεξεργασία Κειμένου Ένα πρόγραμμα σε γλώσσα HTML είναι ανεξάρτητο της μηχανής όπου θα εκτελεστεί. Δηλαδή αγνοούνται τα.

Τρίτη 11/12/2007 Γεωπονικό Πανεπιστήμιο Αθηνών 1 Ιστοσελίδες – Δημιουργία Δικτυακού Τόπου Τζικόπουλος Παναγιώτης, Πληροφορικός, Κεντρικό.

Επιμέλεια: Δέγγλερη Σοφία

Ανοικτά Ακαδημαϊκά Μαθήματα

CSS Cascading Style Sheets

Χαράλαμπος Καραγιαννίδης

Επεξεργασία Κειμένου Ονομ/νυμο Επιμορφωτή Επιμορφωτής: Ονομ/νυμο Επιμορφωτή ΥΠΕΠΘ ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ ΠΡΟΓΡΑΜΜΑ «ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ» ΕΠΙΜΟΡΦΩΣΗ.

Εικόνες στην HTML Η HTML υποστηρίζει δύο ειδών αρχεία εικόνων 4 GIF 4 JPEG ¶ Ολοι οι ψηφιακοί σαρωτές (scanners), υποστηρίζουν τουλάχιστον μιά από τις.

Επιμορφωτής: Ονομ/νυμο Επιμορφωτή

Ειδικά Θέματα Η/Υ IIΕργαστήριο 2 Χ. Καραγιαννίδης1/27 Λίστες, Πίνακες, Γραφικά και Εικόνες Εργαστήριο 2 Χαράλαμπος Καραγιαννίδης

Ειδικά Θέματα Η/Υ IIΕργαστήριο 1 Χ. Καραγιαννίδης1/17 Εισαγωγή στο Εργαστήριο Εισαγωγή στο FrontPage Εργαστήριο 1 Χαράλαμπος Καραγιαννίδης

Ειδικά Θέματα Η/Υ IIΕργαστήριο 3 Χ. Καραγιαννίδης1/24 Δεσμοί, Πλαίσια, Χάρτες Γραφικών, Κινούμενες Εικόνες Εργαστήριο 3 Χαράλαμπος Καραγιαννίδης

Δημιουργία Διαφανειών

Ειδικά Θέματα Η/ΥΕργαστήριο 4 Χ. Καραγιαννίδης1/17 Εργασία Ανάπτυξη Δικτυακού Τόπου Εταιρείας Εργαστήριο 4 Χαράλαμπος Καραγιαννίδης

Δημιουργία Παρουσίασης

ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων με HMTL Γιώργος Γιαγλής.

CSS – Cascading Style Sheets (Ιδιότητες κειμένου - text)

Εισαγωγή στην κατασκευή δικτυακών τόπων. Εισαγωγή στην ενότητα.

Ιστοσελίδες -- Web-site. Εισαγωγή Στατικές ιστοσελίδες Δυναμικές ή Διαδραστικές ιστοσελίδες:  Ο τρόπος παρουσίασης και τα περιεχόμενά της ιστοσελίδας.

Τα Διαδοχικά Φύλλα Στυλ CSS

Microsoft PowerPoint Powerpoint Κίκα Χρυσοστόμου.

Προγραμματιστικά εργαλεία Διαδικτύου

Επικοινωνία Ανθρώπου Μηχανής HTML CGI JAVASCRIPT Κουμπούλης Χρήστος Α.Μ. 921 Χαλαβαζής Βασίλης Α.Μ. 988.

Γλώσσα Χαρακτηρισμού (Σήμανσης- Μορφοποίησης)

Η Γλώσσα Σήμανσης ΥπερΚειμένου HTML

CSS – Cascading Style Sheets (Φύλλα επάλληλων στυλ) Κανόνες που καθορίζουν τη μορφή και τη διάταξη των στοιχείων των σελίδων (X)HTML Σκοπός είναι ο διαχωρισμός.

Applets Εκμεταλλεύονται τo γραφικό υπόβαθρο που παρέχουν οι browsers, έχοντας έτσι τη δυνατότητα προβολής γραφικών και τη δυνατότητα υλοποίησης ενός γραφικού.

CSS – Cascading Style Sheets (Εξωτερική γραμμή, περιθώριο, ενδιάμεση απόσταση) Η εξωτερική γραμμή (outline) σχεδιάζεται γύρω από ένα στοιχείο της HTML,

Γενικές οδηγίες:  Η Εξέταση αποτελείται από 5 (πέντε) μέρη και πρέπει να απαντήστε σε όλες τις ερωτήσεις.  Το Α΄ Μέρος που αποτελείται από 18 (δεκαοχτώ)

CSS – Cascading Style Sheets (Το μοντέλο box) Κάθε στοιχείο της HTML περιέχεται σε ένα “κουτί” (box). Το μοντέλο box μας βοηθάει στο σχεδιασμό της ιστοσελίδας.

HTML Θ. Βαρβαρίγου Καθηγ. ΕΜΠ Τηλ

CSS – Cascading Style Sheets (Ιδιότητες φόντου - background) Καθορίζουν το φόντο των στοιχείων της HTML Χρώμα φόντου Φόντο εικόνας (τοποθέτηση εικόνας,

1Κεφάλαιο 4 Κανόνες Σύνταξης HTML Όλες οι ετικέτες εσωκλείονται μεταξύ των χαρακτήρων “ “. Κάθε τι που βρίσκεται μεταξύ των χαρακτήρων “ ”, αποτελεί σχόλιο.

HTML-PHP Καμπέρης Άρης Α.Μ. 763 Zaher Owda Α.Μ. 849.

HTML-CGI SCRPTS-PHP Γεωργούλας Βασίλειος Α.Μ. 632 Τάσσης Σωτήριος Α.Μ. 699.

Ειδικά Θέματα Η/ΥΕργαστήριο 5 Χ. Καραγιαννίδης1/16 Ενεργά Στοιχεία, Φύλλα Στυλ, Φόρμες Εργαστήριο 5 Χαράλαμπος Καραγιαννίδης

Ειδικά Θέματα Η/ΥΕργαστήριο 6 Χ. Καραγιαννίδης1/15 Προσθήκη Πολυμέσων, Έκδοση και Διαχείριση Σελίδων και Δικτυακών Τόπων Εργαστήριο 6 Χαράλαμπος Καραγιαννίδης.

Εφαρμογές Πολυμέσων: Εισαγωγή στην HTML (1)

HTML 3. Στόχος της ώρας Απαιτήσεις XHTML 1.0 Strict Ιδιότητα title HTML Entities Ετικέτα label Favicon «Κακές» ιδιότητες Παραδείγματα.

ΠΡΙΝ ΞΕΚΙΝΗΣΟΥΜΕ Πράγματα που αξιολογείτε θετικά σε σχέση με το μάθημα του προηγούμενου τετραμήνου Πράγματα που θα μπορούσαν να βελτιωθούν.

Προγραμματιστικά Εργαλεία για το Διαδίκτυο Κατασκευή Ιστοσελίδων 3 ο Κεφάλαιο Βελώνης Γεώργιος – Καθηγητής Πληροφορικής ΠΕ20.

ΠΛΗΡΟΦΟΡΙΚΗ Ι Τμήμα Λογιστικής ΤΕΙ Κρήτης Γιάννης Χρυσάκης

Ενότητα 2: HTML – Hypertext Markup Language. Φώτης Κόκκορας, Καθηγητής Εφαρμογών, Τμήμα Μηχανικών Πληροφορικής Τ.Ε., T.E.I. Θεσσαλίας Προγραμματισμός Εφαρμογών.

HTML/CSS: Εισαγωγή Θερινό Σχολείο, 14 – 20 Ιουλίου 2014 Γιώργος Φουρτούνης Μονάδα Αριστείας ΕΛ/ΛΑΚ ΤΕΙ Αθήνας.

Frames σε ιστοσελίδα HTML

Εργαστηριακό Μάθημα 2: Η γλώσσα HTML (συνέχεια)

Εργασία στο μάθημα «Προγραμματισμός ΙΙ»

Μάθημα 9ο HTML.

Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML.

International Hospitality Management MC Employability Scheme

Εφαρμογές Πληροφορικής Κεφάλαιο 11

HTML - CSS Δίνεται παρακάτω ο κώδικας HTML μιας ιστοσελίδας

Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.

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

Microsoft Word.

Cascading Style Sheets (CSS)

Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.

Γ6.4 Μορφοποίηση Πινάκων και Πρωτεύον Κλειδί

Επιμορφωτής: Ονομ/νυμο Επιμορφωτή

Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου

Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου

Η Ιστοσελίδα της Α΄ Τάξης Αυτή η πολύ απλή σελίδα είναι φτιαγμένη

Λογισμικό Εφαρμογών/Επεξεργασία Εικόνας

Μεταγράφημα παρουσίασης:

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης1/17 Γλώσσα HTML Εργαστήριο 7 Χαράλαμπος Καραγιαννίδης

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης2/17 δομή αρχείου HTML …

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης3/17 παρουσίαση και μορφοποίηση κειμένου αλλαγή γραμμής    μορφοποίηση κειμένου  

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης4/17 υπόβαθρο, γραμματοσειρά και χρώμα κειμένου υπόβαθρο  COLOR: WHITE/BLACK/… COLOR: #FFFFFF - # γραμματοσειρά  FACE: ARIAL/TIMES/…

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης5/17 λίστες αριθμημένη λίστα  TYPE: 1/A/a/I START: 1/2/…  λίστα με κουκίδες  TYPE: DISK/CIRCLE/SQUARE 

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης6/17 εισαγωγή γραφικών και εικόνων εισαγωγή  SCR: κατάλογος/όνομα αρχείου ALT: περιγραφή ALIGN: LEFT/RIGHT, TOP/MIDDLE/BOTTOM

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης7/17 σύνδεσμοι σε άλλες σελίδες  στην ίδια σελίδα 

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης8/17 πολυμεσικά στοιχεία ενσωμάτωση ψηφιακού ήχου  AUTOSTART: TRUE/FALSE VOLUME: 1…100 LOOP: TRUE/FALSE HIDDEN: TRUE/FALSE

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης9/17 πίνακες (1)

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης10/17 πίνακες (2) παράμετροι  ALIGN: LEFT/RIGHT  BGCOLOR: COLOR  BORDER: 0…  BORDERCOLOR: COLOR  CELLPADDING: 0…  CELLSPACIGN: 0…  HEIGHT: >0  WIDHT: >0 (%)

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης11/17 πίνακες (3) παράμετροι,  ALIGN: CENTER/LEFT/RIGHT  VALIGN: TOP/MIDDLE/BOTTOM  BGCOLOR: COLOR  COLSPAN: 2…  ROWSPAN: 2…  HEIGHT: >0  WIDTH: >0 (%)

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης12/17 πλαίσια (1) … δεν πρέπει να υπάρχει η ετικέτα

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης13/17 πλαίσια (2) παράμετροι  ROWS: 2…  COLS: 2…  BORDER: αριθμός pixel ή ποσοστό  BORDERCOLOR: COLOR  FRAMEBORDER: YES/NO

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης14/17 πλαίσια (3) παράμετροι  SRC: όνομα αρχείου  BORDERCOLOR: COLOR  FRAMEBORDER: YES/NO  MARGINHEIGHT: >0  MARGINWIDHT: >0  NAME  NORESIZE  SCROLLING: YES/NO/AUTO

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης15/17 φόρμες (1) εισαγωγή φόρμας

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης16/17 φόρμες (2) πεδία εισόδου 

Ειδικά Θέματα Η/ΥΕργαστήριο 7 Χ. Καραγιαννίδης17/17 δημιουργήστε ξανά τις σελίδες των προηγουμένων ασκήσεων, γράφοντας κώδικα HTML άσκηση (14)