4.6 KiB
Ανάθεση Αναδιάρθρωσης CSS
Στόχος
Αναδιαρθρώστε το έργο terrarium ώστε να χρησιμοποιεί Flexbox ή CSS Grid για τη διάταξη. Ενημερώστε το HTML και το CSS όπως απαιτείται για να επιτύχετε έναν σύγχρονο, ευέλικτο σχεδιασμό. Δεν χρειάζεται να υλοποιήσετε στοιχεία που μπορούν να μετακινηθούν—επικεντρωθείτε μόνο στη διάταξη και το στυλ.
Οδηγίες
- Δημιουργήστε μια νέα έκδοση της εφαρμογής terrarium. Ενημερώστε τη σήμανση και το CSS ώστε να χρησιμοποιούν Flexbox ή CSS Grid για τη διάταξη.
- Βεβαιωθείτε ότι η τέχνη και τα στοιχεία είναι στη θέση τους όπως στην αρχική έκδοση.
- Δοκιμάστε τον σχεδιασμό σας σε τουλάχιστον δύο διαφορετικούς περιηγητές (π.χ., Chrome, Firefox, Edge).
- Τραβήξτε στιγμιότυπα οθόνης του terrarium σας σε κάθε περιηγητή για να αποδείξετε τη συμβατότητα μεταξύ περιηγητών.
- Υποβάλετε τον ενημερωμένο κώδικα και τα στιγμιότυπα οθόνης.
Κριτήρια Αξιολόγησης
| Κριτήριο | Εξαιρετικό | Επαρκές | Χρειάζεται Βελτίωση |
|---|---|---|---|
| Διάταξη | Πλήρως αναδιαρθρωμένο με χρήση Flexbox ή CSS Grid· οπτικά ελκυστικό και ευέλικτο | Μερική αναδιάρθρωση· μερική χρήση Flexbox ή Grid | Ελάχιστη ή καθόλου χρήση Flexbox ή Grid· αμετάβλητη διάταξη |
| Συμβατότητα Με Περιηγητές | Παρέχονται στιγμιότυπα για πολλούς περιηγητές· συνεπής εμφάνιση | Στιγμιότυπα για έναν περιηγητή· μικρές ασυνέπειες | Χωρίς στιγμιότυπα ή μεγάλες ασυνέπειες |
| Ποιότητα Κώδικα | Καθαρό, καλά οργανωμένο HTML/CSS· σαφή σχόλια | Κάποια οργάνωση· λίγα σχόλια | Ανοργάνωτος κώδικας· χωρίς σχόλια |
Συμβουλές
- Ανατρέξτε στους οδηγούς για Flexbox και CSS Grid.
- Χρησιμοποιήστε τα εργαλεία προγραμματιστών του περιηγητή για να δοκιμάσετε την ευελιξία.
- Σχολιάστε τον κώδικά σας για μεγαλύτερη σαφήνεια.
Αποποίηση ευθύνης:
Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης Co-op Translator. Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.