Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Πως να φτιάξετε την δική σας ιστοσελίδα με HTML5


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Ακόμη και αν δεν είστε εξοικειωμένοι με τον προγραμματισμό μπορείτε να φτιάξετε μια βασική ιστοσελίδα σε HTML5 αρκετά εύκολα.Απλά ανοίξτε το notepad και επικολλήστετον ακόλουθο κώδικα:
<!DOCTYPE HTML>
<html lang = "en">
<head>
  <!-- basic.html -->
  <title>basic.html</title>
  <meta charset = "UTF-8" />
</head>
<body>
  <h1>Bloggertips</h1>
  <p>
   
www.bloggertips.gr
  </p>
 
</body>
</html>
Για να φτίαξετε μια βασική ιστοσελίδα σε HTML5 ακολουθήστε αυτά τα βήματα:
(1)Ξεκινήστε με το doctype.

Ορίστε το doctype με αυτή την ετικέτα  <!DOCTYPE HTML> στην πρώτη γραμμή του κειμένου.Εάν το παραλείψετε πιθανά να μπορείτε ακόμα να χρησιμοποιήσετε τισ δυνατότητες της HTML5 αλλά μπορεί να υπάρξει πρόβλημα καθώς ο υπολογιστής σε ορισμένες περιπτώσεις θα προσπαθήσει να μαντέψει εάν πρόκειται για HTML5 ή για XHTML.
(2)Προσθέστε την ετικέτα <html> και ορίστε τη γλώσσα.

Αυτή η ειδική ετικέτα ορίζει την αρχή της ιστοσελίδας.Είναι καλύτερο να ορίσετε σε ποια γλώσσα είναι γραμμένη κάνοντας το εξής: specify lang = "en"
Σιγουρευτείτε ότι έχετε ένα </html> στο τέλος της ιστοσελίδας αφού αυτή η ετικέτα ορίζει το τέλος της.
(3)Δημιουρήστε την περιοχή <head>.

Η περιοχή <head> είναι σαν την μηχανη ενος αυτοκινητου.Οι ανθρωποι συνηθως δεν την κοιτανε αλλα σε αυτη οφειλεται η σωστη λειτουργια του αυτοκινητου.Σε αυτό το παράδειγμα η περιοχη αυτη ειναι αδεια,ομως αφου εξελιξετε τις ικανοτητες σας θα γεμισει με JavaScript και CSS.
(4)Ορίστε το είδος των χαρακτήρων.

Θεωρείται καλό να αφήνετε τον φυλλομετρητή σας να επιλέξει τι είδος χαρακτήρων να χρησιμοποιήσει όταν εμφανίζεται η ιστοσελίδα.Οι ιστοσελίδες που είναι γραμμενες στα αγγλικα αλλά και στα ελληνικά συνηθως εχουν τον εξης τυπο:UTF-8.
(5)Προσθέστε σχόλια.

Τα σχόλια δεν είναι απολύτως απαραίτητα, αλλά είναι συχνα πολυ βοηθητικα.Στην HTML5 τα σχόλια αρχίζουν με <-! καιαι στο τέλος με →.Τα σχόλια μπορούν να διαρκέσουν για αρκετές γραμμές.

(6)Βάλτε τίτλο με το <title></title>.

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

Τοποθετήστε κάθε πρόταση μέσα σε ένα ζεύγος <p></ p>. Αν και η HTML5 δεν απαιτεί χρήση των ετικετών παραγράφου, κάνουν πολύ πιο εύκολο να διαχειριστεί την εμφάνιση και τη συμπεριφορά του κειμένου σας αργότερα.
(8)Αποθηκεύστε το αρχείο σας με την επέκταση .html

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




Υ.Γ. Για όποια απορία έχετε μην διστάσετε να μου αφήσετε σχόλιο και θα προσπαθήσω να απαντήσω το συντομότερο.

Stumble
Delicious
Technorati
Twitter
Facebook

1 comments:

Dj KaSt είπε...

Παιδιά εδώ είναι μια σειρά μαθημάτων για html στα Ελληνικά.
http://tech-grex.blogspot.gr/2013/04/html-css.html

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *