User Tools
Table of Contents
HTML - Θεωρία
Εισαγωγή
Γενικά
Περιεχόμενο
HyperText Markup Language (Γλώσσα Μορφοποίησης ΥπερΚειμένου)
Οι ιστοσελίδες αποτελούνται συνήθως από :
- Κείμενο (μορφοποιημένο)
- Εικόνες, ήχο, video (πολυμέσα)
- Υπερσυνδέσμους προς άλλες ιστοσελίδες
- Φόρμες εισαγωγής και επεξεργασίας δεδομένων
- ..
Περιηγητές
Γνωστοί περιηγητές και δημοτικότητα
- Internet Explorer (6,7,8,9) ~60%
- Firefox (3.6) ~30%
- Safari ~5%
- Chrome ~2%
- Opera ~1%
- ..
Ιστορικό
βλ.
- Δεν είναι γλώσσα προγραμματισμού
- Είναι περιγραφική γλώσσα μορφοποίησης
- Δημιουργήθηκε ως υλοποίηση της έννοιας των υπερκειμένων (Ιστορικά έχει τις ρίζες της γύρω στο 1980)
- Ταιριάζει στον τρόπο που λειτουργεί το ανθρώπινο μυαλό (Να δοθούν παραδείγματα με συνειρμούς, π.χ. συζητάμε για μια ταινία)
- Συνδυάζει κείμενο, πολυμέσα(εικόνες, video, ήχο), είσοδο και αποστολή δεδομένων κ.α.
- Επεκτείνει τις δυνατότητές της μέσω της χρήσης javascript
- Με την χρήση της από γλώσσες προγραμματισμού όπως php, jsp και asp δημιουργούμε δικτυακές εφαρμογές
HTML
Πρώτη επαφή
- Να δούμε τον κώδικα σελίδας στον firefox μιας απλής ιστοσελίδας (όχι ΙΕ6 αφού το notepad δεν κάνει αλλαγές γραμμών)
- Για να δούμε τον κώδικα html της σελίδας που εμφανίζεται στον περιηγητή μας ψάχνουμε για (κώδικας σελίδας, πηγαίος κώδικας, προέλευση,) συνήθως
στο μενού Προβολή
- Να περιγραφεί η γενική δομή και να εντοπίσουμε το κείμενο, την εικόνα και το πεδίο εισαγωγής δεδομένων
Εργασία να βρεθεί (και να εγκατασταθεί αν δεν είναι ήδη εγκατεστημένη) η εφαρμογή geany μαζί με τα ελληνικά
Κανόνες σύνταξης HTML
(βλ. βιβλίο σελ 118, αυτούσιο)
Παράλληλα με τους κανόνες ένα απλό παράδειγμα ιστοσελίδας για να τους εξηγήσουμε
<HTML> <HEAD> <TITLE>HTML : ΜΑΘΗΜΑ 1</TITLE> </HEAD> <BODY> Η πρώτη μας ιστοσελίδα σε HTML!!!! </BODY> </HTML>
Χρώματα
(Για να δημιουργήσουμε ένα χρώμα βλ. http://www.colorcombos.com/FF0000-hex-color)
Για να ορίζουμε ένα χρώμα χρησιμοποιούμε
- το όνομά του στα αγγλικά (π.χ. red, pink, blue, black)
- Δεκαεξαδική απεικόνιση RGB
Στην δεκαεξαδική απεικόνιση ορίζουμε το ποσοστό του κάθε χρώματος από τα τρία βασικά (κόκκινο, πράσινο, μπλε) ως ένας αριθμός από 0 έως 255. Αντί να σημειώσουμε τον αριθμό (0..255) στο δεκαδικό σύστημα τον σημειώνουμε στο δεκαεξαδικό
Περιγραφή δεκαεξαδικής απεικόνισης
π.χ.
- το κόκκινο είναι #FF0000
Άσκηση : Να βρεθεί η δεκαεξαδική απεικόνιση των
- πράσινο
- μπλε
- άσπρο (FFFFFF) είναι λίγο ανάποδα
- μαύρο (00000)
- κίτρινο (FFFF00)
- ρόζ - φούξια (FF00FF)
Πηγές
- Εγχειρίδια HTML :
- Σε μορφή htmlhelp :http://htmlhelp.com/distribution (το αρχείο htmlhelp)
- css
- Σε μορφή htmlhelp :http://htmlhelp.com/distribution (το αρχείο htmlhelp για css)
- Χρώματα
