ฉันคิดว่าทุกคนที่ยังใหม่กับมาตรฐานเว็บจะถามคำถามนี้ และฉันจะสรุปตามประสบการณ์ของตัวเอง
ขั้นตอนที่ 1 อย่าใช้เพียง DW และเครื่องมืออื่น ๆ ในการออกแบบหน้าเว็บ ให้ทำความคุ้นเคยกับ (X) ภาษา HTML และภาษา CSS
เนื่องจากมาตรฐานเว็บมีการปรับปรุงข้อกำหนดโค้ด จึงเป็นไปไม่ได้ที่จะผ่านการตรวจสอบหากไม่มีความเข้าใจโค้ด xhtml สามารถใช้เครื่องมือ DW ได้เช่นกัน แต่คุณต้องดูโค้ดจึงจะเขียนหน้าเว็บได้
อย่างแรกคือโค้ด xhtml มีไม่มาก รู้วิธีใช้งาน เขียนยังไงให้ถูกต้อง และอย่าลืมปิดแท็กด้วย เช่น <img/><br/> ขอแนะนำให้อ่านคู่มืออ้างอิง html บางส่วน เนื่องจาก xhtml ได้รับการอัปเกรดจาก html และยังมีการใช้แท็กจำนวนมากอยู่
ขั้นตอนที่ 2 สร้างคำสั่งมาตรฐาน (DOCTYPE) และส่วนหัว
ในอดีต หน้าเว็บ แม้แต่พอร์ทัลขนาดใหญ่ ยังไม่มี Statement เลย สิ่งที่คุณต้องทำตอนนี้คือการเพิ่ม Statement ให้กับเว็บเพจของคุณ สร้างมาตรฐานให้กับ Head Area และทำให้ Search Engine เป็นเหมือนคุณ เว็บไซต์.
แนะนำวิธีการเขียน
<!--(1) เฉพาะกาล (เฉพาะกาล)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)เข้มงวด (เข้มงวด)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)ประเภทเฟรม (เฟรมเซ็ต)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--ตั้งค่าเนมสเปซ (เนมสเปซ) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<หัว>
<!--ประกาศภาษาการเข้ารหัสของคุณ: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="เนื้อหาภาษา" content="zh-CN" />
<!--เนื้อหาที่จัดทำขึ้นสำหรับเครื่องมือค้นหา-->
<!--อนุญาตให้โรบ็อตการค้นหาค้นหาลิงก์ทั้งหมดในเว็บไซต์ หากคุณต้องการไม่ให้ค้นหาหน้าเว็บบางหน้า ขอแนะนำให้ใช้วิธี robots.txt -->
<meta content="all" name="robots" />
<!--ตั้งค่าข้อมูลผู้สร้างไซต์-->
<meta name="author" content="Email,name" />
<!--ตั้งค่าข้อมูลลิขสิทธิ์ของเว็บไซต์-->
<meta name="ลิขสิทธิ์" content="คำอธิบายลิขสิทธิ์ของเว็บไซต์" />
<!--แนะนำเว็บไซต์โดยย่อ (แนะนำ)-->
<meta name="description" content="นักออกแบบเว็บไซต์ใหม่ ไซต์แนะนำมาตรฐานเว็บ ส่งเสริมการประยุกต์ใช้มาตรฐานเว็บในประเทศจีน" />
<!--คำหลักของไซต์ (แนะนำ)-->
<meta content="การออกแบบ, ด้วย, เว็บ, มาตรฐาน, xhtml, css, กราฟิก, การออกแบบ, เค้าโครง, การใช้งาน, การเข้าถึง, w3c, w3, w3cn, ajie" name="keywords" />
<!--ไอคอนโปรด-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="ไอคอนทางลัด" href="/favicon.ico" type="image/x-icon" />
<title>ชื่อหน้าเว็บ</title>
<!--เชื่อมต่อสไตล์ชีท-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="ทั้งหมด" />
<style type="text/css" media="all">
@ นำเข้า URL (css/style01.css);
</สไตล์>
<!--RSS-->
<link rel="alternate" type="application/rss+xml" title="greengnn's space" href="http://www.*.com/feed.asp" />
<!--JS-->
<script src="js/common.js" type="text/javascript" language="javascript" "></script>
</หัว>
<ร่างกาย>
</ร่างกาย>
</html>
ขั้นตอนที่ 3 เรียนรู้วิธีใช้ div กับ CSS สำหรับเค้าโครงหน้าเว็บ
ใช้ <div> กับ CSS เพื่อจัดวางหน้าเว็บของคุณแทนที่จะใช้ตาราง มีบทความและตัวอย่างมากมาย ฉันขอแนะนำให้คุณไปที่ bluediea.com มีประโยชน์หลายประการดังนี้
1. ความซ้ำซ้อนของโค้ดมีขนาดเล็กและหน้าเว็บเปิดได้อย่างรวดเร็ว
2. โครงสร้างและประสิทธิภาพแยกจากกัน คุณสามารถเปลี่ยนเลย์เอาต์ของคุณได้ผ่าน CSS เท่านั้น ในขณะที่ข้อมูลยังคงไม่เปลี่ยนแปลง ซึ่งจะช่วยลดต้นทุนในการบำรุงรักษาและอัปเกรด
ขั้นตอนที่ 4 เรียนรู้ทฤษฎีมาตรฐานเว็บ ความหมาย CSS และแนวคิดการแยกโครงสร้างและการนำเสนอ
มาตรฐานเว็บได้รับการเสนอจริง ๆ เพื่อให้บรรลุความหมายของแท็ก การแยกโครงสร้างและประสิทธิภาพ การเปลี่ยนจากการแปลเว็บไซต์เป็นสากล ความเข้ากันได้แบบย้อนหลัง และความเป็นอิสระของอุปกรณ์ เพื่อให้หน้าเว็บของคุณสามารถทำงานได้อย่างราบรื่นบนอินเทอร์เน็ต
ในขั้นตอนนี้ คุณสามารถใช้ CSS เพื่อจัดวางหน้าเว็บของคุณและสร้างหน้าเว็บที่สามารถผ่านการตรวจสอบ W3C ได้ คุณจะเข้าใจได้ว่ามาตรฐานเว็บคืออะไร กรอบงานและหน้าที่ของมาตรฐานเว็บ แนวคิดและข้อดีของการแยกโครงสร้างและประสิทธิภาพ และความรู้เชิงลึกเกี่ยวกับ CSS ทฤษฎีของเลเยอร์ ความหมายของแท็ก xhtml ทฤษฎีความสัมพันธ์ และฟังก์ชันการทำงานข้ามแพลตฟอร์ม ทำให้หน้าเว็บของคุณเหมาะสำหรับเบราว์เซอร์และอุปกรณ์ต่างๆ
ขั้นตอนที่ 5 ใช้มาตรฐานเว็บเพื่อสร้างเว็บเพจ สร้างข้อกำหนดโค้ดมาตรฐานเว็บของคุณเอง และปรับปรุงประสิทธิภาพการพัฒนา
มาตรฐานเว็บยังคงได้รับการส่งเสริม และไม่มีโมเดลที่สมบูรณ์ ท้ายที่สุด โค้ดที่เขียนด้วยลายมือเป็นสิ่งที่จำเป็น ในเวลานี้ คุณสามารถเสนอวิธีการบางอย่างเพื่อปรับปรุงประสิทธิภาพการพัฒนาของคุณตามประสบการณ์ของคุณเอง คุณสามารถตั้งชื่อตัวอย่างโค้ดที่ใช้กันทั่วไปได้ และ CSS แบบกำหนดเอง และโมดูลการทำงานที่นำมาใช้ซ้ำได้บางส่วนถูกสร้างเป็นคลิปโค้ดเพื่อปรับปรุงการนำโค้ดกลับมาใช้ซ้ำได้!