div+css mencapai analisis pemisahan struktur dan prestasi dari segi idea dan proses_Pertukaran pengalaman

Topik kuno: pemisahan puisi kuno

1. Berikan anda puisi kuno, simpan sebagai sekumpulan teks tanpa format, dan anda perlu memahami kandungannya dan memproses strukturnya. Selepas menggunakan penyusunan kata, dia mempunyai struktur
2. Struktur ini sebenarnya termasuk semantik dan prestasi
3. Gunakan html untuk penstrukturan, ketepikan semua bentuk ungkapan, dan hanya pertimbangkan semantik
4. Gunakan CSS Perform pemprosesan pembentangan, termasuk pembentangan lalai html, yang mempunyai persembahan visual ini menggambarkan struktur dan pengalaman pengguna Pengalaman pengguna termasuk reka letak interaktif dan pengalaman visual
5. Jika anda menambah Gelagat, seperti mengklik anotasi. nombor siri untuk perlahan-lahan melompat ke kandungan anotasi.

Lihat css Zen Garden sekali lagi
5 langkah yang sama di atas membentuk versi pertama CSS Zen Garden
Dan lebih banyak kerja yang dilakukan oleh penyedia templat ialah Draf garisan interaktif + reka bentuk visual. Ia dicerminkan pada halaman web sebagai CSS

Ia dapat dilihat bahawa dari perspektif pengekodan
Langkah pertama ialah memproses kandungan sebagai struktur dan menulis HTML tulen
Langkah kedua ialah memproses struktur sebagai persembahan dan Penulisan CSS tulen
Langkah ketiga ialah menambah gelagat pada prestasi.

Dari perspektif proses
Langkah pertama ialah merancang dokumen
Langkah kedua ialah pemprosesan struktur
Langkah ketiga ialah reka bentuk interaksi (pembinaan gaya interaksi)
Langkah keempat , visual reka bentuk (binaan gaya visual)
Langkah kelima, pembinaan gaya

Berfikir secara terbalik
Jika tiada css Zen Garden, pereka bentuk mereka bentuk ratusan draf reka bentuk dan kemudian menjadikannya Will struktur halaman dan HTML adalah sama? Secara analogi, jika perancangan anda dikendalikan oleh dua pereka interaksi dan visual, adakah struktur pembinaan halaman akan sama? Jawapannya pasti tidak sama, kenapa tidak sama? Perkara asas perbincangan di sini ialah isu yang memerlukan kita berfikir secara mendalam!