Βασικός οδηγός HTML, CSS και JavaScript

Καλώς ήρθατε στο μάθημα!

Για την κατανόηση του HTML βοηθά να καταλάβουμε καλύτερα τι ακριβώς είναι το HTML. Αυτό το μάθημα ασχολείται ακριβώς με αυτό το ερώτημα.

Η κρίσιμη ερώτηση όταν μόλις ξεκινάς: Πώς δημιουργούνται, εμφανίζονται ή τροποποιούνται τα έγγραφα HTML; Σε αυτό το βίντεο θα βρεις την απάντηση.

Η βάση των εγγράφων HTML αποτελούν τα λεγόμενα tags. Αυτή την έννοια θα μάθεις σε αυτό το μάθημα.

Τα έγγραφα HTML αποτελούνται από μια επικεφαλίδα με πληροφορίες σχετικά με το έγγραφο και το ορατό περιεχόμενο. Σε αυτό το μάθημα, πρώτα θα εξετάσουμε την επικεφαλίδα (head).

Τα πραγματικά περιεχόμενα αποθηκεύονται στο σώμα της σελίδας. Πρέπει οπωσδήποτε να έχεις καταλάβει αυτήν τη βασική διαίρεση. Αυτό το μάθημα είναι, επομένως, απαραίτητο σε κάθε περίπτωση!

Ακριβώς τα έγγραφα μεγάλου μεγέθους επωφελούνται από σχόλια που δεν εμφανίζονται απευθείας στην ίδια την ιστοσελίδα. Μπορούν να κάνουν τον κώδικα πιο ευανάγνωστο και να τον τεκμηριώσουν. Μάθε πώς να τα δημιουργείς.

Στον ιστό, θα συναντάς συχνά οδηγίες διαδρομής - και συγκεκριμένα σε δύο εκδοχές: ως σχετική ή απόλυτη οδηγία διαδρομής. Ρίξε μία ματιά σε αυτό το μάθημα για να κατανοήσεις τον όρο.

Οι αναφορές μέσα σε μια ιστοσελίδα είναι εξαιρετικά συχνές. Η υλοποίησή τους βρίσκεται σε αυτή την ανάρτηση.

Οι αναφορές σε άλλες ιστοσελίδες είναι εξίσου σημαντικές και ανήκουν επίσης στην καθημερινότητα στο Διαδίκτυο. Επίσης, υπάρχει η επιλογή Target, που δείχνει πώς ανοίγουν οι σύνδεσμοι. Μάθε πώς να το υλοποιήσεις.

Οι αναφορές μέσα σε ένα έγγραφο ονομάζονται επίσης αγκύρια. Μάθε να τα τοποθετείς και να αναφέρεσαι σε τμήματα στην τρέχουσα σελίδα.

Σε μια ιεραρχική δομή συμπεριλαμβάνονται μεταξύ άλλων επικεφαλίδες. Εδώ μπορείτε να μάθετε τα διαθέσιμα στοιχεία.

Τα κενά και οι αλλαγές γραμμής σε έγγραφα HTML είναι περιορισμένα. Είναι σημαντικό να γνωρίζεις αυτή την έννοια.

Σε ένα κείμενο, οι παράγραφοι παίζουν σημαντικό ρόλο. Εδώ μαθαίνεις πώς να τις τοποθετείς.

Ακριβώς στον ιστό, οι κείμενοι πρέπει να είναι κατανοητοί. Οι λίστες βοηθούν τον αναγνώστη κατά την προσπέραση. Γι' αυτό είναι υποχρεωτικό το μάθημα για τις ταξινομημένες και τις αταξινόμητες λίστες.

Οι πίνακες είναι πολύ σημαντικοί για την οργάνωση δεδομένων σε μορφή πίνακα. Εδώ μαθαίνεις τις βασικές αρχές.

Ένα διαδίκτυο χωρίς εικόνες δεν είναι αποδεκτό. Εδώ μπορείς να μάθεις πώς να ενσωματώνεις εικόνες.

Μάθε να ενσωματώνεις ειδικούς χαρακτήρες στα έγγραφά σου ως HTML στοιχεία.

Με frames ενσωματώνεις άλλες ιστοσελίδες απευθείας μέσα στην ιστοσελίδα σου.

Τα JavaScript ενσωματώνονται σε έγγραφα HTML. Εδώ μαθαίνεις πώς να το κάνεις.

Στην πρώτη ασκήσεως πρακτικής HTML πρόκειται για τη μορφοποίηση κειμένου και τοποθέτηση των επικεφαλίδων.

Εδώ δημιουργείς μια συνταγή ως έγγραφο HTML και χρησιμοποιείς βασικά στοιχεία HTML.

Η γνώση σχετικά με τους πίνακες εφαρμόζεται τώρα στην πράξη.

Μάθε τον όρο του Cascading Style Sheets.

Μάθε να αναθέτεις απευθείας τις δηλώσεις CSS στα στοιχεία.

Οι εσωτερικοί φύλλα στυλ είναι ένας ακόμη τρόπος να τοποθετούνται οδηγίες απευθείας στο έγγραφο.

Ένα πολύ συνηθισμένο περιστατικό: τα stylesheets μεταφέρονται σε εξωτερικά αρχεία και συμπεριλαμβάνονται.

Για το styling, τα attributs "class" και "id" είναι εξαιρετικά σημαντικά. Μάθε τα εδώ.

Τα containers παίζουν σημαντικό ρόλο στην εργασία με το CSS. Εδώ μπορείς να μάθεις το συγκεκριμένο έννοια χρησιμοποιώντας το παράδειγμα της ετικέτας div.

Με την ιδιότητα float, τα στοιχεία μπορούν να τοποθετηθούν διαφορετικά. Ένα κεντρικό στοιχείο στον σχεδιασμό. Υποχρεωτικό μάθημα!

Επίσης, το στοιχείο θέσης είναι εξαιρετικά σημαντικό και πρέπει να περιλαμβάνεται σε κάθε σχέδιο μαθημάτων CSS.

Μάθε τις διαφορετικές παραμέτρους για τις αποστάσεις («padding» και «margin»).

Το πλάτος και το ύψος (ύψος και πλάτος) είναι θέμα σε αυτό το μάθημα.

Τα στοιχεία HTML μπορούν να εμφανιστούν με ένα πλαίσιο. Γι' αυτό υπάρχει το γνώρισε σε αυτό το βίντεο.

Καθένας έχει χρησιμοποιήσει διαφορετικούς μεγέθη γραμμάτων. Μετά αυτό το μάθημα, μπορείς να τα ορίσεις με CSS.

Τα γραφήματα δεν είναι πάντα διαθέσιμα σε κάθε υπολογιστή. Γι' αυτό στον ιστό, καλύτερα ορίζονται συνήθως οι γραμματοσειρές. Μάθε σε αυτό το βίντεο πως γίνεται.

Η βάση της μορφοποίησης κειμένου: έντονο, πλάγιο και υπογραμμισμένο κείμενο. Σε αυτό το μάθημα θα σου παρουσιάσω τις οδηγίες CSS.

Η στοίχιση του κειμένου είναι επίσης γνωστή από την επεξεργασία κειμένου και δεν είναι ασυνήθιστη στον ιστό. Ανακάλυψε πώς λειτουργεί αυτό με το CSS.

Το προεπιλεγμένο σχεδιασμό των συνδέσμων μπορεί να βελτιωθεί σημαντικά με τη χρήση CSS. Μάθε τις διάφορες καταστάσεις των συνδέσμων και τις αντίστοιχες εντολές CSS.

Μια σύντομη επισκόπηση στο ερώτημα: "Τι ακριβώς είναι το JavaScript;

Σε αυτό το crash course, ενσωματώνεις το JavaScript σε ένα έγγραφο HTML. Αρχικά μάθαινε να το τοποθετείς απευθείας μέσα στο έγγραφο.

Τα εξωτερικά scripts JavaScript είναι επίσης σημαντικά και παρόντα στον ιστό.

Μάθε το μοντέλο αντικείμενου εγγράφου.

Δεν χρειάζεται να εκτυπώσετε δεδομένα σε TVML/TVJS με αυτόν τον τρόπο, αλλά παρ' όλα αυτά είναι σημαντικό για τα επόμενα παραδείγματα.

Ένα κύριο χαρακτηριστικό της JavaScript είναι ο έλεγχος μέσω συμβάντων. Εδώ μαθαίνεις το έννοια με το παράδειγμα των κλικ συμβάντων.

Μάθε πώς να έχεις πρόσβαση στα στοιχεία και πώς μπορείς να αλλάξεις την τιμή τους.

Μεταβλητές - κεντρική έννοια σε κάθε γλώσσα προγραμματισμού. Εδώ μαθαίνεις πώς δημιουργούνται στη JavaScript.

Ακόμα κι αν το JavaScript δε χρησιμοποιεί συγκεκριμένους τύπους δεδομένων κατά τη δήλωση, πρέπει παρόλα αυτά να κατανοήσεις το συγκεκριμένο έννοια.

Ένας υπολογιστής (στα γερμανικά "Rechner") δεν μπορεί να υπολογίσει τίποτα χωρίς απλή αριθμητική. Το JavaScript μπορεί φυσικά κι αυτό.

Ακόμα κι αν δεν τις χρησιμοποιείς απευθείας μόνος σου, συχνά συναντάς συνθετικές / συνδυαστικές αναθέσεις στην πράξη. Καλό είναι να μπορείς να διαβάσεις τη σύνταξη!

Χωρίς συνθήκες, η προγραμματιστική διαδικασία είναι δύσκολο να φανταστεί.

Σημαντική είναι και η έννοια της επανάληψης. Εδώ θα μάθεις μια παραλλαγή σε JavaScript.

Οι βρόχοι while έχουν τον δικό τους σκοπό. Καλό είναι να τους γνωρίζεις κι εσύ.

Θα χρησιμοποιήσεις επίσης λειτουργίες στο TVJS. Ένα σημαντικό έννοια που πρέπει να κατανοήσεις.

Για να κινηθείς σωστά στον κώδικα, πρέπει να γνωρίζεις τις περιοχές ισχύος της JavaScript (Πεδία Εφαρμογής).

Εδώ πρόκειται να ξαναμιλήσουμε για τα events, λίγο πιο αναλυτικά.

Οι συμβολοσειρές πιθανώς θα σας συναντήσουν σε κάθε εφαρμογή. Γι' αυτό είναι απαραίτητο να περιλαμβάνονται σε έναν επείγοντα μάθημα.

Θέματα όπως τυχαίοι αριθμοί και άλλοι περίπλοκοι υπολογισμοί είναι επίσης σημαντικά.

Και τα Arrays θα σου συναντηθούν σίγουρα στο περιβάλλον του JavaScript και του TVJS. Είναι καλό να τα γνωρίζεις.

Και στο TVJS χρησιμοποιούνται αντικείμενα. Έτσι θα έπρεπε τουλάχιστον να γνωρίζεις τη μετατροπή σε JavaScript.

Χαρακτηριστικά ανήκουν στον προσανατολισμό στο αντικείμενο και πρέπει να κατανοηθούν βασικά.

Σημαντικές είναι και οι μέθοδοι που θα συναντήσεις συχνά στα παραδείγματα της TVJS.