Πώς να δημιουργήσετε μια απλή ιστοσελίδα με Σημειωματάριο: 15 βήματα

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

Πώς να δημιουργήσετε μια απλή ιστοσελίδα με Σημειωματάριο: 15 βήματα
Πώς να δημιουργήσετε μια απλή ιστοσελίδα με Σημειωματάριο: 15 βήματα

Βίντεο: Πώς να δημιουργήσετε μια απλή ιστοσελίδα με Σημειωματάριο: 15 βήματα

Βίντεο: Πώς να δημιουργήσετε μια απλή ιστοσελίδα με Σημειωματάριο: 15 βήματα
Βίντεο: Top 40 Medieval Open World Games 2024, Δεκέμβριος
Anonim

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

Βήμα

Μέθοδος 1 από 1: Δημιουργία της δικής σας ιστοσελίδας

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

Βήμα 1. Ανοίξτε το Σημειωματάριο

Αυτός ο επεξεργαστής κειμένου είναι ένα ενσωματωμένο πρόγραμμα διαθέσιμο σε κάθε υπολογιστή Windows και μπορεί να βρεθεί στο μενού Έναρξη. Αφού ανοίξει το Σημειωματάριο, κάντε κλικ στο Αρχείο> Αποθήκευση ως και, στη συνέχεια, επιλέξτε Όλα τα αρχεία στη στήλη Τύπος αρχείου. Αποθηκεύστε το αρχείο που δημιουργήσατε σε μορφή HTML. Γενικά, η κύρια σελίδα ενός ιστότοπου έχει το όνομα αρχείου "index.html" και περιέχει συνδέσμους προς όλες τις σελίδες του ιστότοπου.

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

Βήμα 2. Κατανοήστε την HTML

Το σήμα (ετικέτα) σε HTML (Γλώσσα σήμανσης υπερκειμένου) είναι σε.

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

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

Βήμα 3. Ξεκινήστε την ιστοσελίδα σας εισάγοντας μια ετικέτα στο επάνω μέρος του αρχείου

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

Βήμα 4. Χρησιμοποιήστε ετικέτες για να εισαγάγετε διάφορες πληροφορίες

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

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

Βήμα 5. Αφού εισαγάγετε την ετικέτα, ονομάστε τη σελίδα με την ετικέτα, για παράδειγμα wikiHow HTML

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

Βήμα 6. Ολοκληρώστε την κεφαλίδα του ιστότοπου χρησιμοποιώντας το πρόσημο

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

Βήμα 7. Χρησιμοποιήστε ετικέτες για να εισαγάγετε περιεχόμενο σελίδας

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

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

Βήμα 8. Γράψτε τα περιεχόμενα της ιστοσελίδας μεταξύ των

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

μέχρι

Το Σημάδι

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

Καλώς ήλθατε στον ιστότοπό μου

Το Βεβαιωθείτε ότι έχετε κλείσει την πινακίδα

στο τέλος της πρότασης.

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

Βήμα 9. Δημιουργήστε μια παράγραφο στη σελίδα με το σήμα

Για παράδειγμα, γράψτε

Δοκιμή παραγράφου!

Για να δημιουργήσετε μια νέα γραμμή, χρησιμοποιήστε το πρόσημο, ή διαλείμματα.

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

Βήμα 10. Σίγουρα δεν θέλετε η ιστοσελίδα που δημιουργείτε να περιέχει μόνο απλό κείμενο

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

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

Βήμα 11. Προσθέστε εικόνα με πρόσημο

Image
Image

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

Σημάδι

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

απαιτεί ορισμένες πληροφορίες για να λειτουργήσει. Η πλήρης σύνταξη του σημείου

μπορεί να διαμορφωθεί ως εξής:.

Η παράμετρος src στο πρόσημο χρησιμεύει για την εγγραφή του ονόματος του αρχείου εικόνας και η συνάρτηση πλάτους και ύψους για να περιγράψει το μήκος και το πλάτος.

Βήμα 12. Δημιουργήστε έναν σύνδεσμο που οδηγεί σε άλλη σελίδα με ένα, για παράδειγμα Άλλη σελίδα

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

Βήμα 13. Όταν ολοκληρώσετε τη συμπλήρωση του ιστότοπου, ολοκληρώστε τη σελίδα κλείνοντας το

Τέλος, κλείστε τον κώδικα HTML με

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

Βήμα 14. Αποθηκεύστε τη δημιουργημένη ιστοσελίδα σας με επέκταση.html και ανοίξτε την στο αγαπημένο σας πρόγραμμα περιήγησης για να τη δοκιμάσετε

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

Βήμα 15. Διαβάστε τον ακόλουθο οδηγό για να ανεβάσετε τον ιστότοπό σας στο Διαδίκτυο

Συμβουλές

  • Στο διαδίκτυο, υπάρχουν διάφοροι ιστότοποι που περιέχουν οδηγούς για τη δημιουργία ενός ιστότοπου. Το W3school είναι ένας ιστότοπος με καλό υλικό.
  • Βεβαιωθείτε ότι έχετε κλείσει κάθε ετικέτα στο αρχείο HTML.
  • Βάλτε ένα σημάδι στην πρώτη γραμμή του αρχείου, πριν από το. Αυτή η σημαία υποδεικνύει ότι το αρχείο που δημιουργείτε είναι αρχείο HTML5.
  • Αλλάξτε τη γραμματοσειρά με τα σήματα πριν και μετά. Αντικαταστήστε το "N" με τη γραμματοσειρά που θέλετε, για παράδειγμα "Verdana".
  • Εάν πρέπει να χρησιμοποιήσετε γωνιακές αγκύλες, χρησιμοποιήστε τον κωδικό. Εν τω μεταξύ, για να χρησιμοποιήσετε το σύμβολο &, χρησιμοποιήστε τον κωδικό &.
  • Σύμφωνα με τα μαθήματα HTML, πρέπει πάντα να ονομάζετε αρχεία και φακέλους ιστού με πεζά γράμματα, χωρίς κενά και σημεία στίξης. Ενώ τα Windows σάς επιτρέπουν να τοποθετείτε κενά σε ονόματα αρχείων, πολλοί πάροχοι φιλοξενίας δεν το κάνουν. Επιπλέον, ένα τακτοποιημένο όνομα αρχείου θα σας διευκολύνει να διαχειριστείτε τον ιστότοπό σας.

Συνιστάται: