Reka letak mudah alih: HTML5+CSS3 versi lanjutan dan dipertingkat

• Bab1 H5C3 diperkukuh
• 1-1 Pengenalan kepada HTML5
• 1-2 Penggunaan asas vscode
• 1-3 pemasangan pemalam vscode
• 1-4 Apakah HTML5
• 1-5 Tag baharu HTML5
• 1-6 Tag audio multimedia
• 1-7 Tag video multimedia
• 1-8 teg input baharu HTML5
• 1-9 Atribut bentuk baharu HTML5
• 1-10 Ringkasan HTML5
• 1-11 Pengenalan kepada CSS3
• 1-12 Pemilih atribut CSS3 (atas)
• 1-13 Pemilih atribut CSS3 (di bawah)
• 1-14 Pemilih kelas pseudo struktur CSS3 (Bahagian 1)
• 1-15 anak ke-nth(n)
• 1-16 Perbezaan antara nth-child dan nth-of-type
• 1-17 Ringkasan pemilih kelas pseudo struktur
• 1-18 Pemilih unsur pseudo CSS3
• 1-19 Kes pemilih unsur pseudo
• 1-20 Penukaran 2D: terjemah
• 1-21 Pusatkan kotak secara mendatar dan menegak
• 1-22 Putaran penukaran 2D
• 1-23 segi tiga CSS3
• 1-24 Tetapkan titik pusat penukaran
• 1-25 Sarung titik pusat putaran
• 1-26 Skala penukaran 2D
• 1-27 Kes pembesaran gambar
• 1-28 Sarung butang paging
• 1-29 Kaedah penulisan yang komprehensif dan isu urutan untuk penukaran 2D
• 1-30 Ringkasan penukaran 2D
• 1-31 Penggunaan asas animasi CSS3
• 1-32 urutan animasi
• 1-33 Ciri umum animasi CSS3
• 1-34 Singkatan animasi CSS3
• 1-35 Sarung peta haba data besar (Bahagian 1)
• 1-36 Sarung peta haba data besar (Bahagian 2)
• 1-37 Langkah-langkah lengkung laju
• 1-38 Kes Besar Beruang Berlari
• 1-39 Memahami Transformasi 3D
• 1-40 Terjemahan 3D translate3d
• 1-41 perspektif perspektif
• 1-42 terjemahan
• 1-43 Putaran 3D rotateX
• 1-44 Putaran 3D berputarY
• 1-45 Putaran 3D rotateZ
• 1-46 Gaya transformasi rendering 3D
• 1-47 Sarung kotak flip dua belah
• 1-48 Bar navigasi 3D (atas)
• 1-49 Bar navigasi 3D (di bawah)
• 1-50 Kes Komprehensif-Karusel (Bahagian 1)
• 1-51 Kes Komprehensif-Karusel (Bahagian 2)
• 1-52 Awalan dan ringkasan peribadi penyemak imbas
• Bab2 Susun atur cecair
• 2-1 Pengenalan kepada susun atur aliran pembangunan WEB mudah alih
• 2-2 Asas terminal mudah alih
• 2-3 Viewport
• 2-4 tag meta viewport
• 2-5 nisbah piksel fizikal kepada piksel fizikal
• 2-6 Carta berganda
• 2-7 Penskalaan latar belakang saiz latar belakang
• 2-8 Imej berganda latar belakang dan potongan berbilang imej
• 2-9 Pilihan pembangunan mudah alih
• 2-10 Penyelesaian teknologi mudah alih
• 2-11 Gaya khas mudah alih
• 2-12 Pemilihan teknologi mudah alih
• 2-13 Susun atur cecair
• 2-14 Kerja penyediaan untuk halaman utama mudah alih JD.com
• 2-15 tetapan badan
• 2-16 susun atur aplikasi
• 2-17 pengisian kandungan aplikasi
• 2-18 Cari susun atur modul
• 2-19 Cari penghasilan kandungan modul
• 2-20 Cara membuat carta sprite berganda
• 2-21 Penghasilan peta fokus
• 2-22 Pengeluaran modul hari jenama
• 2-23 Pengeluaran modul navigasi bar navigasi
• 2-24 Modul surat berita
• 2-25 Halaman utama mudah alih JD.com hujung 2
• Bab3 lentur
• 3-1 Pengenalan kepada susun atur fleksibel pembangunan WEB mudah alih
• 3-2 Pengalaman susun atur fleksibel
• 3-3 prinsip susun atur fleksibel
• 3-4 flex menetapkan arah gelendong
• 3-5 justify-content menetapkan susunan sub-elemen paksi utama
• 3-6 Sama ada balut subelemen flex-wrap
• 3-7 align-item menetapkan susunan elemen anak paksi silang
• 3-8 align-content menetapkan susunan elemen anak paksi silang
• 3-9 aliran lentur dan ringkasan
• 3-10 Penggunaan sifat flex kanak-kanak
• 3-11 align-self和order
• 3-12 Kerja penyediaan halaman utama mudah alih Ctrip
• 3-13 Analisis susun atur halaman utama dan susun atur modul carian
• 3-14 Modul carian yang dibuat oleh pengguna
• 3-15 Carian modul pengeluaran carian pengeluaran
• 3-16 Penghasilan modul fokus peta fokus
• 3-17 susun atur navigasi tempatan
• 3-18 pengeluaran kandungan nav tempatan
• 3-19 Gunakan pemilih atribut untuk menukar imej latar belakang
• 3-20 susun atur rupa nav
• 3-21 pengeluaran kandungan nav
• 3-22 Kecerunan latar belakang kecerunan linear
• 3-23 pengeluaran modul subnav-entry
• 3-24 Penghasilan modul aktiviti popular
• 3-25 Lebih banyak pengeluaran modul kebajikan
• 3-26 pengeluaran modul jualan-bd 3
• Bab4 susun atur rem
• 4-1 Pengenalan kepada reka letak penyesuaian rem pembangunan WEB mudah alih
• 4-2 unit rem
• 4-3 Pengenalan kepada sintaks pertanyaan media
• 4-4 Perubahan Warna Latar Belakang Kes Pertanyaan Media
• 4-5 Pertanyaan media + rem menyedari perubahan saiz dinamik elemen
• 4-6 Pertanyaan media memperkenalkan sumber
• 4-7 Kelemahan CSS
• 4-8 Pengenalan kepada KURANG dan menggunakan pembolehubah
• 4-9 kurang menyusun pemalam tanpa mudah
• 4-10 kurang bersarang
• 4-11 kurang operasi
• 4-12 Prinsip skema penyesuaian rem
• 4-13 pelan penyesuaian akhir rem
• 4-14 Laman utama Suning biasa.kurang pengeluaran
• 4-15 Gaya import import halaman utama Suning
• 4-16 Tetapan gaya badan halaman utama Suning
• 4-17 Susun atur modul kandungan carian halaman utama Suning
• 4-18 Susun atur kandungan carian-kandungan laman utama Suning
• 4-19 Pengeluaran modul carian halaman utama Suning
• 4-20 Sepanduk laman utama Suning dan pengeluaran modul pengiklanan
• 4-21 Pengeluaran bahagian nav laman utama Suning
• 4-22 penyelesaian penyesuaian rem 2 pengenalan flexble.js
• 4-23 penyelesaian penyesuaian rem 2 Persediaan awal laman utama Suning
• 4-24 skema penyesuaian rem 2pengubahsuaian gaya badan
• 4-25 Cssrem pemalam vscode ajaib
• 4-26 Ubah suai saiz fon html lalai yang fleksibel
• 4-27 penyelesaian penyesuaian rem 2 pengeluaran kandungan carian 1
• 4-28 penyelesaian penyesuaian rem 2 pengeluaran kandungan carian-kandungan 2
• Bab5 Susun atur responsif
• 5-1 Pengenalan responsif pembangunan web mudah alih
• 5-2 Prinsip pembangunan responsif
• 5-3 Bekas susun atur responsif
• 5-4 Kes navigasi responsif
• 5-5 Pengenalan kepada Bootstrap
• 5-6 Penggunaan Bootstrap (Bahagian 1)
• 5-7 Penggunaan Bootstrap (Bahagian 2)
• 5-8 Bekas susun atur Bootstrap
• 5-9 Sistem grid bootstrap
• 5-10 Penggunaan sistem grid Bootstrap (Bahagian 1)
• 5-11 Penggunaan sistem grid Bootstrap (Bahagian 2)
• 5-12 Bersarang lajur Bootstrap
• 5-13 Mengimbangi lajur Bootstrap
• 5-14 Isih lajur Bootstrap
• 5-15 Alat responsif Bootstrap
• 5-16 Analisis permintaan Alibaba Baixiu
• 5-17 Kerja persediaan untuk Ali Baixiu
• 5-18 Ubah suai lebar maksimum bekas
• 5-19 Pengeluaran logo Alibaba Baixiu
• 5-20 Pengeluaran nav Alibaba Baixiu memperkenalkan ikon fon
• 5-21 Dihasilkan oleh Ali Baixiu News (Bahagian 1)
• 5-22 Dihasilkan oleh Ali Baixiu News (Bahagian 2)
• 5-23 Alibaba Baixiu menerbitkan pengeluaran modul
• 5-24 Alibaba Baixiu mengetepikan pengeluaran modul
• 5-25 Pengeluaran responsif logo Alibaba Baixiu
• 5-26 Pengeluaran responsif nav Alibaba Baixiu
• 5-27 Pengeluaran responsif berita Alibaba Baixiu
• 5-28 Alibaba Baixiu menerbitkan pengeluaran responsif
• 5-29 Ringkasan pembangunan terminal mudah alih