Τι είναι το Web-site? Κατάλογος των κυριότερων στοιχείων της ιστοσελίδας

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

Τι είναι το Web-site?

«Κατάλογος των κύριων στοιχείων της ιστοσελίδας» - μας λέει ο εξεταστής στην τάξη της επιστήμης των υπολογιστών. Αυτό που μπορούμε να πούμε σε απάντηση; Πρώτα απ 'όλα, λέει για το τι ιστοσελίδας κατ' αρχήν.

Σύμφωνα με τις γενικά αποδεκτές μεταξύ των ειδικών ΤΠ ορισμού, ένα έγγραφο που έχει σχεδιαστεί για να ανοίξει σε ένα ειδικό πρόγραμμα - το πρόγραμμα περιήγησης και περιέχει τα δεδομένα σε μια οθόνη υπολογιστή με τη βοήθεια του κατάλληλου τύπου για διάφορες χρήσιμο περιεχόμενο - το κείμενο, συνδέσμους, γραφικά, βίντεο, μουσική, και .. κλπ δικτυακού τόπου - ένα έγγραφο κειμένου. Σχετικά στοιχεία για το πρόγραμμα περιήγησης είναι γράμματα, αριθμούς και ειδικούς χαρακτήρες που χρησιμοποιούνται ως στοιχεία της γλώσσας σήμανσης - HTML. Είναι με τη βοήθεια του δημιουργού του «εξηγεί» η ιστοσελίδα το πρόγραμμα περιήγησης πώς να εμφανίσετε την επί της οθόνης ή άλλου περιεχομένου.

Θέση και το ρόλο των ιστοσελίδων στη δομή ιστοσελίδα

Μπορούμε να πούμε ότι η δικτυακού τόπου - είναι το κύριο συστατικό του δικτυακού τόπου; Αυτό είναι εν μέρει αλήθεια. Ωστόσο, όπως προαναφέρθηκε, η ιστοσελίδα - είναι ακριβώς ένα έγγραφο κειμένου. Η περιοχή, κατά κανόνα, βρίσκονται επίσης εικόνες, βίντεο και άλλα στοιχεία πολυμέσων. Οι ιστοσελίδες αντί για ένα κουτί, αλλά στη δομή του, μπορεί να περιέχει αναφορές σε αυτά. Έτσι, μια ιστοσελίδα μπορεί να ονομάζεται ένα σημαντικό συστατικό της ιστοσελίδας στην άποψη του κυρίαρχου ρόλου στην χαρτογράφηση του εικονικού περιεχομένου στους χρήστες.

Σε σπάνιες περιπτώσεις, βέβαια, το εν λόγω έγγραφο είναι το μόνο στοιχείο του χώρου - αν για κάποιο λόγο δεν προβλέπει οθόνη γραφικών, βίντεο και άλλα στοιχεία πολυμέσων. Ειδικότερα, τα πρώτα sites - όταν το Web-σελίδες Markup Language θα εμφανίζονται μόνο - δεν περιλαμβάνει σχετικό περιεχόμενο. μόνο κείμενο και συνδέσμους ήταν μπροστά στα μάτια του χρήστη.

Η αρχή της συμμετοχής του υπερκειμένου

Έτσι, Web-σελίδα που ονομάζεται το έγγραφο συντάχθηκε για τη γλώσσα HTML, μέσω του οποίου το σήμανσης υπερκειμένου. Αλλά τι είναι αυτό το φαινόμενο; Τι είναι ένα υπερκείμενο; Χωρίς να πολύ στη θεωρία, σημειώνουμε ότι το κείμενο αυτό, το οποίο κατά κάποιο τρόπο επιτρέπει τη γρήγορη πρόσβαση στην άλλη - με αναφορά. Σε ένα τυπικό βιβλίο που δεν είναι δυνατόν - δεν υπάρχει «απλό κείμενο». Για να αποκτήσετε πρόσβαση στην επιθυμητή σελίδα, ο αναγνώστης έχει να κάνει κάποια κτύπημα, πριν από την ανάγνωση των περιεχομένων ή υποσημειώσεις. Στο «hypertext» mode, το μεγαλύτερο μέρος της εργασίας γίνεται από τον υπολογιστή - σε βάρος των πληροφοριών αντικατοπτρίζεται στη σελίδα HTML στοιχεία.

Αν καθηγητής της επιστήμης των υπολογιστών μας λέει: «Κατάλογος των κύριων στοιχείων του Web-σελίδα», που πολύ σωστά να ξεκινήσετε την ιστορία σχετικά με τα στοιχεία του σχετικού εγγράφου, που δημιουργούνται με τη χρήση HTML markup. Ως εκ τούτου, πρώτα να εξετάσει ορισμένα θεωρητικά σημεία που αφορούν HTML.

Δομή της HTML: ετικέτες

Πώς λειτουργεί το πρόγραμμα περιήγησης διαβάζει τα απαραίτητα στοιχεία στην ιστοσελίδα του εγγράφου, συντάσσεται στη γλώσσα της HTML; Πολύ απλό.

Βασικά στοιχεία της γλώσσας - είναι ετικέτες. Είναι στις περισσότερες περιπτώσεις ανδρών - έχουν ένα άνοιγμα και το κλείσιμο εκεί. Η πρώτη υποδεικνύονται από μόνο γωνιακές αγκύλες. Η δεύτερη - η ίδια, αλλά το κάθετο τοποθετείται μπροστά από τη δεύτερη κατηγορία - το σύμβολο /. Το πρόγραμμα περιήγησης είναι σε θέση να τα αναγνωρίσει, και ως εκ τούτου δεν υπάρχει πρόβλημα εμφανίζει ιστοσελίδες, σύμφωνα με τους αλγόριθμους που δημιουργούνται από τον κύριο του έργου του εγγράφου.

Η ετικέτα ανοίγματος είναι συνήθως γραμμένο με μεγάλα γράμματα που καλύπτουν - μικρά. Αυτό είναι - ένα πρότυπο καθιερωμένο στο μέσο της πληροφορικής ειδικούς. Browser αναγνωρίζουν σίγουρα HTML-κλικ σε γράμματα, αλλά σε web developers θα πρέπει να εξακολουθούν να ακολουθούν τις σημειώνονται ετικέτες γραφής κυκλώματος. Αυτό θα διευκολύνει, για παράδειγμα, την αναθεώρηση των ιστοσελίδων με άλλους ειδικούς.

γνωρίσματα

Άλλα βασικά στοιχεία της HTML γλώσσας - χαρακτηριστικά. Με τη βοήθειά τους, ο δημιουργός του περιεχομένου της ιστοσελίδας να ορίσετε ιδιότητες - όπως το ύψος της γραμματοσειράς, το χρώμα του, τη θέση σε σχέση με την σελίδα. Το ίδιο ισχύει και για φωτογραφίες, βίντεο και άλλα στοιχεία πολυμέσων. Τα χαρακτηριστικά γραμμένο μέσα σε ένα tag ανοίγματος.

περιεχόμενα

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

στοιχεία της ιστοσελίδας

«Έτσι, απαριθμούν τα βασικά στοιχεία του Web-σελίδες, επιτέλους!» - επαναλαμβάνει την δάσκαλο. «Με ευχαρίστηση», - μας απαντήσει. Τι μέρος της δομής αυτού του τύπου των εγγράφων; Συμφωνούμε ότι θα εξετάσει αυτό το θέμα στο πλαίσιο της μόλις HTML-web στοιχεία της σελίδας. Δηλαδή, εμφανίζει στο πρόγραμμα περιήγησης - αυτό που βλέπει ο χρήστης στην οθόνη - μας ενδιαφέρει σε μικρότερο βαθμό. Το γεγονός ότι οι σχετικές HTML-αλγόριθμους κατά την οποία το πρόγραμμα εμφανίζει το ίδιο περιεχόμενο μπορεί να είναι διαφορετική. Και αυτό το χαρακτηριστικό της HTML: Μπορείτε να εμφανίσετε μια επιθυμητή εικόνα στο Web σελίδων με διαφορετικούς τρόπους. Έτσι, μπορεί να είναι και ισοδύναμο σε σχέση με την ιστοσελίδα δημιουργός σημαίνει εργασίας, και να υιοθετήσει μια διαφορετική ποσότητα του χρόνου και της προσπάθειας για την εφαρμογή τους.

στοιχεία της ιστοσελίδας: Τίτλος

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

Ποια είναι η ιδιαιτερότητα του τίτλου; Βρίσκεται στην κορυφή της ιστοσελίδας. Στην HTML κώδικα, το οποίο δημιουργεί μια επικεφαλίδα, κατά κανόνα, αναμένεται να «κρυπτογράφηση» μόνο κείμενο, αλλά μπορείτε επίσης να τοποθετήσετε ένα μικρό γραφικό ένθετο, εάν είναι απαραίτητο, στο αντίστοιχο στοιχείο. Και αυτό είναι, στην πραγματικότητα, το μόνο που μπορεί να ειπωθεί για τον τίτλο. Φαίνεται ότι ο ρόλος του στη δομή του σχετικού εγγράφου είναι αμελητέα. Αλλά αυτό δεν είναι η περίπτωση. τίτλοι ιστοσελίδας είναι πολύ σημαντική από την άποψη του site ευρετηρίασης σε μηχανές αναζήτησης - Yandex, Google. Αυτό το στοιχείο πρέπει να είναι πλήρως είναι σχετικό με το περιεχόμενο της ιστοσελίδας, καθώς και εξειδικευμένα sites λεπτομέρειες.

Πώς ο τίτλος της ιστοσελίδας καταγράφεται χρησιμοποιώντας τη γλώσσα HTML; Πολύ απλό. Πρώτη γραπτή ετικέτα ανοίγματος που εμφανίζεται πάντα ως HEAD με αγκύλες, και στη συνέχεια - τα περιεχόμενα της κεφαλίδας, μετά - μια ετικέτα κλεισίματος. Έχουν γραφτεί, φυσικά, στην κορυφή του εγγράφου ιστού.

Header ενός εγγράφου ιστού μπορεί να περιλαμβάνει έναν αριθμό πρόσθετων στοιχείων. Μερικές φορές, μια μορφή Web σελίδων μπορεί να απαιτεί την εμφάνιση κειμένου σε μια συγκεκριμένη κωδικοποίηση. Πώς να διασφαλιστεί ότι το έγγραφο διαδίκτυο το κριτήριο; Πολύ απλό. Στη δομή κεφαλίδα του εγγράφου θα πρέπει να τοποθετηθεί HTML-αλγόριθμοι συνταγογράφηση του browser για να χρησιμοποιήσετε μια συγκεκριμένη γλώσσα κωδικοποίησης - όπως κυριλλικό. Οι κατάλληλες εντολές τοποθετούνται μέσα στην ετικέτα META, η οποία, όπως και οι άλλοι, ανοίγει και κλείνει.

Το κύριο μέρος της ιστοσελίδας

Το κύριο μέρος του εγγράφου ιστού ανοίγει ΣΩΜΑΤΟΣ ετικέτα, κλείνει με τη βοήθεια του αντίστοιχου στοιχείου το οποίο περιλαμβάνει μια κάθετο. Την ίδια στιγμή μεταξύ των ετικετών ανοίγματος και κλεισίματος μπορεί να είναι ένα τεράστιο ποσό της πρόσθετης γλώσσας εντολών hypertext markup. Αυτό οφείλεται στο γεγονός ότι το κύριο μέρος του τοποθετείται ένα χρήσιμο περιεχόμενο ιστοσελίδας - κείμενο, συνδέσμους, γραφικά, βίντεο, διαφορετικές μορφές για να συμπληρώσετε.

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

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

Βασικές HTML-tags

Έτσι, ο σκοπός μιας λεπτομερούς μελέτης για το τι είναι τα στοιχεία του Web-σελίδες, μελέτησε λεπτομερώς την ουσία των βασικών HTML-tags. Μερικά από αυτά που έχουμε ήδη αναφέρθηκε παραπάνω - ιδιαίτερα εκείνες με τις οποίες το πρόγραμμα περιήγησης διαβάζει τα web κεφαλίδες σελίδας και καθορίζει ποιο είναι το κύριο μέρος του εγγράφου.

Αρκετά κοινά ετικέτα Π Ο ίδιος, όπως και άλλα παρόμοια στοιχεία υπερκειμένου γλώσσα σήμανσης, μπορεί να ανοίξει και να κλείσει. Αυτή η ετικέτα σας επιτρέπει να διαμορφώσετε μια παράγραφο του εγγράφου που λαμβάνονται ξεχωριστά. Μπορείτε, για παράδειγμα, για να ορίσετε μια συγκεκριμένη γραμματοσειρά και το χρώμα γι 'αυτόν. Ωστόσο, αυτό επιτυγχάνεται με τη χρήση ενός προαιρετικού ετικέτα - FONT. Σε αυτή την περίπτωση, θα πρέπει να τοποθετηθεί στο εσωτερικό του μια παράγραφο που αναφέρεται στα όρια - δεν θα διανείμει HTML-εντολή εμφανίζει τον τύπο του προτίμησε γραμματοσειράς σε άλλα στοιχεία της ιστοσελίδας.

Με ετικέτα ΠΙΝΑΚΑΣ δημιουργήθηκε πίνακα. Μέσω των αντίστοιχων ιδιοτήτων του μπορεί να καθορίσει τον απαραίτητο αριθμό των στηλών και γραμμών που ορίζουν πλάτος ειδικότητα σύνορα, το μέγεθος και το χρώμα του κειμένου στον πίνακα γραμματοσειρά τους.

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

Οι σύνδεσμοι σε άλλα έγγραφα διαδίκτυο ή τα αρχεία που καθορίζονται χρησιμοποιώντας την ετικέτα A. Κατά κανόνα, βρίσκονται μέσα στα χαρακτηριστικά που αντιπροσωπεύουν το γεγονός ότι η δομή μιας ιστοσελίδας - μια υπερ-σύνδεση. Σημειώνει, επίσης, το έγγραφο, αρχείο ή ιστοσελίδα στην οποία οδηγεί.

Κυκλοφορεί μια ετικέτα ως ένα σύνολο πλαισίων. Με αυτό, μπορείτε να χωρίζουν την ιστοσελίδα χώρου σε αρκετές περιοχές - καρέ. Σε κάθε ένα από αυτά μπορείτε να δημοσιεύσετε συνδέσεις σε μεμονωμένα έγγραφα web. Δηλαδή, κουφώματα επιτρέπουν τοποθετηθεί σωστά στην ίδια οθόνη την ίδια στιγμή δύο ή περισσότερες σελίδες.

Η ιστορία για τα βασικά στοιχεία των ιστοσελίδων και την μετέπειτα ιστορία των μέσων διαμόρφωσης χρησιμοποιώντας τη γλώσσα HTML - περίπου ο αλγόριθμος θα είναι η απάντησή μας στο ερώτημα που ζήτησε από τον εξεταστή. Αν μας μίλησε, λέγοντας: «λίστα τα βασικά στοιχεία της Web σελίδας», τότε χρησιμοποιούμε την κατάλληλη μεθοδολογία, έχουμε κάθε ευκαιρία να αναπτύξει ένα θέμα. Δηλαδή, ο όρος «στοιχεία» μπορούμε να κατανοήσουμε τα βασικά συστατικά ενός δομών εγγράφου ιστού, ή τους τύπους περιεχομένου - κείμενο, εικόνες, πίνακες, πλαίσια, σύνδεσμοι ότι ο webmaster δημιουργεί χρησιμοποιώντας ένα εργαλείο όπως το HTML γλώσσα.

Η εξειδίκευση των εργαλείων ανάπτυξης ιστοσελίδων

Εκτός από τα παραπάνω, μπορούμε να διευκρινίσει ποιες ετικέτες και χαρακτηριστικά που παρέχονται από το HTML πρότυπα - ένα τεράστιο ποσό. Εκτός από την HTML πρόσθετα κεφάλαια μορφοποίηση των εγγράφων υπερκειμένου μπορεί να χρησιμοποιηθεί από τους web developers. Για παράδειγμα, χρησιμοποιώντας τη γλώσσα προγραμματισμού JavaScript, μπορείτε να δημιουργήσετε δυναμική Web-σελίδα - δηλαδή, εκείνες στις οποίες το περιεχόμενο ενημερώνεται συνεχώς (τόσο λόγω των ενεργειών του χρήστη, και σύμφωνα με το προ-ορίζεται αλγορίθμων σε σενάρια).

Θα ήταν χρήσιμο να προσθέσω ότι η ανάπτυξη Ιστού μπορεί να χρησιμοποιήσει στο έργο ολοκληρωμένο γλώσσες προγραμματισμού τους, όπως, για παράδειγμα, Perl, PHP, Java, Python, με την οποία γίνονται ακόμη μεγαλύτερες ευκαιρίες για να εργαστείτε με έγγραφα υπερκειμένου. Η ανάγκη γι 'αυτό μπορεί να οφείλεται στο γεγονός ότι η εφαρμογή της τεχνολογίας διαδίκτυο σήμερα - πολύ διαφορετικές. Τα καθήκοντα που αντιμετωπίζει η σύγχρονη προγραμματιστές, μπορεί να είναι αρκετά περίπλοκη. Για παράδειγμα, μερικές φορές απαιτείται η εφαρμογή Web-σελίδες μετάφρασης, γραμμένο στα ρωσικά, αγγλικά. Στην περίπτωση αυτή, τα εργαλεία προγραμματισμού θα είναι η πιο ποικιλόμορφη.