Η δημιουργία μιας απλής ιστοσελίδας δεν απαιτεί απαραίτητα εξειδικευμένα προγράμματα ή γνώσεις. Με λίγες γραμμές κώδικα HTML, μπορείτε να φτιάξετε μια βασική ιστοσελίδα χρησιμοποιώντας μόνο το Σημειωματάριο των Windows. Ακολουθήστε αυτά τα βήματα για να δημιουργήσετε τη δική σας!
Τι είναι η HTML;
Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για τη δομή μιας ιστοσελίδας. Χρησιμοποιεί ετικέτες (tags) που υποδεικνύουν πώς θα εμφανίζονται τα περιεχόμενα, όπως κείμενο, εικόνες και συνδέσμοι.
Βήμα 1: Άνοιγμα του Σημειωματάριου
- Στον υπολογιστή σας, ανοίξτε το Σημειωματάριο (Notepad).
- Εάν χρησιμοποιείτε macOS, μπορείτε να χρησιμοποιήσετε το TextEdit, αλλά θα πρέπει να το ρυθμίσετε σε απλή μορφή κειμένου.
Βήμα 2: Γράψτε τον Κώδικα HTML
Στο Σημειωματάριο, πληκτρολογήστε τον παρακάτω βασικό κώδικα HTML:
<!DOCTYPE html>
<html>
<head>
<title>Η πρώτη μου ιστοσελίδα</title>
</head>
<body>
<h1>Καλωσορίσατε στην Ιστοσελίδα μου!</h1>
<p>Αυτή είναι μια απλή ιστοσελίδα που δημιουργήθηκε με το Σημειωματάριο.</p>
<a href="https://www.example.com">Επισκεφθείτε το Example</a>
</body>
</html>
Βήμα 3: Αποθήκευση του Αρχείου
- Πατήστε Αρχείο > Αποθήκευση ως….
- Επιλέξτε μια τοποθεσία στον υπολογιστή σας.
- Στο πεδίο “Όνομα αρχείου”, γράψτε
index.html. - Στο πεδίο “Αποθήκευση ως τύπος”, επιλέξτε Όλα τα αρχεία.
- Πατήστε Αποθήκευση.
Βήμα 4: Άνοιγμα της Ιστοσελίδας
Μεταβείτε στην τοποθεσία όπου αποθηκεύσατε το αρχείο. Κάντε διπλό κλικ στο index.html, και η ιστοσελίδα σας θα ανοίξει στον προεπιλεγμένο περιηγητή ιστού.
Βήμα 5: Προσαρμογή της Ιστοσελίδας
Μπορείτε να προσθέσετε περισσότερα στοιχεία, όπως εικόνες, χρώματα ή λίστες, με επιπλέον ετικέτες HTML. Για παράδειγμα:
- Για μια εικόνα:
<img src="εικόνα.jpg" alt="Περιγραφή"> - Για αλλαγή φόντου:
<body style="background-color:lightblue;">
Συμπέρασμα
Η δημιουργία μιας απλής ιστοσελίδας με το Σημειωματάριο είναι ένας εξαιρετικός τρόπος να ξεκινήσετε να μαθαίνετε HTML. Με περισσότερη εξάσκηση και πειραματισμούς, μπορείτε να αναπτύξετε τις δεξιότητές σας και να δημιουργήσετε πιο σύνθετες ιστοσελίδες!
