Τετάρτη, 24 April 2019 08:01

Γλώσσα Προγραμματισμού HTML Μαθήματα σε Ελληνικά

Γράφτηκε από τον
Βαθμολογήστε αυτό το άρθρο
(1 Ψήφος)

Η HTML είναι η πρώτη και πιο βασική γλώσσα…

 

... προγραμματισμού ώστε να ξεκινήσετε να φτιάχνετε την ιστοσελίδα σας. προέρχεται από τα αρχικά γράμματα HyperText Markup Language και αποτελεί τα βασικά δομικά στοιχεία ώστε να στηθεί μία ιστοσελίδα.

 

Υπάρχουν διάφορα site και αμέτρητα βίντεο στα αγγλικά όμως η Σοφία έφτιαξε μία εκπληκτική σειρά μαθημάτων πάνω στην HTML  η οποία θα σας διδάξει από την αρχή και σωστά πώς να χρησιμοποιείτε αυτή τη γλώσσα προγραμματισμού.

 

Σίγουρα αξίζει ένα τεράστιο ευχαριστώ στη Σόφια για την δουλειά που έχει κάνει και τη βοήθεια που προσφέρει έως σήμερα! Να σημειώσουμε εδώ ότι σκοπεύει να δημιουργήσει και άλλες δύο σειρές μαθημάτων για την CSS και την JavaScript! Αντί λοιπόν να παρακολουθήσετε κάποιο πολύ ακριβό σεμινάριο, ξοδεύοντας αρκετά χρήματα, το οποίο θα απευθύνεται κυρίως σε wordpress μπορείτε να παρακολουθήσετε και φυσικά κάνετε εγγραφή στο κανάλι της Σόφιας ώστε να μάθετε πώς να φτιάξετε τη δική σας ιστοσελίδα.

 

Σε αυτό το σημείο θα ήθελα να σας εκμυστηρευτώ τη δική μου προσωπική εμπειρία· έπειτα από το blogger, μία πλατφόρμα που σου δίνει τη δυνατότητα να φτιάξει το δικό σου blog, ένιωσα την ανάγκη ότι θα ήθελα να έχω τη δικιά μου ιστοσελίδα ώστε να μπορώ να τη διαμορφώνω όπως ακριβώς θέλω εγώ, να φτιάχνω όσα μενού χρειάζομαι, και να μπορώ να την επεκτείνω ανάλογα με τις ανάγκες μου.

 

Ένα αρκετά ενδιαφέρον site το οποίο μπορεί να σας βοηθήσει βρίσκεται εδώ.

Έχει αρκετά πράγματα όμως δεν εξηγεί κάτι σε βίντεο και θα χρειαστεί πάρα πολύς καιρός ώστε να καταλάβετε αυτά που λέει· ωστόσο είναι αρκετά οργανωμένο και χρήσιμο για να κάνετε επανάληψη ή για να επεκτείνετε κάποιες γνώσεις που έχετε ήδη.

 

Κρίμα που δεν είχα γνωρίσει τη Σόφια πιο πριν αλλά ακόμη και τώρα δεν είναι αργά. Αν και έχω κατανοήσει αρκετά πώς να χειρίζομαι το Joomla θέλω να φτιάξω μία εφαρμογή στην οποία να μπορώ να βάζω ασκήσεις για σκάκι. Για να γίνει αυτό χρειάζεται η γλώσσα προγραμματισμού JavaScript και με αγωνία περιμένω την επόμενη σειρά μαθημάτων της Σόφιας για τη συγκεκριμένη γλώσσα προγραμματισμού. Πριν πάμε εκεί όμως σίγουρα να αξίζει να δούμε τα βίντεο για την HTML τα οποία έχουν αρκετά χρήσιμα πράγματα και μπορούν να βοηθήσουν ακόμα και κάποιον που ήδη ξέρει τα βασικά.

 

HTML5 - Build your WebSite // Greek Tutorials

 

CONTENTS:

 

  1. Introduction
  2. Choosing a Text Editor
  3. Creating an HTML file
  4. Basic Tags
  5. Comments
  6. Style & Color 7. Formatting a Page 8. Links
  7. Images
  8. Videos & Youtube iFrames
  9. Lists 12. Tables
  10. Divs & Spans
  11. Input & Forms
  12. IFrames
  13. Meta Tags

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

Στα βίντεο 6,7,8,9 αναφέρονται κάποια βασικά HTML Tags τα οποία πρέπει να γνωρίζετε και φυσικά σε αυτά τα μαθήματα εξηγείται ακριβώς σε τι χρησιμεύει το κάθε ένα από αυτά.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στο βίντεο 10 θα μάθετε για τα σχόλια στην HTML , τον τρόπο που τα εισάγουμε καθώς και για τον τρόπο χρήσης τους.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στο βίντεο 11 θα δείτε πως να διαμορφώνεται το styling της σελίδας.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στο βίντεο 12 και 13 θα δείτε πως να φορμάρετε σωστά την σελίδας με διάφορα HTML tags.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στα βίντεο 14 και 15 θα δούμε πως να φτιάξουμε links στην HTML.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στα βίντεο 16 και 17 παρουσιάζεται με ποιο τρόπο μπορείτε να εισάγετε εικόνες στην σελίδα μας και ότι άλλο συνεπάγεται σχετικά με αυτές.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στα βίντεο 18 και 19 θα γνωρίσετε πως να εισάγετε βίντεο από τον υπολογιστή σας ή από το YouTube στην σελίδα σας.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Τα βίντεο 20 και 21 μιλάνε για τις λίστες στην HTML οι οποίες χωρίζονται σε Order Lists και σε Unorder Lists.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στο βίντεο 22 θα μιλήσουμε για τους πίνακες στην HTML.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στα βίντεο 23 και 24 θα μιλήσουμε για τα containers στην HTML.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

Στα βίντεο 25 και 26 θα δούμε τα Input Tags τα οποία μας επιτρέπουν να προσθέσουμε elements στην σελίδα μας. Καθώς και το form το οποίο χρησιμοποιείται για να κάνουμε store αυτά τα Input Tags.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στο βίντεο 27 θα δούμε τα iFrames, τα οποία μας επιτρέπουν να εισάγουμε άλλες σελίδες μες την σελίδα μας.

 

[yt_youtube url="

" width="600" height="400" responsive="yes" autoplay="no" ]

 

Στο βίντεο 28 θα μιλήσουμε για τα Meta Tags και τον λόγο ύπαρξη τους.

 

Μπορείτε να επισκεφθείτε το κανάλι της Σόφιας πατώντας εδω.

Διαβάστηκε 281 φορές
Περισσότερα σε αυτή την κατηγορία: « Μαθήματα Μάθε HTML Εύκολα & Γρήγορα »

Προσθήκη σχολίου

Περισσότερα άρθρα

Chess Website Design Line