Δημιουργία νέας ιστοσελίδας χρησιμοποιώντας το σημειωματάριο

01 από 07

Τοποθετήστε τα αρχεία σας σε νέο φάκελο

Το Σημειωματάριο των Windows είναι ένα βασικό πρόγραμμα επεξεργασίας κειμένου που μπορείτε να χρησιμοποιήσετε για να γράψετε τις ιστοσελίδες σας. Οι ιστοσελίδες είναι απλά κείμενο και μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου για να γράψετε το HTML σας. Αυτό το σεμινάριο σας καθοδηγεί στη διαδικασία.

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

1. Ανοίξτε το παράθυρο Τα έγγραφά μου
2. Κάντε κλικ στην επιλογή Αρχείο > Νέα > Φάκελος
3. Ονομάστε το φάκελο my_website

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

02 του 07

Αποθηκεύστε τη σελίδα ως HTML

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

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

1. Στο Σημειωματάριο (Notepad), κάντε κλικ στο Αρχείο
2. Μεταβείτε στο φάκελο όπου αποθηκεύετε τα αρχεία ιστότοπού σας.
3. Αλλάξτε το αναπτυσσόμενο μενού Αποθήκευση ως τύπου σε Όλα τα αρχεία (*. *).
4. Ονομάστε το αρχείο.Αυτό το φροντιστήριο χρησιμοποιεί το όνομα pets.htm.

03 του 07

Ξεκινήστε τη σύνταξη της ιστοσελίδας

Το πρώτο πράγμα που πρέπει να πληκτρολογήσετε στο έγγραφο HTML του Notepad είναι το DOCTYPE. Αυτό ενημερώνει τους browsers για τον τύπο HTML που περιμένουν. Αυτό το σεμινάριο χρησιμοποιεί HTML5.

Η δήλωση doctype δεν είναι ετικέτα. Λέει στον υπολογιστή ότι έρχεται ένα έγγραφο HTML5. Πηγαίνει στην κορυφή κάθε σελίδας HTML5 και παίρνει αυτήν τη φόρμα:

Μόλις έχετε το DOCTYPE, μπορείτε να ξεκινήσετε το HTML σας. Πληκτρολογήστε και την αρχή

την ετικέτα και την τελική ετικέτα και αφήστε λίγο χώρο για τα περιεχόμενα του σώματός σας. Το έγγραφο του Σημειωματάριου πρέπει να έχει την εξής μορφή:

04 του 07

Δημιουργήστε ένα κεφάλι για την ιστοσελίδα σας

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

ετικέτες στο έγγραφο κειμένου HTML του Notepad μεταξύ των χαρακτήρων.

Όπως και με το

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

05 του 07

Προσθέστε έναν τίτλο σελίδας στην ενότητα κεφάλι

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

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

Αυτή η σελίδα παραδειγμάτων ονομάζεται "McKinley, Shasta, και άλλα κατοικίδια ζώα."

McKinley, Shasta και άλλα κατοικίδια

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

06 του 07

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

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

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

Αυτή η ίδια μορφή μπορεί να ακολουθηθεί για να γράψετε την ιστοσελίδα σας στο Σημειωματάριο.

Ο τίτλος του τίτλου σας πηγαίνει εδώΌλα τα στοιχεία της ιστοσελίδας πηγαίνουν εδώ

07 του 07

Δημιουργία φακέλου εικόνων

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

1. Ανοίξτε το παράθυρο Τα έγγραφά μου .
2. Αλλαγή στο φάκελο my_website .
3. Κάντε κλικ στην επιλογή Αρχείο > Νέα > Φάκελος.
4. Ονομάστε τις εικόνες φακέλων.

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