Eτοιμάζονταςτην πρώτη σας HTML σελίδα! μέρος 2 - Google fonts, αναζήτηση & χρήση

Η βασική χρήση google fonts και σκέψεις γύρω από αυτά και την επιλογή τυπογραφίας για μια σελίδα/site (βάρη, γραμματοσειρές κλπ).

✎ Παρότι ο code editor που χρησιμοποιώ εδώ είναι ο Brackets, μια που είχε χρήσιμα ιδίως για αρχάριους βοηθήματα, μπορείτε σαφώς να χρησιμοποιήσετε όποιον editor είστε εξοικειωμένοι - απλά αγνοήστε αναφορές σε συγκεκριμένα Brackets extentions που μπορεί να περιέχονται - ο κώδικας είναι ο ίδιος παντού έτσι κι αλλιώς (περισσότερα για code editors παρακάτω).

▼ Αναλυτικοί χρόνοι περιεχομένων:

0:00 - Κριτήρια αναζήτησης, γλώσσα, βάρη, τύποι γραμματοσειρών.

3:23 - "Ζευγαρώνοντας" γραμματοσειρές για τις ανάγκες (τίτλοι, περιεχόμενα) αλλά και την ανάδειξη του όποιου ύφους (στυλ, οπτική ταυτότητα) της σελίδας σας, είτε χρησιμοποιόντας τα Popular pairings είτε δημιουργόντας τα δικά σας.

5:44 - Ενσωμάτωση & χρήση στη σελίδα.

Η σειρά συτή από video-παρουσιάσεις έχει σκοπό να λειτουργήσει ως βοήθημα στη δημιουργία μίας πρώτης ιστοσελίδας, συνδυάζοντας βασικές γνώσεις HTML/CSS(*) με την παρουσίαση κάποιων χρήσιμων online εργαλείων και πηγών για την ένταξη χρήσιμων στοιχείων σε αυτή, αλλά και τη σταδιακή γνωριμία με νέες τεχνικές & δυνατότητες, απαραίτητες σε κάθε τέτοιο project.
To βάρος εδώ δεν δίνεται εδώ στον "εικαστικό" σχεδιασμό (design) όσο στην εφαρμογή & κατανόηση του κώδικα (development) και προϋποθέτει κάποιες βασικές γνώσεις(*):
1. Γνώση & κάποια εξάσκηση στη χρήση βασικών HTML Tags.
2. Βασικές γνώσεις CSS (selectors, classes, rules).
3. Αρχική γνωριμία & εξάσκηση στη χρήση Flexbox που μπορείτε να βρείτε εδώ:

✽ Όσοι θέλετε να κατεβάσετε τον Brackets, παρότι χάνει σε δημοτικότητα από τη στιγμή που η Adobe εγκατέλειψε την υποστήριξη του, μπορείτε να τον βρείτε εδώ:
Υποστηρίζεται ακόμα από μέρος της κοινότητας ανοιχτού λογισμικού.
Εναλλακτικά μπορείτε να στραφείτε στο VSCode:
που επί χρόνια επίσης χρησιμοποιώ και πιθανά θα περιλαμβάνεται πλέον όλο συχνότερα στα νεώτερα videos, ή όποιον άλλο προτιμάτε.

➽ Εγγραφείτε στο κανάλι για ενημερώσεις & updates αλλά και στο newsletter του κεντρικού site:
όπου μπορείτε να επιλέξετε ή αιτηθείτε ενότητες ή online σεμινάρια που σας ενδιαφέρουν.

[videotutorgr]

✔ Έχουν ενταχθεί κεφάλαια/chapters για πιο εύκολο εντοπισμό σημείων ενδιαφέροντος σε όλα τα video, καθώς και αναλυτικά περιεχόμενα με τα όποια χρήσιμα links και αρχεία περιλαμβάνει η κάθε παρουσίαση στις περιγραφές τους.