ΑΡΧΙΚΗ ΚΑΤΑΣΚΕΥΗ Bloggs ΚΩΔΙΚΑΣ html JavaScript ΕΙΣΑΓΩΓΗ ManiacΑΝΑΛΥΣΗ Site ΕΙΔΗΣΕΩΝ GadgetManiac ΓΕΝΙΚΑ

Τρίτη, 12 Φεβρουαρίου 2013

ΤΙ ΕΙΝΑΙ Ο HTML ΚΩΔΙΚΑΣ

   Τα αρχικά HTML προέρχονται από τις λέξεις HyperText Markup Language. Η HTML δεν είναι μια γλώσσα προγραμματισμού. Είναι μια περιγραφική γλώσσα, δηλαδή ένας ειδικός
 τρόπος γραφής κειμένου και κλήσης
άλλων αρχείων ή εφαρμογών βασισμένος σε οδηγίες (tags). Ο Web client αναγνωρίζει αυτόν τον ειδικό τρόπο γραφής και εκτελεί τις εντολές που περιέχονται σε αυτόν.Αυτή η υπέρ-γλώσσα δεν αποτελείτε μονό από γράμματα και αριθμούς αλλά από όλα τα σύμβολα που υπάρχουν στο πληκτρολόγιο μας(</.΄¨"{ }[ %!_ κλπ και το καθένα έχει την δικιά του ερμηνεία.Πρέπει να τονίσουμε ότι διάκριση μεταξύ Πεζών και Κεφαλαίων δεν υπάρχει, ο Web client  τα βλέπει ίδια.
Web Server ονομάζουμε τον υπολογιστή που, λογισμικό του τρέχει σε ένα κόμβο Internet και επιτρέπει σε άλλους υπολογιστές να αποκτούν αντίγραφα των Web σελίδων που είναι αποθηκευμένες σε αυτόν(σερβίρει λογισμικό να το πούμε λαϊκά). 
Web Client ονομάζουμε το λογισμικό που τρέχει ένας Η/Υ και του επιτρέπει να "διαβάζει" Web σελίδες (από το σκληρό του δίσκο ή από το Internet αν είναι συνδεδεμένος με αυτό).
   
Τι είναι μια Οδηγία (Tag)
Tag ονομάζουμε μία οδηγία γραμμένη σε HTML, την οποία πρέπει να αναγνωρίσει και ερμηνεύσει ο browser. Τα tags βρίσκονται πάντοτε μεταξύ των συμβόλων < και >.

      Πώς κατασκευάζω μια απλή Web σελίδα:

Μία Web Σελίδα είναι ένα text αρχείο. Για τον λόγο αυτό μπορούμε να χρησιμοποιήσουμε οποιοδήποτε πρόγραμμα μας δίνει την δυνατότητα να παράγουμε text αρχεία. Το notepad, Word, των Windows. Αν θέλετε να χρησιμοποιήσετε το Word for Windows μην ξεχάσετε πως το αρχείο πρέπει να σωθεί σε μορφή txt και όχι doc.Εμείς θα χρησιμοποιήσουμε το Notepad++ για το παράδειγμα μας.
  Ανοίγουμαι το Notepad++ και γράφουμε κατά γράμμα.
     
 <html>

<head>
<title>ΟΙ ΣΕΛΙΔΕΣ ΜΟΥ</title>
</head>

<body>
<body background="">
<body bgcolor="#6B77FF">
<body text="#2833B6">
<body background="">

<h2 align=center>ΕΛΑΙΟΥ ΠΑΡΑΓΩΓΟΣ</h2>
<CENTER>
<a href="">ΑΡΧΙΚΗ</a>
<a href="">ΠΡΟΦΙΛ</a>
<a href="">ΕΠΙΚΟΙΝΩΝΙΑ</a>
<a href="">ΔΟΚΙΜΗ</a>
</CENTER>

</body>

</html>



     Με πράσινη αγκύλη, βλέπεται φώτο,δηλώνουμε τον κώδικα  <html>......</html>
     Με την μαύρη αγκύλη δηλώνουμε, τον τίτλο οδηγία      <head>......</head>
     Με την κόκκινη,  δηλώνουμε το ορατό κείμενο οδηγία  <body>......</body>
Με άλλα λόγια  μια web σελίδα αποτελείται από τρία μερη
   α) το μέρος που δηλώνουμε τον κώδικα
   β)το μέρος που δηλώνουμε τον τίτλο
   γ)το ορατό μέρος της σελίδας.
και πάμε να δούμε πως βλέπει ο explorer αυτό το αρχείο,αφού το αποθηκεύσουμε σε .html μορφή.


   Επίσης με αυτές τις δυο εντολές ορίσαμε το χρώμα και το μέγεθος της γραμματοσειράς              <body bgcolor="#6B77FF">,   <body text="#2833B6">

Κατά αυτόν τον απλό τρόπο φτιάξαμε την πρώτη  HTML σελίδα μας με τον τίτλο ΟΙ ΣΕΛΙΔΕΣ ΜΟΥ.

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.