DHTML Introduction

Τα βασικά που πρέπει να γνωρίζετε

Πριν συνεχίσετε, πρέπει να έχετε βασική γνώση των παρακάτω:

  • HTML
  • CSS
  • JavaScript

Αν θέλετε να μάθετε πρώτα αυτά τα έργα, παρακαλώ επισκεφθείτε την Αρχική σελίδα Επισκεφθείτε αυτά τα σεμινάρια.

Το DHTML δεν είναι πρότυπο της W3C

Το DHTML σημαίνει δυναμικό HTML (Dynamic HTML).

Το DHTML δεν είναι πρότυπο που καθορίζεται από την W3C. Το DHTML είναι ένας όρος μάρκετινγκ - χρησιμοποιήθηκε από την εταιρεία Netscape και την Microsoft για να περιγράψει τις νέες τεχνολογίες που οι browser 4.x θα έπρεπε να υποστηρίξουν.

Το DHTML είναι ένα σύνολο τεχνολογιών που χρησιμοποιούνται για τη δημιουργία δυναμικών ιστοσελίδων.

Για τους περισσότερους ανθρώπους, το DHTML σημαίνει συνδυασμό HTML 4.0, στυλ και JavaScript.

Η W3C είπε: "Το DHTML είναι ένας όρος που χρησιμοποιείται από ορισμένες εταιρείες για να περιγράψει μια συνδυασμένη μορφή HTML, στυλ και σκευής που κάνει δυνατή τη δυναμική του έγγραφου."

Τεχνολογία DHTML

Με το DHTML, οι προγραμματιστές του Web μπορούν να ελέγχουν πώς και πού θα εμφανιστούν και θα τοποθετηθούν τα στοιχεία HTML μέσα στο παράθυρο του περιηγητή.

HTML 4.0

Με το HTML 4.0, όλα τα μορφοποιητικά (πληροφορίες) μπορούν να αφαιρεθούν από το έγγραφο HTML και να γραφτούν σε μια ανεξάρτητη λίστα στυλ. Επειδή το HTML 4.0 μπορεί να αποσπάσει την απεικόνιση από τη δομή του έγγραφου, μπορούμε να ελέγχουμε πλήρως την απεικόνιση χωρίς να διαταράξουμε το περιεχόμενο του έγγραφου.

Το CSS (κλιδωμένο στυλ πίνακα)

Με το CSS, αποκτούμε ένα μοντέλο στυλ και διάταξης για τα έγγραφα HTML.

Επειδή το CSS δίνει τη δυνατότητα στους προγραμματιστές να ελέγχουν ταυτόχρονα το στυλ και τη διάταξη πολλαπλών ιστοσελίδων, το CSS μπορεί να θεωρηθεί μιας από τις βασικές επιτυχίες στην περιοχή του σχεδιασμού ιστού. Καθώς προγραμματιστής, μπορείτε να καθορίσετε στυλ για κάθε στοιχείο HTML και να το εφαρμόσετε σε οποιαδήποτε αριθμό ιστοσελίδων που επιθυμείτε. Αν χρειάζεται να κάνετε μια καθολική αλλαγή, απλά αλλάξτε το στυλ και όλα τα στοιχεία του Web θα ενημερωθούν αυτόματα.

Το μοντέλο αντικειμένων αρχείου (DOM)

Η DOM σημαίνει μοντέλο αντικειμένων αρχείου.

Ο HTML DOM είναι μια μοντέλο αντικειμένων για το HTML.

Ο HTML DOM καθορίζει ένα σύνολο τυποποιημένων αντικειμένων για το HTML και τα πρότυπα μέθοδων πρόσβασης και επεξεργασίας αυτών των αντικειμένων.

“Το W3C Document Object Model (DOM) είναι μια ανεξάρτητη από γλώσσα και πλατφόρμα διεπαφή που επιτρέπει σε προγράμματα και σεκτά να προσπελάσουν και να ενημερώσουν δυναμικά το περιεχόμενο, τη δομή και το στυλ του έγγραφου.”

JavaScript

Δίνει την ικανότητα να γράψετε κώδικα που ελέγχει όλες τις HTML στοιχεία.

DHTML technology in Netscape 4.x and Internet Explorer 4.x

Netscape 4.x Cross-Browser DHTML Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (χρησιμοποιούνται για να ελέγξετε τον τρόπο εμφάνισης των διαφόρων στοιχείων HTML)
  • Layers (χρησιμοποιούνται για να ελέγξετε τη τοποθεσία και την ορατότητα των στοιχείων)
  • CSS1
  • CSS2 (χρησιμοποιείται για να ελέγξει τον τρόπο εμφάνισης των διαφόρων στοιχείων HTML)
  • CSS Positioning (χρησιμοποιείται για να ελέγξετε τη τοποθεσία και την ορατότητα των στοιχείων)
  • JavaScript
  • Ορατοί φίλτρα (χρησιμοποιούνται για την εφαρμογή ορατών αποτελεσμάτων στο κείμενο και τις εικόνες)
  • Δυναμικό CSS (χρησιμοποιείται για να ελέγξετε τη τοποθεσία και την ορατότητα των στοιχείων)

Σημείωση:Όσο οι χαρακτηριστικές ιδιότητες και τεχνικές που δημιουργούνται από διάφορους προγραμματιστές δεν υποστηρίζονται από άλλους προγραμματιστές, η κώδικας που χρησιμοποιείται για το DHTML θα προκαλέσει προβλήματα. Μια ιστοσελίδα μπορεί να φαίνεται εξαιρετική σε ένα πρόγραμμα περιήγησης, αλλά πολύ κακή σε ένα άλλο.