Saya rasa setiap orang yang baru mengenal standar web akan menanyakan pertanyaan ini, dan saya akan merangkumnya berdasarkan pengalaman saya sendiri.
Langkah 1. Jangan hanya menggunakan DW dan alat lain untuk mendesain halaman web, biasakan diri Anda dengan bahasa (X)HTML dan bahasa CSS
Karena standar web telah meningkatkan persyaratan kode, mustahil untuk lulus pemeriksaan tanpa pemahaman tertentu tentang kode xhtml. Alat DW juga dapat digunakan, tetapi Anda harus melihat kode untuk menulis halaman web.
Yang pertama kode xhtmlnya, jumlahnya tidak banyak, tahu cara menggunakannya, cara menulisnya yang benar, dan ingat untuk menutup tag. Seperti <img/><br/>. Disarankan untuk membaca beberapa manual referensi html. Bagaimanapun, xhtml ditingkatkan dari html, dan banyak tag yang masih digunakan.
Langkah 2. Tetapkan pernyataan standar (DOCTYPE) dan kepala
Dulu, halaman web, bahkan portal besar, bahkan tidak memiliki pernyataan, hanya <html>. Yang harus Anda lakukan sekarang adalah menambahkan pernyataan ke halaman web Anda, standarisasi area kepala, dan buat mesin pencari seperti milik Anda situs web.
Metode penulisan yang disarankan
<!--(1) Transisi (Transisi)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)Ketat (Ketat)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Ketat//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)Jenis bingkai (Frameset)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--Tetapkan ruang nama (Namespace) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<kepala>
<!--Deklarasikan bahasa pengkodean Anda: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Jenis Konten" content="teks/html; charset=GB2312" />
<meta http-equiv="Isi-Bahasa" content="zh-CN" />
<!--Konten disiapkan untuk mesin pencari-->
<!--Izinkan robot pencari mencari semua tautan di situs. Jika ingin halaman tertentu tidak dicari, disarankan menggunakan metode robots.txt -->
<meta content="all" name="robot" />
<!--Atur informasi penulis situs-->
<meta name="penulis" content="Email,nama" />
<!--Mengatur informasi hak cipta situs-->
<meta name="Hak Cipta" content="Deskripsi hak cipta situs web" />
<!--Pengantar singkat tentang situs (disarankan)-->
<meta name="description" content="Perancang web baru. Situs tutorial standar web, mempromosikan penerapan standar web di Tiongkok" />
<!--Kata kunci situs (disarankan)-->
<meta content="merancang, dengan, web, standar, xhtml, css, grafis, desain, tata letak, kegunaan, aksesibilitas, w3c, w3, w3cn, ajie" name="keywords" />
<!--Ikon favorit-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="ikon pintasan" href="/favicon.ico" type="image/x-icon" />
<title>Judul halaman web</title>
<!--Hubungkan lembar gaya-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<style type="teks/css" media="semua">
@impor url(css/style01.css);
</gaya>
<!--RSS-->
<link rel="alternate" type="application/rss+xml" title="ruang greengnn" href="http://www.*.com/feed.asp" />
<!--JS-->
<skrip src="js/common.js" type="teks/javascript" language="javascript" "></script>
</kepala>
<tubuh>
</tubuh>
</html>
Langkah 3. Pelajari cara menggunakan div dengan CSS untuk tata letak halaman web
Gunakan <div> dengan CSS untuk mengatur tata letak halaman web Anda daripada menggunakan tabel. Ada banyak artikel dan contoh seperti itu. Saya sarankan Anda mengunjungi bluediea.com. Ada banyak manfaat tata letak div.
1. Redundansi kodenya kecil dan halaman web terbuka dengan cepat.
2. Struktur dan kinerja dipisahkan. Anda dapat mengubah tata letak hanya melalui CSS, sementara informasinya tetap tidak berubah. Hal ini mengurangi biaya pemeliharaan dan peningkatan.
Langkah 4. Pelajari teori standar web, semantik, CSS, dan gagasan pemisahan struktur dan presentasi.
Standar web sebenarnya diusulkan hanya untuk mencapai semantik tag, pemisahan struktur dan kinerja, transisi dari lokalisasi situs web ke internasionalisasi, kompatibilitas ke belakang, dan kemandirian perangkat, sehingga halaman web Anda dapat berjalan dengan lancar di Internet.
Pada tahap ini, Anda sudah dapat menggunakan CSS untuk menata halaman web Anda dan membuat halaman web yang dapat lolos inspeksi W3C. Anda dapat memahami apa itu standar web, kerangka kerja dan fungsi standar web, ide dan keuntungan pemisahan struktur dan kinerja , dan pengetahuan lebih dalam tentang CSS. Teori lapisan, semantik tag xhtml, teori afinitas, dan fungsionalitas lintas platform membuat halaman web Anda cocok untuk berbagai browser dan perangkat.
Langkah 5. Terapkan standar web untuk membuat halaman web, tetapkan spesifikasi kode standar web Anda sendiri, dan tingkatkan efisiensi pengembangan.
Standar web masih dipromosikan, dan belum ada model yang matang, lagipula, kode tulisan tangan diperlukan. Saat ini, Anda dapat mengusulkan beberapa metode untuk meningkatkan efisiensi pengembangan berdasarkan pengalaman Anda sendiri dan css khusus, dan beberapa modul fungsional yang dapat digunakan kembali dibuat menjadi klip kode untuk meningkatkan penggunaan kembali kode!