Πώς να δημιουργήσετε έναν απλό ιστότοπο χρησιμοποιώντας το Σημειωματάριο

Συγγραφέας: John Stephens
Ημερομηνία Δημιουργίας: 26 Ιανουάριος 2021
Ημερομηνία Ενημέρωσης: 1 Ιούλιος 2024
Anonim
Πώς να βάλετε ένα δρόμο στο έδαφος, σε πηλό
Βίντεο: Πώς να βάλετε ένα δρόμο στο έδαφος, σε πηλό

Περιεχόμενο

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

Βήματα

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

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

  2. Το HTML (Hypertext Markup Language) χρησιμοποιεί ετικέτες. Βασικά, οι ετικέτες είναι λέξεις εντός των τόνων .
    Θα χρησιμοποιήσετε πολλές ετικέτες για να δημιουργήσετε την ιστοσελίδα σας. Δίπλα του υπάρχει μια "στενή ετικέτα", η οποία χρησιμοποιείται για τον τερματισμό μιας γραμμής κώδικα. Π.χ: Αυτές οι ετικέτες καταλήγουν με μια έντονη γραμματοσειρά ή μια παράγραφο κειμένου.

  3. Η κεφαλίδα της ιστοσελίδας είναι συνήθως η ετικέτα: . Μπορείτε να το τοποθετήσετε στην κορυφή του αρχείου Σημειωματάριο.
  4. Στη συνέχεια είναι η κάρτα .
    Το επόμενο είναι , αυτή η καρτέλα λέει στο πρόγραμμα περιήγησης τι να τοποθετήσει στο επάνω μέρος του παραθύρου και <i>μετα-ετικέτα </i> (προαιρετικά) ενημερώνει τη μηχανή αναζήτησης (όπως το Google) σχετικά με τον ιστότοπο.

  5. Στην επόμενη γραμμή, μετά την κάρτα κεφάλιΑς βάλουμε έναν τίτλο, για παράδειγμα: wikiHow HTML
  6. Τώρα, πληκτρολογήστε να τελειώσει το πρώτο μέρος.
  7. Επόμενο στον ιστότοπο είναι η ετικέτα . Λάβετε υπόψη ότι τα προγράμματα περιήγησης δεν υποστηρίζουν όλα τα χρώματα (τα περισσότερα προγράμματα περιήγησης δεν υποστηρίζουν σκούρο γκρι, για παράδειγμα).
  8. Μεταξύ των δύο ετικετών σώματος βρίσκεται το περιεχόμενο της ιστοσελίδας που βλέπει ο χρήστης. Ας ξεκινήσουμε με τον τίτλο. Αυτό είναι το μεγάλο μέρος του κειμένου, που καθορίζεται στο HTML από την ετικέτα

    Έλα

    , με κάρτα

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

    Καλωσόρισες στην σελίδα μου!

    Πρέπει πάντα να τοποθετείτε μια κλειστή ετικέτα, διαφορετικά το κείμενο στην ιστοσελίδα θα υπερεκτιμάται!
  9. Μια άλλη ετικέτα που μπορεί να συμπεριληφθεί στο περιεχόμενο της ιστοσελίδας είναι

    ή ετικέτες παραγράφου. Μετά τον τίτλο, μπορείτε να εισάγετε

    . Μαθαίνω πώς να φτιάξω έναν ιστότοπο! WikiHow κανόνες! Εάν θέλετε να δημιουργήσετε μια νέα γραμμή στη σελίδα, χρησιμοποιήστε την ετικέτα αναδίπλωσης
    .

  10. Ένας ιστότοπος με απλό κείμενο είναι βαρετός. Ας βάλουμε λοιπόν μερικές μορφές. Κάρτα σε έντονο κείμενο, για πλάγια γραφή και υπογραμμίζω. Μην ξεχάσετε την ετικέτα κλεισίματος!
  11. Αυτό που κάνει τον ιστότοπο πραγματικά ενδιαφέρον είναι οι εικόνες. Ακόμα κι αν το κείμενο έχει μορφοποιηθεί, κανείς δεν θέλει να δει μια σελίδα ως όλο το κείμενο. Χρησιμοποιήστε μια κάρτα για εισαγωγή εικόνων. Όμως, όπως και η κύρια ετικέτα, αυτή η ετικέτα χρειάζεται επιπλέον πληροφορίες. Μια ετικέτα img θα μοιάζει με αυτό: σκύλος’ src=Τα δεδομένα src (πηγή: πηγή) είναι το όνομα της εικόνας. Πίσω από το πλάτος και το ύψος είναι το πλάτος και το ύψος σε εικονοστοιχεία της εικόνας.
  12. Σχεδόν τελείωσα! Εάν θέλετε οι επισκέπτες σας να μπορούν να δουν πολλές σελίδες, χρησιμοποιήστε την ετικέτα: Άλλες σελίδες Το περιεχόμενο της ετικέτας είναι αυτό που ο χρήστης θα κάνει κλικ για να μεταβεί στην επόμενη σελίδα και η ενότητα href είναι ο σύνδεσμος προς αυτήν τη σελίδα. Με αυτήν την ετικέτα, μπορείτε εύκολα να εμφανίζετε χρήστες στον ιστότοπό σας.
  13. Για να ολοκληρώσετε, πρέπει να τερματίσετε την ετικέτα σώματος με και ολόκληρη την ιστοσελίδα με ετικέτα
  14. Αποθήκευση αρχείου με επέκταση .html '. Στη συνέχεια, ανοίξτε το αρχείο.html στο αγαπημένο σας πρόγραμμα περιήγησης για να δείτε πώς λειτουργεί. Συγχαρητήρια! Μόλις δημιουργήσατε έναν ιστότοπο.
  15. Εάν θέλετε να δημοσιεύσετε τον ιστότοπό σας στο διαδίκτυο, μάθετε πώς μπορείτε να δημιουργήσετε έναν ιστότοπο με όνομα τομέα. διαφήμιση

Συμβουλή

  • Μπορείτε να βρείτε πολλές κάρτες στο διαδίκτυο. Υπάρχουν πολλοί χρήσιμοι ιστότοποι που βοηθούν τους ανθρώπους να μάθουν πώς να δημιουργούν έναν ιστότοπο (το W3Schools είναι ένα από αυτά).
  • Θυμηθείτε να χρησιμοποιήσετε κλεισίματα.
  • Πάντα φροντίστε να παραγγείλετε την κάρτα στην πρώτη γραμμή, πριν από την ετικέτα Ενημερώστε το πρόγραμμα περιήγησης ότι ο ιστότοπός σας είναι το πρότυπο HTML5.
  • Μπορείτε να αλλάξετε τη γραμματοσειρά με ετικέτες πριν και μετά . Το Ν σημαίνει γραμματοσειρές, όπως το "Verdana".
  • Εάν θέλετε να χρησιμοποιήσετε ειδικούς χαρακτήρες σε μια ιστοσελίδα, πληκτρολογήστε & lt (<), & gt (>), & amp (ampersand) και ούτω καθεξής, το τέλος του κώδικα ΠΡΕΠΕΙ ΝΑ ΕΧΕΙ ένα ερωτηματικό ";".
  • Σε σεμινάρια HTML, τα ονόματα των φακέλων και των αρχείων ιστού τοποθετούνται πάντα με πεζά γράμματα, χωρίς τόνους. Παρόλο που τα Windows επιτρέπουν τη χρήση χώρου, πολλοί πάροχοι φιλοξενίας ιστοσελίδων δεν το κάνουν, επομένως θα εξοικονομήσετε χρόνο και ταλαιπωρία με τα σωστά ονόματα αρχείων και φακέλων από την αρχή.