CSS – Cascading Style Sheets (μορφοποίηση πινάκων)

Slides:



Advertisements
Παρόμοιες παρουσιάσεις
ΕΙΚΟΝΕΣ.
Advertisements

Χαρακτηριστικά εικόνας
Πίνακες.
Επικοινωνία Ανθρώπου Μηχανής Εαρινό Εξάμηνο 2007 Web Interfaces Εργαλεία παραγωγής κώδικα συμβατού με ASP Γαλούσης Θεόδωρος Α.Μ 630 Δρομπίλας Δημήτριος.
Προγραμματισμός Διαδικτύου Δρ. Παναγιώτης Συμεωνίδης Διεπαφή Εφαρμογής Παγκόσμιου Ιστού (Front End Programming)
Η γλώσσα μορφοποίησης υπερκειμένου HTML
Δ.Π.Θ. Επεξεργασία Κειμένου - 1 Επεξεργασία Κειμένου Ένα πρόγραμμα σε γλώσσα HTML είναι ανεξάρτητο της μηχανής όπου θα εκτελεστεί. Δηλαδή αγνοούνται τα.
Τρίτη 11/12/2007 Γεωπονικό Πανεπιστήμιο Αθηνών 1 Ιστοσελίδες – Δημιουργία Δικτυακού Τόπου Τζικόπουλος Παναγιώτης, Πληροφορικός, Κεντρικό.
ΕΠΟΧΕΣ.
Επεξεργασία Κειμένου Ονομ/νυμο Επιμορφωτή Επιμορφωτής: Ονομ/νυμο Επιμορφωτή ΥΠΕΠΘ ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ ΠΡΟΓΡΑΜΜΑ «ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ» ΕΠΙΜΟΡΦΩΣΗ.
Σύνταξη CELL(Είδος πληροφορίας; Κελί)
Επεξεργασία Κειμένου Ονομ/νυμο Επιμορφωτή Επιμορφωτής: Ονομ/νυμο Επιμορφωτή ΥΠΕΠΘ ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ ΠΡΟΓΡΑΜΜΑ «ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ» ΕΠΙΜΟΡΦΩΣΗ.
Πάντειο Πανεπιστήμιο Κοινωνικών και Πολιτικών Επιστημών ΠΜΣ Δυνητικές κοινότητες Μάθημα: Εισαγωγικά Θέματα 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 Χαράλαμπος Καραγιαννίδης
Διαχείριση αντικειμένων ΠΡΟΓΡΑΜΜΑ ΕΠΙΜΟΡΦΩΣΗΣ ΣΥΝΤΑΞΗ ΕΓΓΡΑΦΩΝ ΜΕ ΕΠΕΞΕΡΓΑΣΤΕΣ ΚΕΙΜΕΝΟΥ.
CSS – Cascading Style Sheets (Ιδιότητες κειμένου - text)
Ιστοσελίδες -- Web-site. Εισαγωγή Στατικές ιστοσελίδες Δυναμικές ή Διαδραστικές ιστοσελίδες:  Ο τρόπος παρουσίασης και τα περιεχόμενά της ιστοσελίδας.
Τα Διαδοχικά Φύλλα Στυλ CSS
Microsoft PowerPoint Powerpoint Κίκα Χρυσοστόμου.
Εφαρμογές Πληροφορικής
Στυλ με συνέπεια. Cascading Style Sheets (CSS) Ποιόν σκοπό εξυπηρετούν ? 4 Τα "Στυλιστικά Φύλλα" σκοπό έχουν να επιδρούν στην εμφάνιση των σελίδων με.
ΑΣΚΗΣΗ 11. ΑΣΚΗΣΗ 11 Ποιοι είναι οι άλλοι δύο πιθανοί συνδυασμοί ; ΑΣΚΗΣΗ 11 1ος 4ος Ποιοι είναι οι άλλοι δύο πιθανοί συνδυασμοί ;
Απεικόνιση αντιπροσωπευτικών φύλλων από δουλειές μαθητών στο Revelation Natural Art σχετικά με την συμμετρία στη ζωγραφική (Έχει προηγηθεί επίδειξη από.
CSS – Cascading Style Sheets (Φύλλα επάλληλων στυλ) Κανόνες που καθορίζουν τη μορφή και τη διάταξη των στοιχείων των σελίδων (X)HTML Σκοπός είναι ο διαχωρισμός.
ΚΕΦΑΛΑΙΟ 3ο ΠΟΛΥΜΕΣΑ.
CSS – Cascading Style Sheets (Εξωτερική γραμμή, περιθώριο, ενδιάμεση απόσταση) Η εξωτερική γραμμή (outline) σχεδιάζεται γύρω από ένα στοιχείο της HTML,
CSS – Cascading Style Sheets (Το μοντέλο box) Κάθε στοιχείο της HTML περιέχεται σε ένα “κουτί” (box). Το μοντέλο box μας βοηθάει στο σχεδιασμό της ιστοσελίδας.
CSS – Cascading Style Sheets (Ιδιότητες φόντου - background) Καθορίζουν το φόντο των στοιχείων της HTML Χρώμα φόντου Φόντο εικόνας (τοποθέτηση εικόνας,
CSS – Cascading Style Sheets (μορφοποίηση λιστών) Οι ιδιότητες CSS για τις λίστες σας επιτρέπουν να: καθορίζετε κουκίδες για λίστες με κουκίδες καθορίζετε.
CSS – Cascading Style Sheets (μορφοποίηση συνδέσμων) Οι σύνδεσμοι μπορεί να βρίσκονται σε μία από τέσσερις καταστάσεις: link(ένας κανονικός σύνδεσμος που.
Πολυμέσα – Εφαρμογές Πολυμέσων
CSS 2. Στόχος της ώρας Επέκταση των γνώσεων του CSS 1 Κλάσεις και id Εμφώλευση και ομαδοποίηση επιλογέων Ψευδοκλάσεις Συντομογραφίες Εικόνες φόντου Τυπογραφία.
ΠΛΗΡΟΦΟΡΙΚΗ Ι Τμήμα Λογιστικής ΤΕΙ Κρήτης Γιάννης Χρυσάκης
ΜΕΣΟΓΕΙΑΚΟ ΠΕΡΙΒΑΛΛΟΝ ΚΑΙ ΑΝΑΠΤΥΞΗ ΦΥΤΩΝ Μεσογειακό κλίμα επικρατεί σε πέντε παραθαλάσσιες περιοχές της γης που βρίσκονται σε διαφορετικά σημεία, Μεσόγειος,
Αγγέλα Καλκούνη1 Ξύλινα Δάπεδα Διαδικασία Κατασκευής Ξύλινων Καρφωτών Δαπέδων.
ΕΡΓΑΣΙΑ ΣΤΗΝ ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ ΦΟΙΤΗΤΡΙΕΣ: ΓΡΑΒΑΝΗ ΓΕΩΡΓΙΑ ΚΑΙ ΜΥΡΣΙΑΔΗ ΕΙΡΗΝΗ.
HTML/CSS: Εισαγωγή Θερινό Σχολείο, 14 – 20 Ιουλίου 2014 Γιώργος Φουρτούνης Μονάδα Αριστείας ΕΛ/ΛΑΚ ΤΕΙ Αθήνας.
FREEMAT Γραφήματα.
Επιμόρφωση Εκπαιδευτικών Μέσης Εκπαίδευσης για τα Νέα Αναλυτικά Προγράμματα Πληροφορικής και Επιστήμης Η/Υ Προγραμματισμός Έτους και Ενότητας (Γ’ Γυμνασίου)
Χρωματικά μοντέλα και συστήματα
ΑΡΧΙΤΕΚΤΟΝΙΚΗ ΑΚΟΥΣΤΙΚΗ επεξεργασία θέματος 2015
ΕΝΟΤΗΤΑ 1 – Κεφάλαιο 3: Πολυμέσα
Τι είναι χρώμα; Ανθρώπινο μάτι και χρωματική αντίληψη
Ερευνητική εργασία των μαθητών του Α1 του 3ου ΓΕΛ. Γλυφάδας
ΔΥΝΑΜΕΙΣ αν.
ΣΥΓΚΛΙΝΟΝΤΕΣ ΦΑΚΟΙ Εργαστηριακή Άσκηση 13 Γ′ Γυμνασίου
Web development series My First CSS Steps
HTML - CSS Δίνεται παρακάτω ο κώδικας HTML μιας ιστοσελίδας
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
CSS Cascading Style Sheets
Μήκος κύκλου & μήκος τόξου
Πληροφορική Α' Γυμνασίου
ΔΙΑΔΙΚΑΣΙΑ ΕΓΚΑΤΑΣΤΑΣΗΣ ΥΛΙΚΩΝ
Μορφοποίηση Περιεχομένου και εμφάνισης κελιών, γραμμών, στηλών
Microsoft Word.
Cascading Style Sheets (CSS)
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
Γ6.4 Μορφοποίηση Πινάκων και Πρωτεύον Κλειδί
ΑΜΠΕΛΙ ΠΡΟΓΡΑΜΜΑ ΠΕΡΙΒΑΛΛΟΝΤΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ
«Προώθηση οίνων σε αγορές τρίτων χωρών»
θέμα δήλωση Γραφικό SmartArt με εικόνες σε κόκκινο φόντο
Η Ιστοσελίδα της Α΄ Τάξης Αυτή η πολύ απλή σελίδα είναι φτιαγμένη
Μέτρηση εμβαδού Εργαστηριακή Άσκηση 1 B′ Γυμνασίου
Κεφάλαιο 11 Τροποποίηση φόρμας.
Εισαγωγή στη δημιουργία ιστοσελίδων Διδάσκων:
Μεταγράφημα παρουσίασης:

CSS – Cascading Style Sheets (μορφοποίηση πινάκων)

CSS – Cascading Style Sheets (μορφοποίηση πινάκων – ιδιότητα border-style) Καθορίζει το στυλ του περιγράμματος Τιμές: solid dotted dashed double

CSS – Cascading Style Sheets (ιδιότητα border-style – Παράδειγμα) border-style:dotted solid double dashed; Πάνω πλευρά: dotted Δεξιά πλευρά: solid Κάτω πλευρά: double Αριστερή πλευρά: dashed border-style:dotted solid double; Πάνω πλευρά: dotted Δεξιά και αριστερή πλευρά: solid Κάτω πλευρά: double border-style:dotted solid; Πάνω και κάτω πλευρά: dotted Δεξιά και αριστερή πλευρά: solid border-style:dotted; Όλες οι πλευρές: dotted

CSS – Cascading Style Sheets (μορφοποίηση πινάκων – ιδιότητα border-width) Καθορίζει το πάχος του περιγράμματος Τιμές: thinλεπτό περίγραμμα mediumμεσαίο περίγραμμα thickπαχύ περίγραμμα τιμή σε pixel (π.χ. 10px)

CSS – Cascading Style Sheets (ιδιότητα border-width – Παράδειγμα) border-width:thin medium thick 10px; Επάνω πλευρά λεπτή: thin Δεξιά πλευρά μεσαίου πάχους: medium Κάτω πλευρά παχιά: thick Αριστερή πλευρά: 10px border-width:thin medium thick; Επάνω πλευρά λεπτή: thin Δεξιά και αριστερή πλευρά: medium Κάτω πλευρά παχιά: thick border-width:thin medium; Πάνω και κάτω πλευρά: thin Δεξιά και αριστερή πλευρά: medium border-width:thin; Όλες οι πλευρές: thin

CSS – Cascading Style Sheets (μορφοποίηση πινάκων – ιδιότητα border-color) Καθορίζει το χρώμα του περιγράμματος Τιμές: χρώμαπ.χ. red δεκαεξαδική τιμήπ.χ. #ffeeaa συνδυασμός rgbπ.χ. rgb(255,122,100)

CSS – Cascading Style Sheets (ιδιότητα border-color - Παράδειγμα) border-color: red green blue pink; Επάνω πλευρά κόκκινη Δεξιά πλευρά πράσινη Κάτω πλευρά μπλε Αριστερή πλευρά ροζ border-color: red green blue; Επάνω πλευρά κόκκινη Δεξιά και αριστερή πλευρά πράσινη Κάτω πλευρά μπλε border-color: red green; Πάνω και κάτω πλευρά: κόκκινη Δεξιά και αριστερή πλευρά: πράσινη border-color: red; Όλες οι πλευρές κόκκινες

CSS – Cascading Style Sheets (ιδιότητα border-collapse) Συμπτύσσει το εξωτερικό περίγραμμα του πίνακα και τα περιγράμματα των κελιών σε ένα Τιμές: collapse separate

CSS – Cascading Style Sheets (ιδιότητα border-collapse: παράδειγμα) table { width:200; height:300; border-collapse:collapse; } table, th, td { border-color: black; border-style: solid; }

CSS – Cascading Style Sheets (ιδιότητα border-spacing) Καθορίζει την απόσταση (σε px, cm κ.λπ.) μεταξύ των περιγραμμάτων των γειτονικών κελιών ενός πίνακα (εφόσον δεν έχουν συμπτυχθεί τα περιγράμματα με την ιδιότητα border-collapse: collapse;) Σύνταξη: border-spacing:οριζόντια_απόσταση κατακόρυφη_απόσταση border-spacing:απόσταση

CSS – Cascading Style Sheets (ιδιότητα border-spacing: παράδειγμα) table { border-spacing:30px 50px; } table, th, td { border-color: black; border-style: solid; }