Workshop και σταθμοί
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS σταθμός
Φτιάξτε ζωντανά web κομμάτια σε χώρο συγγραφής πολλών πλαισίων — με στάδια δημιουργία-κατά μήκος, παραμετρικές μεταβλητές και εξαγωγή αυτόνομου HTML όταν χρειάζεστε τη σελίδα έξω από το TeachForge.
Η ΤΝ μπορεί να ετοιμάσει προσχέδιο. Εσείς αποφασίζετε τι βλέπει η τάξη.
Τι είναι το HTML / CSS / JS
Το HTML / CSS / JS είναι Σταθμός συγγραφής web πολλών πλαισίων. Γράφετε σήμανση, στυλ και σενάρια δίπλα-δίπλα, προεπισκοπείτε τη σελίδα σε iframe χώρος δοκιμών και — όταν το χρειάζεστε — εξάγετε αυτόνομο αρχείο HTML για χρήση έξω από το TeachForge.
Αυτό έχει σημασία στη διδασκαλία γιατί οι δεξιότητες web βγάζουν νόημα όταν οι μαθητές βλέπουν το αποτέλεσμα αμέσως. Αλλάξτε στυλ, προχωρήστε στάδιο δημιουργία-κατά μήκος ή επιδείξτε μια μικρή διαδραστική σελίδα — ζωντανά, χωρίς να αναπτύξετε τίποτα.
Γιατί οι εκπαιδευτικοί χρησιμοποιούν το HTML / CSS / JS
Ζωντανές επιδείξεις web
Δείξτε HTML, CSS και JavaScript να συμπεριφέρονται μαζί σε πραγματικό χρόνο.
Μαθήματα δημιουργία-κατά μήκος
Καταγράψτε στάδια και παρουσιάστε τα βήμα-βήμα ώστε η τάξη να ακολουθεί την κατασκευή.
Παραμετρικά θέματα
Οδηγήστε χρώματα και μεταβλητές με χειριστήρια αντί να ψάχνετε κάθε τιμή CSS με το χέρι.
Αυτόνομα φυλλάδια
Εξάγετε ένα αρχείο HTML για χρήση πέρα από τον Σταθμό.
Στο TeachForge, το HTML / CSS / JS είναι Σταθμός του Workshop — φτιαγμένος για διδακτικές σελίδες, όχι μόνο για γρήγορα αποσπάσματα κώδικα.
Μέσα στο HTML / CSS / JS σταθμός
Όπως και το υπόλοιπο Workshop, παίρνετε οικείο ρυθμό συγγραφής — με τρία πλαίσια αντί για ένα.
- Επεξεργαστές HTML, CSS και JS με γρήγορη εναλλαγή πλαισίων
- Ζωντανή ή χειροκίνητη ανανέωση σε προεπισκόπηση iframe σε χώρος δοκιμών
- Στάδια δημιουργία-κατά μήκος — καταγραφή, βήμα και λειτουργία παρουσίαση
- Παραμετρικές μεταβλητές για επαναχρησιμοποιήσιμα χειριστήρια θέματος και τιμών
- Πλαίσια προεπισκόπησης συσκευής και προαιρετικές βιβλιοθήκες όπως KaTeX
- Εξαγωγή αυτόνομου HTML, προχωρημένο JSON, κοινοποίηση, ενσωμάτωση και αποστολή στο Whiteboard
Πώς τα πλαίσια γίνονται σελίδα
Ξεκινήστε από πρότυπο ή επεξεργαστείτε τα τρία πλαίσια
Προσθέστε στάδια και παραμετρικές μεταβλητές όταν το μάθημα τα χρειάζεται.
Εκτελέστε ζωντανή ή χειροκίνητη προεπισκόπηση
Το iframe σε χώρος δοκιμών δείχνει τη σελίδα όπως θα την συναντούσαν οι μαθητές.
Παρουσιάστε στάδια, εξάγετε ή στείλτε το ζωντανά
Πάρτε το αποτέλεσμα στον πίνακα, σε ερώτηση ή έξω ως αυτόνομο HTML.
Μια σελίδα. Κάθε εκδοχή της.
Αυτός ο Σταθμός υποστηρίζει παραμετρικές μεταβλητές και στάδια δημιουργία-κατά μήκος: κρατήστε τη δομή της σελίδας, αλλάξτε το θέμα και αποκαλύψτε την κατασκευή με σειρά — αντί να συντηρείτε δώδεκα ελαφρώς διαφορετικά αρχεία HTML.
Αλλάξτε το ενώ διδάσκετε
Ρυθμίστε παραμετρικές τιμές ή προχωρήστε στο επόμενο στάδιο στη λειτουργία παρουσίαση.
Κρατήστε τη δομή, αλλάξτε το θέμα
Το ίδιο πακέτο σελίδας μπορεί αύριο να δείξει διαφορετική έμφαση, σύνολο δεδομένων ή δυσκολία.
Διδάξτε την κατασκευή, όχι μόνο το τελείωμα
Τα στάδια αφήνουν την τάξη να δει τη σελίδα να σχηματίζεται.
Μείνετε κοντά στην αξιολόγηση
Αποθηκεύστε το φορητό πακέτο JSON και επαναχρησιμοποιήστε το σε μεταγενέστερα μαθήματα ή εργαστήρια.
Χρειάζεστε γρήγορο απόσπασμα Run-and-κονσόλα; Το κώδικας χώρος δοκιμών είναι ο αδελφός Σταθμός γι’ αυτό. Το HTML / CSS / JS είναι για συγγραφημένες σελίδες με στάδια και εξαγωγή.
Έτοιμες σελίδες για αφετηρία
Ανοίξτε ένα πρότυπο και διαμορφώστε το για το μάθημά σας:
| εμβαδόν | Τι μπορείτε να ανοίξετε |
|---|---|
| Θεμέλια | Κενό· Κάρτα προφίλ· φλεξμποξ χώρος παιχνιδιού |
| δημιουργία-κατά μήκος | Στάδια κουμπιού· Εναλλαγή θέματος χρώματος |
| Διαδραστικά | Κινουμένη σχεδίαση καμβάς· κουίζ UI· Πίνακας δεδομένων |
Βοήθεια ΤΝ, με τον τρόπο σας
Χρειάζεστε ένα πρώτο προσχέδιο; Χρησιμοποιήστε την ΤΝ ως βοηθό — έπειτα ελέγξτε, επεξεργαστείτε και εγκρίνετε πριν φτάσει οτιδήποτε στους μαθητές.
Αντιγράψτε το προτροπή
Δημιουργήστε ένα έτοιμο προτροπή και επικολλήστε το στο εργαλείο συνομιλίας που ήδη χρησιμοποιείτε.
Χρησιμοποιήστε τη δική σας GPU
Συνδέστε ένα τοπικό τελικό σημείο μοντέλου στις ρυθμίσεις σας και εκτελέστε τη δημιουργία σε υλικό που ελέγχετε εσείς.
Χρησιμοποιήστε το δικό σας κλειδί API
Προσθέστε το κλειδί του παρόχου στις ρυθμίσεις, επιλέξτε το μοντέλο και δημιουργήστε με τον δικό σας λογαριασμό.
Η ΤΝ μπορεί να κάνει λάθος. Ακριβώς γι’ αυτό ένας εκπαιδευτικός παραμένει στη διαδικασία.
Πάρτε τη σελίδα εκεί όπου γίνεται η διδασκαλία
- Whiteboard — βάλτε το στον ζωντανό πίνακα και ρυθμίστε το μπροστά στην τάξη
- Quest Ladder — βάλτε το σε ερωτήσεις και εξηγήσεις
- Virtual Lab — επαναχρησιμοποιήστε το μέσα σε διαδραστική εργαστηριακή εργασία
- κοινότητα — κοινοποιήστε ό,τι φτιάξατε και χτίστε πάνω σε ό,τι κοινοποίησαν άλλοι εκπαιδευτικοί