You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3.5 KiB
3.5 KiB
משימת עיצוב מחדש של CSS
מטרה
לעצב מחדש את פרויקט הטרריום באמצעות Flexbox או CSS Grid עבור פריסת העמוד. עדכן את ה-HTML וה-CSS לפי הצורך כדי להשיג עיצוב מודרני ורספונסיבי. אין צורך ליישם אלמנטים ניתנים לגרירה—התמקד רק בפריסה ובעיצוב.
הוראות
- צור גרסה חדשה של אפליקציית הטרריום. עדכן את הקוד של ה-HTML וה-CSS כדי להשתמש ב-Flexbox או CSS Grid עבור הפריסה.
- וודא שהאמנות והאלמנטים נמצאים במקומם כפי שהם בגרסה המקורית.
- בדוק את העיצוב שלך לפחות בשני דפדפנים שונים (לדוגמה, Chrome, Firefox, Edge).
- צלם צילומי מסך של הטרריום שלך בכל דפדפן כדי להוכיח תאימות בין דפדפנים.
- הגש את הקוד המעודכן שלך ואת צילומי המסך.
קריטריונים להערכה
| קריטריון | מצטיין | מספק | דורש שיפור |
|---|---|---|---|
| פריסה | עיצוב מחדש מלא באמצעות Flexbox או CSS Grid; נראה טוב ורספונסיבי | חלק מהאלמנטים עוצבו מחדש; שימוש חלקי ב-Flexbox או Grid | מעט או ללא שימוש ב-Flexbox או Grid; הפריסה לא השתנתה |
| תאימות בין דפדפנים | צילומי מסך מסופקים עבור מספר דפדפנים; מראה עקבי | צילומי מסך עבור דפדפן אחד; אי עקביות קטנות | אין צילומי מסך או אי עקביות משמעותיות |
| איכות קוד | HTML/CSS נקי ומאורגן היטב; הערות ברורות | ארגון חלקי; מעט הערות | קוד לא מאורגן; חסרות הערות |
טיפים
- עיין במדריכים של Flexbox ושל CSS Grid.
- השתמש בכלי פיתוח של דפדפנים כדי לבדוק רספונסיביות.
- הוסף הערות לקוד שלך כדי לשפר את הבהירות.
כתב ויתור:
מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית Co-op Translator. למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי על ידי אדם. אנו לא נושאים באחריות לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.