msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '10e3e6d49b'
${ noResults }
Web-Dev-For-Beginners/translations/ms/3-terrarium/2-intro-to-css/assignment.md

2.9 KiB
Raw Blame History

Tugasan Penstrukturan Semula CSS

Objektif

Struktur semula projek terrarium untuk menggunakan Flexbox atau CSS Grid bagi susun atur. Kemas kini HTML dan CSS seperti yang diperlukan untuk mencapai reka bentuk moden dan responsif. Anda tidak perlu melaksanakan elemen yang boleh diseret—fokus pada susun atur dan penggayaan sahaja.

Arahan

  1. Buat versi baharu aplikasi terrarium. Kemas kini markup dan CSS untuk menggunakan Flexbox atau CSS Grid bagi susun atur.
  2. Pastikan seni dan elemen berada di tempatnya seperti dalam versi asal.
  3. Uji reka bentuk anda dalam sekurang-kurangnya dua pelayar berbeza (contohnya, Chrome, Firefox, Edge).
  4. Ambil tangkapan skrin terrarium anda dalam setiap pelayar untuk menunjukkan keserasian antara pelayar.
  5. Hantar kod yang telah dikemas kini dan tangkapan skrin.

Rubrik

Kriteria Cemerlang Memadai Perlu Penambahbaikan
Susun Atur Sepenuhnya disusun semula menggunakan Flexbox atau CSS Grid; menarik secara visual dan responsif Beberapa elemen disusun semula; penggunaan separa Flexbox atau Grid Sedikit atau tiada penggunaan Flexbox atau Grid; susun atur tidak berubah
Keserasian Antara Pelayar Tangkapan skrin disediakan untuk pelbagai pelayar; penampilan konsisten Tangkapan skrin untuk satu pelayar; ketidakkonsistenan kecil Tiada tangkapan skrin atau ketidakkonsistenan besar
Kualiti Kod HTML/CSS yang bersih dan teratur; komen yang jelas Sebahagian teratur; sedikit komen Kod tidak teratur; tiada komen

Petua

  • Semak panduan Flexbox dan CSS Grid.
  • Gunakan alat pembangun pelayar untuk menguji responsif.
  • Komen kod anda untuk kejelasan.

Penafian:
Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI Co-op Translator. Walaupun kami berusaha untuk memastikan ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang berwibawa. Untuk maklumat penting, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.