Τεχνολογία: Μάθε HTML!
Learn HTML
Σε αυτό το άρθρο παρουσιάζονται κάποιες απλές πληροφορίες για την HTML, ενώ προηγείται μια γενική αναφορά στο WWW. Όπου μπορούσε να γίνει μετάφραση των αγγλικών όρων στα ελληνικά, έγινε με ευθύνη του συγγραφέα.
Περί γουγουγού γενικά...
Το World Wide Web (www) = παγκόσμιος ιστός, λέγεται πιο απλά web σκέτο, = ιστός ή δίκτυο. Το Web είναι ένα δίκτυο υπολογιστών σε όλο τον κόσμο. Όλοι οι υπολογιστές στο δίκτυο μπορούν να επικοινωνήσουν μεταξύ τους. Για την επικοινωνία τους οι υπολογιστές χρησιμοποιούν διάφορα πρωτόκολλα, ένα από τα οποία είναι το HTTP, Hyper Text Transfer Protocol = πρωτόκολλο μεταφοράς υπερκειμένου.
Οι πληροφορίες που βρίσκονται στον ιστό αποθηκεύονται σε έγγραφα που ονομάζονται Web Pages = ιστοσελίδες. Οι ιστοσελίδες είναι αρχεία αποθηκευμένα σε κεντρικούς υπολογιστές, τους Web Servers = εξυπηρετητές δικτύου. Οι υπολογιστές που διαβάζουν τις ιστοσελίδες από έναν εξυπηρετητή δικτύου ονομάζονται Web Clients = Πελάτες δικτύου, και χρησιμοποιούν γι' αυτό το σκοπό προγράμματα που λέγονται Web Browsers = περιηγητές ιστού ή φυλλομετρητές ιστοσελίδων. Δημοφιλείς browsers είναι οι Internet Explorer, Netscape Navigator, Mozilla, Opera.
O browser παίρνει μια ιστοσελίδα από έναν εξυπηρετητή στέλνοντας σε αυτόν μια request = αίτηση, που περιέχει την διεύθυνση της σελίδας σύμφωνα με το πρωτόκολλο http.
Για να εμφανίσει ο browser την ιστοσελίδα που παίρνει από τον server, πρέπει να διαβάσει τις οδηγίες που περιέχονται σ' αυτήν. Κάθε ιστοσελίδα περιέχει τις οδηγίες που αφορούν στην εμφάνισή της από έναν browser. Oι πιο συνηθισμένες οδηγίες ονομάζονται html tags. Ένα html tag μοιάζει κάπως έτσι:
<p>This is a Paragraph</p>.
Η html, όπως και κάθε γλώσσα προγραμματισμού, όπως και κάθε άλλη γλώσσα (Ελληνικά, Quenya, μαθηματικά σύμβολα, πινακίδες κυκλοφορίας) είναι ένας κώδικας. Για να έχει νόημα η ύπαρξή της και να είναι χρήσιμη, πρέπει κάθε σημείο της γλώσσας να έχει μια μονοσήμαντη αντιστοιχία σε μία παράσταση, είτε σε μια ποικιλία παραστάσεων ανάλογα με την παραμετροποίηση που μπορεί να δεχτεί το σημείο. Αυτό σημαίνει ότι κάποιος πρέπει να θέσει κάποια standards = πρότυπα, τα οποία θα έχουν υπ' όψιν οι χρήστες κάθε φορά.
Αυτά τα πρότυπα για την html τα φτιάχνει το World Wide Web Consortium ή σε συντομία W3C. Τα κυριότερα πρότυπα για το δίκτυο, εκτός από την html είναι τα CSS και XML.
Περί HTML ειδικότερα...
Τα αρχικά HTML σημαίνουν Hyper Text Markup Language, σε ελεύθερη μετάφραση Γλώσσα Σήμανσης Υπερκειμένου. Ένα αρχείο HTML περιλαμβάνει μικρά markup tags (ετικέτες επισήμανσης), τα οποία και δίνουν την κατάλληλη οδηγία για την εμφάνιση της σελίδας. Τα αρχεία HTML πρέπει να έχουν κατάληξη .htm ή .html και μπορούν να δημιουργηθούν με έναν απλό κειμενογράφο όπως το Notepad των Windows.
Αν θέλετε να δοκιμάσετε να φτιάξετε με το Notepad μια πολύ απλή ιστοσελίδα, ανοίξτε το και γράψτε αυτές τις γραμμές:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
|
Φυλάξτε το αρχείο με όποιο όνομα θέλετε και κατάληξη .htm και ανοίξτε το με τον Internet Browser που χρησιμοποιείτε. Θα δείτε μια πολύ απλή HTML σελίδα.
Εξήγηση του παραδείγματος:
Το πρώτο tag στο αρχείο αυτό είναι το <html>. Αυτό λέει στον browser ότι αυτή είναι η αρχή ενός html αρχείου. Αντίστοιχα, το τελευταίο tag είναι το </html> που σημαίνει το τέλος του αρχείου html.
Το κείμενο μεταξύ των επόμενων tags, <head> και </head> είναι οι πληροφορίες επικεφαλίδας της ιστοσελίδας και δεν εμφανίζονται στο παράθυρο του browser, ενώ το κείμενο μεταξύ των <title> tags είναι ο τίτλος της σελίδας και εμφανίζεται στο caption του παραθύρου, στο πάνω μέρος δλδ του browser.
Το κείμενο μετά το <body> και μέχρι το </body> περιλαμβάνει όλα τα στοιχεία που θα εμφανίζονται στο παράθυρο του browser, και τέλος το <b> και το </b> είναι ένα πολύ απλό tag διαμόρφωσης της σελίδας που ορίζει ότι το κείμενο που περιλαμβάνεται σε αυτό θα εμφανίζεται με έντονη γραμματοσειρά.
Τέλος...
Κάποιες τελευταίες σημειώσεις/παρατηρήσεις/συμπεράσματα.
- Τα περισσότερα tags χρησιμοποιούνται σε ζεύγη, με το τελικό tag να επισημαίνεται από την κάθετο /, π.χ. <b> και </b>. Πάντα σ' αυτές τις περιπτώσεις, επηρεάζεται όλο το κείμενο που περιλαμβάνεται ανάμεσα στο αρχικό και το τελικό tag, και μόνο αυτό.
- Tα αρχεία HTML μπορεί να είναι αποθηκευμένα σε μορφή .htm ή .html. Δεν υπάρχει καμμιά διαφορά ανάμεσα στα δύο, τα αρχεία .htm είναι απομεινάρι μιας εποχής όταν οι browsers άνοιγαν αρχεία με μόνο τρία γράμματα στην επέκτασή τους.
- Μπορείτε πολύ εύκολα να δημιουργήσετε και να επεξεργαστείτε μια ιστοσελίδα με κάποιον WYSIWYG Editor (What You See Is What You Get) όπως τα Microsoft Frontage ή Adobe PageMill, που λειτουργούν με γραφικό τρόπο, αντί να γράφετε απ' ευθείας tags σε απλό κείμενο. Απλά το να ξέρει κανείς και τον τρόπο με τον οποίο δουλέυουν αυτά τα προγράμματα είναι χρήσιμο, αφ' ενός γιατί μπορεί να κάνει αλλαγές στη σελίδα απ' ευθείας στον κώδικα, και αφ' ετέρου γιατί είναι απαραίτητη γνώση αν σκοπεύει κανείς να προχωρήσει σε προγραμματισμό html.
Έπεται και συνέχεια...
 από TiNaKi
gut
| 
