Πολλοί άνθρωποι σκέφτονται ότι είναι η δημιουργία της δικής σας ιστοσελίδαςείναι μια δύσκολη επιχείρηση που απαιτεί σοβαρή προετοιμασία και χρήση σύνθετων εργαλείων. Στην πραγματικότητα, αρχικά, αρκεί η ελάχιστη γνώση και το πιο βασικό πρόγραμμα των Windows - Notepad -. Μετά από απλές οδηγίες σχετικά με τον τρόπο δημιουργίας μιας ιστοσελίδας στο Σημειωματάριο, μπορείτε να κάνετε την πρώτη πλήρη σελίδα σε μερικές ώρες.
Επαγγελματίες προγραμματιστές ιστού, έμπειροιοι δημιουργοί τοποθεσιών χρησιμοποιούν πολύ σπάνια Notepad στη διαδικασία, αλλά υπάρχουν δύο κατηγορίες χρηστών για τους οποίους το πρόγραμμα αυτό είναι μια εξαιρετική επιλογή:
Πολλοί επαγγελματίες γνώρισαν τη διάταξη καιHTML, κατανοώντας πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας το Σημειωματάριο. Αυτό τους επέτρεψε να σταθεροποιήσουν με ασφάλεια και γρήγορα όλες τις γνώσεις που αποκτήθηκαν. Το Notepad δεν έχει σχεδιαστεί για να λειτουργεί με κώδικα και σήμανση, δεν έχει ενσωματωμένες συμβουλές, αυτόματη συμπλήρωση και άλλες μάρκες διαθέσιμες στα σύγχρονα προγράμματα, πράγμα που σημαίνει ότι ο προγραμματιστής μπορεί να στηριχθεί μόνο στον εαυτό του και στη μνήμη του.
Ο επεξεργαστής κειμένου Notepad έχει το πιο μέτριομινιμαλιστική διεπαφή, πράγμα που σημαίνει ότι δεν χρειάζεται να κατανοείτε για πολύ καιρό τη σύνθετη λειτουργικότητα του προγράμματος. Αυτό είναι πολύ ελκυστικό για τους χρήστες που δεν σχεδιάζουν να ξοδέψουν χρόνο μάθησης ένα εργαλείο που δεν θα χρησιμοποιούν συχνά.
Μια βήμα προς βήμα οδηγίες σχετικά με τον τρόπο δημιουργίας μιας τοποθεσίας HTML στο Σημειωματάριο ξεκινά με το άνοιγμα του προγράμματος. Ο ευκολότερος τρόπος για να βρείτε το Σημειωματάριο είναι μέσω του μενού Έναρξη των Windows στην ενότητα Αξεσουάρ.
Το νέο αρχείο που ανοίγει πρέπει να αποθηκευτεί μεhtml επέκταση. Αυτό είναι σημαντικό, διότι με αυτήν την επέκταση ο περιηγητής θα καταλάβει ότι έχει μια ιστοσελίδα μπροστά του. Η εντολή "Αποθήκευση ως" στο μενού "Αρχείο" θα ανοίξει ένα νέο παράθυρο. Εδώ πρέπει να ονομάσετε το έγγραφο index.html, να επιλέξετε την κωδικοποίηση utf-8 και το φάκελο για αποθήκευση.
Τώρα, ανά πάσα στιγμή, μπορείτε να ανοίξετε αυτό το αρχείο κάνοντας διπλό κλικ πάνω του ή κάνοντας δεξί κλικ στο μενού περιβάλλοντος και επιλέγοντας "Άνοιγμα με το Σημειωματάριο".
Η σελίδα έχει ήδη δημιουργηθεί και μπορείτε να δείτε πώς φαίνεται στο πρόγραμμα περιήγησης. Υπάρχουν διάφοροι τρόποι για να ανοίξετε ένα έγγραφο σε ένα πρόγραμμα περιήγησης στο Internet:
αρχείο: /// C: /Users/UserName/Desktop/my-site/index.htmlΤώρα η σελίδα είναι προφανώς παρθένο κενό, ήρθε η ώρα να τη συμπληρώσετε με πληροφορίες.
Όλες οι ιστοσελίδες στο World Wide Webγραμμένο σε ειδική γλώσσα HTML (γλώσσα σήμανσης υπερκειμένου). Η κατανόηση των βασικών στοιχείων είναι πολύ σημαντική για την κατανόηση του τρόπου δημιουργίας μιας ιστοσελίδας στο Σημειωματάριο ή σε οποιονδήποτε άλλο επεξεργαστή. Χρησιμοποιώντας HTML, ο προγραμματιστής ενημερώνει το πρόγραμμα περιήγησης για το πώς πρέπει να φαίνεται η σελίδα. Αυτός είναι ο λόγος για τον οποίο είναι σημαντικό να ορίσετε τη σωστή επέκταση αρχείου.
Η γλώσσα βασίζεται σε ετικέτες - συνδυασμοί χαρακτήρων που περικλείονται σε γωνιακούς βραχίονες.
Παραδείγματα ετικετών:
Επικεφαλίδα επιπέδου 1
Πλάγια κείμενο
Το κείμενο μεταξύ των ετικετών ανοίγματος και κλεισίματος θα υποβληθεί σε ειδική επεξεργασία από το πρόγραμμα περιήγησης.
Εκτός από τα δεδομένα που εμφανίζονται απευθείας στη σελίδα, κατά τη δημιουργία της σελίδας πρέπει να καθορίσετε ειδικές πληροφορίες υπηρεσίας που προορίζονται για το ίδιο το πρόγραμμα περιήγησης.
Θα πρέπει να αρχίσετε να εργάζεστε με τον σωστό σχεδιασμό του εγγράφου html. Η βασική δομή της σελίδας έχει ως εξής:
Η καλύτερη τοποθεσία στον κόσμο </ title>
</ head>
<body>
</ body>
</ html></code></pre> <p>Η αξία κάθε στοιχείου:</p> <ul> <li><code>DOCTYPE</code> - τεχνικές πληροφορίες για το πρόγραμμα περιήγησης που υποδεικνύουν τον τρόπο με τον οποίο πρέπει να αντιληφθεί τον κώδικα ·</li> <li><code>html</code> - ετικέτα ρίζας της σελίδας.</li> <li><code>κεφάλι</code> - μια ενότητα πληροφοριών υπηρεσίας που δεν είναι ορατή στους επισκέπτες του ιστότοπου.</li> <li><code>meta</code> - ετικέτα υπηρεσίας, το χαρακτηριστικό charset καθορίζει την κωδικοποίηση του κειμένου.</li> <li><code>τίτλο</code> - Το όνομα της σελίδας που εμφανίζεται στην καρτέλα του προγράμματος περιήγησης.</li> <li><code>σώμα</code> - το σώμα του εγγράφου που εμφανίζεται απευθείας στη σελίδα.</li> </ul> <p>Αφού αποθηκεύσετε τον κωδικό και ανοίξετε ξανά (ή επαναφορτώστε) το αρχείο στο πρόγραμμα περιήγησης, μπορείτε να δείτε την πρώτη αλλαγή - το όνομα του ιστότοπου εμφανίστηκε στην καρτέλα.</p> <h2>Θέμα και δομή</h2> <p>Πριν καταλάβετε πώς να δημιουργήσετε τη δική σας ιστοσελίδα HTML μέσω του Σημειωματάριου, θα πρέπει να φανταστείτε πώς θα φανεί αυτός ο ιστότοπος. Για παράδειγμα, πάρτε το προσωπικό ιστολόγιο ενός συγκεκριμένου John Doe.</p> <div class="photo" data-original="" data-author=""><center><img itemprop="image" alt="Δημιουργία μιας τοποθεσίας στο Σημειωματάριο" class="if uuid-2424992" src="/images/kompyuteri/kak-sozdat-sajt-v-bloknote-realnij-primer_2.jpg" /></center></div> <p>Τα κύρια στοιχεία της δομής αυτής της σελίδας:</p> <ul> <li>ένα καπέλο με λογότυπο και τίτλο του πρώτου επιπέδου ·</li> <li>οριζόντια γραμμή πλοήγησης;</li> <li>το κύριο περιεχόμενο, που αντιπροσωπεύεται από τρία άρθρα, καθένα από τα οποία αποτελείται από έναν τίτλο, μια σύντομη περιγραφή και έναν σύνδεσμο προς το πλήρες κείμενο ·</li> <li>υπόγειο με πνευματικά δικαιώματα.</li> </ul> <p>Ο κώδικας HTML για αυτήν τη σελίδα θα έχει την εξής μορφή:</p> <pre class="language-markup"><code><!DOCTYPE html>
<html>
<κεφάλι>
<meta charset = "utf-8">
<title> Ο καλύτερος ιστότοπος στον κόσμο
<άτομο>
<επικεφαλής>
John Doe
<κύριο>
<άρθρο>
Σούπερ Συναυλία
Αξίζει να υπερασπιστούμε μια ουρά χιλιομέτρου για εισιτήρια
για να απολαύσετε αυτήν την παράσταση !!
Δείτε περισσότερα
<άρθρο>
Γιατί μου αρέσει το παγωτό
Θέλω να μοιραστώ τους βασικούς λόγους
η αγάπη μου για το παγωτό ...
Δείτε περισσότερα
<άρθρο>
Να είστε ή όχι;
Θέματα ζωής και θανάτου.
Δείτε περισσότερα
<ποδόσφαιρο>
John Doe (γ) 2018