Το Σημειωματάριο των Windows είναι ένα βασικό πρόγραμμα επεξεργασίας κειμένου που μπορείτε να χρησιμοποιήσετε για να γράψετε τις ιστοσελίδες σας. Οι ιστοσελίδες είναι απλά κείμενο και μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου για να γράψετε HTML. Αυτό το σεμινάριο σας καθοδηγεί στη διαδικασία.
01 από 07Τοποθετήστε τα αρχεία σας σε νέο φάκελο
Για να δημιουργήσετε έναν νέο ιστότοπο στο Σημειωματάριο, δημιουργήστε πρώτα ένα ξεχωριστό φάκελο για να το αποθηκεύσετε. Συνήθως, αποθηκεύετε τις ιστοσελίδες σας σε ένα φάκελο που ονομάζεται HTML στο φάκελο "Τα έγγραφά μου", αλλά μπορείτε να τα αποθηκεύσετε όπου θέλετε.
- Ανοιξε τοΤα αρχεία μου παράθυρο.
- Κάντε κλικ Αρχείο > Νέος > Ντοσιέ.
- Ονομάστε το φάκελο η ιστοσελίδα μου.
Σημαντική σημείωση: Ονομάστε τους φακέλους και τα αρχεία ιστού χρησιμοποιώντας όλα τα πεζά γράμματα και χωρίς κενά ή σημεία. Ενώ τα Windows σας επιτρέπουν να χρησιμοποιείτε διαστήματα, πολλοί πάροχοι φιλοξενίας ιστοσελίδων δεν το κάνουν και θα εξοικονομήσετε χρόνο και προβλήματα, αν ονομάσετε σωστά τα αρχεία και τους φακέλους από την αρχή.
Αποθηκεύστε τη σελίδα ως HTML
Όπως και με το όνομα καταλόγου, όταν αποθηκεύετε τη σελίδα, χρησιμοποιήστε όλα τα πεζά γράμματα και δεν υπάρχουν κενά ή ειδικοί χαρακτήρες στο όνομα αρχείου.
- Στο Σημειωματάριο, κάντε κλικ στο Αρχείο και μετά Αποθήκευση ως.
- Μεταβείτε στο φάκελο όπου αποθηκεύετε τα αρχεία ιστότοπού σας.
- Αλλαξε το Αποθήκευση ως τύπου από το αναπτυσσόμενο μενού Ολα τα αρχεία (*.*).
- Ονομάστε το αρχείο. Αυτό το σεμινάριο χρησιμοποιεί το όνομα pets.htm.
03 του 07
Ξεκινήστε τη σύνταξη της ιστοσελίδας
Το πρώτο πράγμα που πρέπει να πληκτρολογήσετε στο έγγραφο Notepad HTML5 είναι το DOCTYPE. Αυτό ενημερώνει τους browsers για τον τύπο HTML που περιμένουν.
Η δήλωση doctype δεν είναι ετικέτα. Λέει στον υπολογιστή ότι έρχεται ένα έγγραφο HTML5. Πηγαίνει στην κορυφή κάθε σελίδας HTML5 και παίρνει αυτήν τη φόρμα:
Μόλις έχετε το DOCTYPE, μπορείτε να ξεκινήσετε το HTML σας. Πληκτρολογήστε την ετικέτα έναρξης και την τελική ετικέτα και αφήστε λίγο χώρο για τα περιεχόμενα του σώματός σας. Το έγγραφο του Σημειωματάριου πρέπει να έχει την εξής μορφή:
Δημιουργήστε ένα κεφάλι για την ιστοσελίδα σας
Ο επικεφαλής ενός εγγράφου HTML είναι όπου αποθηκεύονται βασικές πληροφορίες σχετικά με την ιστοσελίδα σας - πράγματα όπως ο τίτλος της σελίδας και ενδεχομένως οι μετα-ετικέτες για τη βελτιστοποίηση της μηχανής αναζήτησης. Για να δημιουργήσετε μια ενότητα κεφαλίδας, προσθέστε τις ετικέτες κεφαλίδας στο έγγραφο κειμένου HTML του Σημειωματάριου μεταξύ των ετικετών html.
Όπως και με τις ετικέτες html, αφήστε λίγο χώρο μεταξύ τους, ώστε να έχετε χώρο για να προσθέσετε πληροφορίες για το κεφάλι.
05 του 07Προσθέστε έναν τίτλο σελίδας στην ενότητα κεφάλι
Ο τίτλος της ιστοσελίδας σας είναι το κείμενο που εμφανίζεται στο παράθυρο του προγράμματος περιήγησης. Είναι επίσης αυτό που γράφεται σε σελιδοδείκτες και αγαπημένα όταν κάποιος αποθηκεύει τον ιστότοπό σας. Αποθηκεύστε το κείμενο τίτλου μεταξύ των ετικετών τίτλου. Δεν θα εμφανίζεται στην ίδια την ιστοσελίδα, μόνο στην κορυφή του προγράμματος περιήγησης.
Αυτή η σελίδα παραδειγμάτων ονομάζεται "McKinley, Shasta, και άλλα κατοικίδια ζώα."
Δεν έχει σημασία πόσο καιρό είναι ο τίτλος σας ή αν καλύπτει πολλές γραμμές στην HTML σας, αλλά οι πιο σύντομοι τίτλοι είναι ευκολότεροι στην ανάγνωση και μερικά προγράμματα περιήγησης αποκόπτουν μεγάλες παραμέτρους στο παράθυρο του προγράμματος περιήγησης.
06 του 07Το κύριο σώμα της ιστοσελίδας σας
Το σώμα της ιστοσελίδας σας αποθηκεύεται μέσα στις ετικέτες του σώματος. Θα πρέπει να έρθει μετά τις ετικέτες κεφαλής, αλλά πριν από την τελική ετικέτα html. Αυτός είναι ο τόπος όπου βάζετε το κείμενο, τους τίτλους, τους υποτίτλους, τις εικόνες και τα γραφικά, τους συνδέσμους και κάθε άλλο περιεχόμενο. Μπορεί να είναι όσο θέλετε.
Αφήστε επιπλέον χώρο ανάμεσα στις ετικέτες του αμαξώματος εκκίνησης και του τερματισμού.
Αυτή η ίδια μορφή μπορεί να ακολουθηθεί για να γράψετε την ιστοσελίδα σας στο Σημειωματάριο.
07 του 07Δημιουργία φακέλου εικόνων
Πριν προσθέσετε περιεχόμενο στο σώμα του εγγράφου HTML, πρέπει να ρυθμίσετε τους καταλόγους σας έτσι ώστε να έχετε ένα φάκελο για εικόνες.
- Ανοιξε το Τα αρχεία μου παράθυρο.
- Αλλαγή στο η ιστοσελίδα μου ντοσιέ.
- Κάντε κλικ Αρχείο > Νέος > Ντοσιέ.
- Ονομάστε το φάκελο εικόνες.
Αποθηκεύστε όλες τις εικόνες για τον ιστότοπό σας στον φάκελο εικόνων, ώστε να τις βρείτε αργότερα. Αυτό το καθιστά εύκολο να τα ανεβάσετε όταν χρειαστεί.
