Τεχνολογίες Ιστού: πρακτικό μάθημα CSS - μάθημα 1699 τρίψτε. από Stepik, εκπαίδευση 21 μαθημάτων, Ημερομηνία: 29 Οκτωβρίου 2023.
μικροαντικείμενα / / December 04, 2023
Καλώς ήρθατε στο μάθημα "Τεχνολογίες Ιστού: Πρακτικό Μάθημα"!
Αυτό το μάθημα είναι κατάλληλο για εσάς εάν:
- Γνωρίζετε ήδη τι είναι HTML και CSS και σας λείπει η πρακτική.
- Εάν γνωρίζετε τι είναι ο επιλογέας τάξης και έχετε ήδη διαμορφώσει μικρές σελίδες.
- Συνιστάται να έχετε κατανόηση του flexbox ή να επιθυμείτε να το μάθετε στη διαδικασία - θα υπάρχει ξεχωριστό μπλοκ για αυτό.
Σκοπός του μαθήματος: εκμάθηση CSS και απόκτηση πρακτικών δεξιοτήτων.
Δομή του μαθήματος:
1. Περιγραφή Μαθήματος
Σύντομες πληροφορίες για το μάθημα και τον τρόπο ολοκλήρωσης των εργασιών
2. HTML και CSS: Ενότητα εξάσκησης
Υπενθυμίζουμε τη βασική θεωρία του HTML και του CSS: δομή εγγράφων, βασικά στοιχεία HTML, επιλογείς CSS, εξετάζουμε παραδείγματα και, φυσικά, εκτελούμε πρακτικές εργασίες.
3. Περισσότερα CSS
Μπλοκ θεωρίας CSS: συνδυαστές και επιλογείς σύνθετων, Box Model, cascading και inheritance. Ας κατανοήσουμε τις σκιές, τις διαβαθμίσεις, τον δείκτη z, τις μεταβάσεις και τα κινούμενα σχέδια.
4. Πρακτική ενότητα
Εφαρμόζουμε όλα όσα μάθαμε κατά τη διάρκεια του μαθήματος σε προβλήματα της πραγματικής ζωής. Αυτή δεν είναι η διάταξη ενός τεράστιου ιστότοπου - πρόκειται για εργασία σε μεμονωμένα στοιχεία του ιστότοπου. Ως συνήθως, ξεκινάμε με τα εύκολα και τελειώνουμε με τα δύσκολα.
Παράδειγμα μιας από τις εργασίες:
5. Εισαγωγή στο Adaptive
Κατανόηση ερωτημάτων πολυμέσων, υπολογισμένων τιμών και μεταβλητών.
Εκτελούμε ενδιάμεσες εργασίες. Και στο τέλος, μπορείτε να σχεδιάσετε μια responsive ιστοσελίδα και να τη δημοσιεύσετε.
6. συμπέρασμα
Το μάθημα αναπτύσσεται και σχεδιάζεται να προστεθούν νέα μπλοκ και εργασίες έργου εδώ!
1
ΚαλάΔάσκαλος ερευνητής, καθηγητής πληροφορικής (ανώτατη κατηγορία), μηχανικός QA
Έχω ανώτερη τεχνική και παιδαγωγική εκπαίδευση. Αποφοίτησε από το μεταπτυχιακό σχολείο του Κρατικού Παιδαγωγικού Πανεπιστημίου της Μόσχας με κατεύθυνση «Θεωρία και Μέθοδοι Εκπαίδευσης και Εκπαίδευσης (Πληροφορική). Είμαι βραβευμένος στην Ολυμπιάδα Δασκάλων της Μόσχας. Εκτός από την κύρια εργασία μου, προετοιμάζω τους μαθητές για τις εξετάσεις Unified State Exam και Unified State Exam, και επίσης αναπτύσσω τα δικά μου μαθήματα στο Διαδίκτυο. Επικοινωνία: [email protected]
Έναρξη του μαθήματος
1. Γενικές πληροφορίες για το μάθημα
2. Πώς να ολοκληρώσετε εργασίες
HTML και CSS: Βασικές Έννοιες
1. Κύρια σημεία HTML
2. Βασικά CSS
Περισσότερα CSS
1. Μοντέλο κουτιού
2. Επιλογείς
3. Διαδοχική και κληρονομικότητα
4. Θέση, δείκτης z
5. Σκιές, Διαβαθμίσεις, Φίλτρα
6. Κινουμένων σχεδίων
7. Μεταβάσεις
Πρακτική ενότητα
1. Flexbox | Θεωρία + Πράξη
2. Μενού
3. Κεφαλίδα + κάρτες
4. Έντυπα
Εισαγωγή στο Adaptive
1. Ελάχιστο πλάτος, ελάχ. ύψος, μέγιστο πλάτος, μέγιστο ύψος
2. Ερωτήματα πολυμέσων @media
3. Υπολογιζόμενες τιμές και μεταβλητές CSS
4. Μενού μπιφτέκι
5. Εργο
συμπέρασμα
1. συμπέρασμα