in

Πως να φτιάξετε την πρώτη σας ιστοσελίδα

Σας αρέσει το ίντερνετ;
Ναί ωραίο είναι.
Έχετε αναρωτηθεί ποτέ πως φτιάχνονται οι ιστοσελίδες;


Υπάρχουν πολλοί τρόποι αλλά από κάπου πρέπει να αρχίσεις.

Σας παρουσιάζω παρακάτω πως μπορείτε να φτιάξετε μόνοι σας τα βασικά για μία στατική ιστοσελίδα με μόνο την γλωσσα HTML.

Τι είναι HTML?

HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίηση υπερκειμένου) και είναι η βασική γλώσσα δόμηση σελίδων του World Wide Web (ή απλά ιστού: Web). Είναι μία γλώσσα προγραμματισμού. Χρησιμοποιείται για να σημαίνει ένα τμήμα κειμένου και να το κάνει να εμφανίζεται καλύτερα. Επιτρέπει την ενσωμάτωση ήχου και εικόνων στις web σελίδες. Αρχικά είχε κατασκευασθεί με σκοπό μόνο την μορφοποίηση κειμένου, αλλά μεγάλωσε και ενσωμάτωσε σχεδιαστικές τεχνικές κ.α.

Η γλώσσα χρησιμοποιεί ένα αριθμό από tags για την μορφοποίηση κειμένου, για την δημιουργία συνδέσμων (links) μετάβασης ανάμεσα των σελίδα, για την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας Web Browser ανοίγει ένα αρχείο HTML τα στοιχεία (tags) μεταφράζονται σε κατάλληλα χαρακτηριστικά με αποτελέσματα στην εμφάνιση και στην λειτουργικότητα της συγκεκριμένης σελίδας.

Ας ξεκινήσουμε λοιπόν.

Ακολουθείστε τα βήματα στις εικόνες.

  1. Στην επιφάνεια εργασίας κάνετε δεξί κλικ και: Νέο > Έγγραφο κειμένου

2. Ανοίγετε το σημειωματάριο που φτιάξατε και γράφετε αυτόν τον κώδικα όπως δείχνει η παρακάτω εικόνα.

3. Πατήστε αριστερά πάνω εκεί που λέει «Αρχείο» και επιλέξτε «Αποθήκευση Ως…»

4. Κατά την αποθήκευση ακολουθήστε τα βήματα όπως στην εικόνα.

  1. Γράψτε ένα όνομα για το αρχείο και στο τέλος γράψτε υποχρεωτικά «.html»
  2. Τύπος αποθήκευσης: «Όλα τα αρχεία»
  3. Κωδικοποίηση: UTF-8
  4. Αποθήκευση

5. Πηγαίνετε εκεί που αποθηκεύσατε το αρχείο (στην δική μου περίπτωση «Επιφάνεια Εργασίας») και θα δείτε το νέο αρχείο που δημιουργήσατε.

6. Κάνετε δεξί κλικ στο εικονίδιο σας και επιλέξτε: «Άνοιγμα με» και στην συνέχεια επιλέξτε πχ. Chrome.

7. Συγχαρητήρια! Τώρα δείτε στον browser σας την πρώτη σας ιστοσελίδα!

Σας άρεσε το άρθρο? Πειραματιστείτε στο PC σας αν θέλετε και θα μάθετε πολλά!

Αφήστε μια απάντηση

Η ηλ. διεύθυνση σας δεν δημοσιεύεται.