====== HTML - Θεωρία ======
[[el:school:lessons:html:cheatsheet]]
====== Εισαγωγή ======
===== Γενικά =====
==== Περιεχόμενο ====
HyperText Markup Language (Γλώσσα Μορφοποίησης ΥπερΚειμένου)
Οι ιστοσελίδες αποτελούνται συνήθως από :
* Κείμενο (μορφοποιημένο)
* Εικόνες, ήχο, video (πολυμέσα)
* Υπερσυνδέσμους προς άλλες ιστοσελίδες
* Φόρμες εισαγωγής και επεξεργασίας δεδομένων
* ..
==== Περιηγητές ====
Γνωστοί περιηγητές και δημοτικότητα
* Internet Explorer (6,7,8,9) ~60%
* Firefox (3.6) ~30%
* Safari ~5%
* Chrome ~2%
* Opera ~1%
* ..
==== Ιστορικό ====
βλ.
* http://en.wikipedia.org/wiki/HTML
* http://el.wikipedia.org/wiki/HTML
- Δεν είναι γλώσσα προγραμματισμού
- Είναι περιγραφική γλώσσα μορφοποίησης
- Δημιουργήθηκε ως υλοποίηση της έννοιας των υπερκειμένων (Ιστορικά έχει τις ρίζες της γύρω στο 1980)
* Ταιριάζει στον τρόπο που λειτουργεί το ανθρώπινο μυαλό (Να δοθούν παραδείγματα με συνειρμούς, π.χ. συζητάμε για μια ταινία)
- Συνδυάζει κείμενο, πολυμέσα(εικόνες, video, ήχο), είσοδο και αποστολή δεδομένων κ.α.
- Επεκτείνει τις δυνατότητές της μέσω της χρήσης javascript
- Με την χρήση της από γλώσσες προγραμματισμού όπως php, jsp και asp δημιουργούμε δικτυακές εφαρμογές
===== HTML =====
==== Πρώτη επαφή ====
* Να δούμε τον κώδικα σελίδας στον firefox μιας απλής ιστοσελίδας (όχι ΙΕ6 αφού το notepad δεν κάνει αλλαγές γραμμών)
* Για να δούμε τον κώδικα html της σελίδας που εμφανίζεται στον περιηγητή μας ψάχνουμε για (κώδικας σελίδας, πηγαίος κώδικας, προέλευση,) συνήθως
στο μενού Προβολή
* Να περιγραφεί η γενική δομή και να εντοπίσουμε το κείμενο, την εικόνα και το πεδίο εισαγωγής δεδομένων
Εργασία να βρεθεί (και να εγκατασταθεί αν δεν είναι ήδη εγκατεστημένη) η εφαρμογή geany μαζί με τα ελληνικά
===== Κανόνες σύνταξης HTML =====
(βλ. βιβλίο σελ 118, αυτούσιο)
Παράλληλα με τους κανόνες ένα απλό παράδειγμα ιστοσελίδας για να τους εξηγήσουμε
HTML : ΜΑΘΗΜΑ 1
Η πρώτη μας ιστοσελίδα σε HTML!!!!
===== Χρώματα =====
(Για να δημιουργήσουμε ένα χρώμα βλ. http://www.colorcombos.com/FF0000-hex-color)
Για να ορίζουμε ένα χρώμα χρησιμοποιούμε
* το όνομά του στα αγγλικά (π.χ. red, pink, blue, black)
* Δεκαεξαδική απεικόνιση RGB
Στην δεκαεξαδική απεικόνιση ορίζουμε το ποσοστό του κάθε χρώματος από τα τρία βασικά (κόκκινο, πράσινο, μπλε) ως ένας αριθμός από 0 έως 255.
Αντί να σημειώσουμε τον αριθμό (0..255) στο δεκαδικό σύστημα τον σημειώνουμε στο δεκαεξαδικό
[[el:school:lessons:basic#exe_ps | Περιγραφή δεκαεξαδικής απεικόνισης]]
π.χ.
* το κόκκινο είναι #FF0000
Άσκηση : Να βρεθεί η δεκαεξαδική απεικόνιση των
* πράσινο
* μπλε
* άσπρο (FFFFFF) είναι λίγο ανάποδα
* μαύρο (00000)
* κίτρινο (FFFF00)
* ρόζ - φούξια (FF00FF)
====== Πηγές ======
* Εγχειρίδια HTML :
* Ελληνικό :http://www.it.uom.gr/project/html2/main.html
* Σε μορφή htmlhelp :http://htmlhelp.com/distribution (το αρχείο htmlhelp)
* http://www.w3.org/TR/html401/index/elements.html
* css
* http://www.w3.org/TR/CSS21/propidx.html
* Σε μορφή htmlhelp :http://htmlhelp.com/distribution (το αρχείο htmlhelp για css)
* Χρώματα
* http://www.colorcombos.com/FF0000-hex-color