Πώς να δημιουργήσετε έναν ιστότοπο σε Html

Πίνακας περιεχομένων:

Πώς να δημιουργήσετε έναν ιστότοπο σε Html
Πώς να δημιουργήσετε έναν ιστότοπο σε Html

Βίντεο: Πώς να δημιουργήσετε έναν ιστότοπο σε Html

Βίντεο: Πώς να δημιουργήσετε έναν ιστότοπο σε Html
Βίντεο: Πώς να δημιουργήσετε μία ιστοσελίδα 2024, Ενδέχεται
Anonim

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

Πώς να δημιουργήσετε έναν ιστότοπο σε html
Πώς να δημιουργήσετε έναν ιστότοπο σε html

Οδηγίες

Βήμα 1

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

Βήμα 2

Ονομάστε όλα τα αρχεία με την επέκταση ".html" (χωρίς εισαγωγικά). Σε αυτά τα ονόματα, μπορούν να χρησιμοποιηθούν μόνο λατινικά γράμματα, αριθμοί, κάτω παύλες και ενωτικά, αλλά σε καμία περίπτωση άλλα σημεία στίξης (εκτός από την περίοδο που διαχωρίζει το όνομα και την επέκταση) και διαστήματα.

Βήμα 3

Φροντίστε να αποθηκεύσετε την αρχική σελίδα του ιστότοπου σε ένα αρχείο που ονομάζεται "index.html" (χωρίς εισαγωγικά). Τοποθετήστε αυτό το αρχείο στον ριζικό φάκελο φιλοξενίας. Είναι το περιεχόμενό του που θα βλέπει ο επισκέπτης του ιστότοπου εισάγοντας τη διεύθυνση URL του στη γραμμή διευθύνσεων του προγράμματος περιήγησης χωρίς πρόσθετες παραμέτρους. Τοποθετήστε την υπόλοιπη σελίδα και τα αρχεία εικόνας στον ίδιο φάκελο.

Βήμα 4

Σε κάθε αρχείο, προ-τακτοποιήστε τα μπλοκ έναρξης και τέλους. Τακτοποιήστε τα όπως φαίνεται στο σχήμα. Στην τελευταία γραμμή του αρχικού μπλοκ QC - η δεκαεξαδική τιμή της φωτεινότητας του κόκκινου στοιχείου του χρώματος φόντου από 00 έως FF, ЗЗ - το ίδιο για το πράσινο στοιχείο, CC - το ίδιο για το μπλε στοιχείο.

Βήμα 5

Τοποθετήστε το περιεχόμενο της σελίδας μεταξύ των μπλοκ έναρξης και τέλους.

Βήμα 6

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

Βήμα 7

Για να ξεκινήσετε μια παράγραφο, χρησιμοποιήστε την ετικέτα που εμφανίζεται στην εικόνα στα αριστερά. Για να έχετε εσοχή μίας γραμμής πριν από την παράγραφο, χρησιμοποιήστε την ετικέτα που φαίνεται στο σχήμα στα δεξιά.

Βήμα 8

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

Βήμα 9

Για να αλλάξετε το μέγεθος και το χρώμα της γραμματοσειράς, χρησιμοποιήστε την εντολή που φαίνεται στο παραπάνω σχήμα, όπου οι τιμές CC, ZZ και SS ορίζονται με τον ίδιο τρόπο όπως και για το χρώμα φόντου, HIGH είναι το ύψος της γραμματοσειράς σε σημεία. Οι ετικέτες χρώματος ή γραμματοσειράς μπορούν να παραλειφθούν εάν αλλάξει μόνο το μέγεθος ή μόνο το χρώμα της γραμματοσειράς. Για να ακυρώσετε αυτήν την εντολή, χρησιμοποιήστε την ετικέτα που φαίνεται στην παρακάτω εικόνα.

Βήμα 10

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

Βήμα 11

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

Βήμα 12

Πραγματοποιήστε αναζήτηση στον ιστό για ένα μάθημα σχετικά με τη γλώσσα σήμανσης HTML και θα μάθετε πώς να χρησιμοποιείτε τις υπόλοιπες ετικέτες που υπάρχουν δεκάδες σε αυτήν τη γλώσσα.

Συνιστάται: