วิธีการเรียนรู้มาตรฐานเว็บ
สมาชิกฟอรัมหลายคนของฟอรัมคลาสสิกเวอร์ชันมาตรฐานของเว็บถามคำถามนี้ ฉันคิดว่าทุกคนที่ยังใหม่กับมาตรฐานเว็บจะถามคำถามนี้ ฉันจะสรุปตามประสบการณ์ของฉันเอง
ขั้นตอนที่ 1 อย่าใช้เพียง DW และเครื่องมืออื่น ๆ ในการออกแบบหน้าเว็บ ให้ทำความคุ้นเคยกับ (X) ภาษา HTML และภาษา CSS
เนื่องจากมาตรฐานเว็บมีการปรับปรุงข้อกำหนดโค้ด จึงเป็นไปไม่ได้ที่จะผ่านการตรวจสอบหากไม่มีความเข้าใจโค้ด xhtml สามารถใช้เครื่องมือ DW ได้เช่นกัน แต่คุณต้องดูโค้ดจึงจะเขียนหน้าเว็บได้
อย่างแรกคือโค้ด xhtml มีไม่มาก รู้วิธีใช้งาน เขียนยังไงให้ถูกต้อง และอย่าลืมปิดแท็กด้วย เช่น <img/><br/> ขอแนะนำให้อ่านคู่มืออ้างอิง html บางส่วน เนื่องจาก xhtml ได้รับการอัปเกรดจาก html และยังมีการใช้แท็กจำนวนมากอยู่
ขั้นตอนที่ 2 สร้างการประกาศมาตรฐาน (DOCTYPE) และส่วนหัว
<!–(1) เฉพาะกาล (เฉพาะกาล)–>
<!DOCTYPE html สาธารณะ “-//W3C//DTD XHTML 1.0 การเปลี่ยนผ่าน//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!–(2) เข้มงวด –>
<!DOCTYPE html สาธารณะ “-//W3C//DTD XHTML 1.0 เข้มงวด//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!–(3)เฟรมเซ็ต–>
<!DOCTYPE html สาธารณะ “-//W3C//DTD XHTML 1.0 เฟรมเซ็ต//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=”text/html; charset=GB2312″ />
<meta http-equiv=”เนื้อหา-ภาษา” content=”zh-CN” />
<!–เนื้อหาที่เตรียมไว้สำหรับเครื่องมือค้นหา–>
<!–อนุญาตให้โรบ็อตการค้นหาค้นหาลิงก์ทั้งหมดบนเว็บไซต์ หากคุณต้องการไม่ให้ค้นหาหน้าเว็บบางหน้า ขอแนะนำให้ใช้วิธี robots.txt–>
<meta content=”all” name=”robots” />
<!–ตั้งค่าข้อมูลผู้สร้างไซต์–>
<meta name=”author” content=”[email protected] ,阿杰” />
<!–ตั้งค่าข้อมูลลิขสิทธิ์ของเว็บไซต์–>
<meta name=”Copyright” content=”www.w3cn.org, ลิขสิทธิ์ฟรี, การทำซ้ำใดๆ” />
<!–แนะนำเว็บไซต์โดยย่อ (แนะนำ)–>
<meta name="description" content="นักออกแบบเว็บไซต์ใหม่ ไซต์แนะนำมาตรฐานเว็บ ส่งเสริมการประยุกต์ใช้มาตรฐานเว็บในประเทศจีน" />
<!–คำหลักของเว็บไซต์ (แนะนำ)–>
<meta content=”การออกแบบ, ด้วย, เว็บ, มาตรฐาน, xhtml, css, กราฟิก, การออกแบบ, เค้าโครง, การใช้งาน, การเข้าถึง, w3c, w3, w3cn, ajie” name=”คำหลัก” />
<!–ไอคอนรายการโปรด–>
<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” สื่อ=”ทั้งหมด” />
<style type=”text/css” media=”all”>@import url( css/style01.css );</ style>
<!–RSS–>
<link rel=”alternate” type=”application/rss+xml” title=”พื้นที่ของ greengnn” href=”http://www.jluvip.com/blog/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 ใช้มาตรฐานเว็บเพื่อสร้างเว็บเพจ สร้างข้อกำหนดโค้ดมาตรฐานเว็บของคุณเอง และปรับปรุงประสิทธิภาพการพัฒนา