wulin.com (www.vevb.com) บทความบทนำ: คู่มือของมือใหม่: การทำงานจริงของการออกแบบเว็บ HTML และเค้าโครงเว็บ
ข้อได้เปรียบของเค้าโครงเว็บเหนือความยืดหยุ่นของข้อมูล โดยปกติจะมีสามสถานการณ์ในการดำเนินการจริง: การปรับเค้าโครงการปรับตัวทางภาพและการปรับเนื้อหา หน้าเว็บควรจะสามารถปรับให้เข้ากับเบราว์เซอร์ไคลเอนต์และมติที่แตกต่างกัน มันเป็นสิ่งที่หลีกเลี่ยงไม่ได้ที่จะ จำกัด หน้าต่างและออกจากแถบเลื่อนแนวนอนจากนั้นใช้เทคโนโลยีเว็บเพื่อให้ได้การเรียงลำดับหลายรายการ สัมผัสลึก ๆ หลังจากได้รับพื้นฐานของการออกแบบข้อมูลเล็ก ๆ น้อย ๆ ในทางปฏิบัติให้ดูที่ปัญหานี้ ขึ้นอยู่กับขนาดของหน้าจอเป็นไปได้อย่างยิ่งที่จะรักษาเพียงหน้าเดียว นอกจากนี้การพัฒนาซอฟต์แวร์การออกแบบเว็บ WYSIWYG ชุดแรกซึ่งส่วนใหญ่ใช้เลย์เอาต์ตารางได้ส่งเสริมการใช้งานตาราง
ฉันไม่ค่อยเห็นโครงสร้างการปรับตัวที่มักจะทำให้ผู้คนมีโครงสร้างที่ดูง่ายกว่าเค้าโครงจริงมาก หน้าเว็บหลายคอลัมน์ HTML ตัวอย่างเช่นในหน้าแรกของเว็บไซต์พอร์ทัลเค้าโครงตารางกลายเป็นที่นิยมเช่นนี้ ความตั้งใจดั้งเดิมของฉลากตารางคือการแสดงข้อมูลแบบตาราง เค้าโครงตารางให้ตัวเลือกนักออกแบบเว็บไซต์มากขึ้นเมื่อสร้างเว็บไซต์ ยิ่งโมดูลหน้ามีความสำคัญมากเท่าไหร่ก็ยิ่งรวมเข้าด้วยกันมากขึ้นเท่านั้น โดยเฉพาะอย่างยิ่งสำหรับข้อกำหนดพิเศษบางประเภทเนื่องจากไซต์ประเภทนี้มักจะต้องใช้พื้นที่ขนาดเล็กไม่มากเกินไปและส่วนใหญ่ต้องการหน้าจอกว้างส่วนใหญ่เพื่อความสะดวกในการใช้ JS แม้ว่าเราจะใช้จอภาพขนาดใหญ่ที่มีเพียง 17 แต่ GIF เช่น Microsoft เกี่ยวกับการถือครองตำแหน่ง รูปภาพตัวยึดควบคุมระยะเวลาของพื้นที่ว่าง บริษัท กระแสหลักบางแห่งในตารางยังฝึกอบรมนักออกแบบวิธีการใช้ GIF แต่สะดวกมากเมื่อทำงานกับหน้าต่างหลายบาน ตัวยึดตำแหน่ง; มีเมนูในรูปด้านล่างฉันยังไม่ได้ลองก่อนหน้านี้ แยกหน้าจอตามจำนวนหน้าต่างเปิดใช้งาน หากคุณจำได้อย่างถูกต้อง GIF ถูกใช้มาตั้งแต่ Win2000 ในช่วงเวลาเดียวกัน HTML ยังมีแอพพลิเคชั่นจำนวนมากพร้อมหน้าต่างปูกระเบื้องแนวนอนและหน้าต่างปูกระเบื้องแนวตั้ง คลิกขวาที่พื้นที่ว่างของแถบงานระบบ Windows
ตารางที่สร้างขึ้นโดยอัตโนมัติโดยซอฟต์แวร์บางตัวมีความซับซ้อนมากจนนักออกแบบหลายคนไม่สามารถเขียนโค้ดได้ตั้งแต่เริ่มต้น (ตัวอย่างเช่นเพียง 1px ต่อบรรทัดแม้แต่เว็บเพจที่ซับซ้อนกว่าเล็กน้อย (ตัวอย่างเช่นหน้าหลายคอลัมน์) แต่มีคอลัมน์หลายร้อยคอลัมน์) นักออกแบบทั้งหมดพึ่งพาตารางเพื่อสร้าง จากการวิเคราะห์คำขอและเอาต์พุตของลูกค้าเลย์เอาต์และการปรับตัวให้เข้ากับความละเอียด 800 และ 1024px ซึ่งอาจเป็นขั้นตอนแรกในการแก้ไขเว็บไซต์ Yahoo เลย์เอาต์สองโหมด
ก่อนที่จะศึกษา "การสอนเชิงปฏิบัติเกี่ยวกับการออกแบบเว็บแบบไดนามิกของลูกค้า" การทดลองที่ครอบคลุมของเนื้อหาที่เกี่ยวข้องก็ถูกจัดเรียง เนื้อหาหลัก ได้แก่ ภาษา HTML, แผ่นสไตล์ CSS, ภาษาสคริปต์ JavaScript, DHTML, เทคโนโลยีการกรองและการแปลง, ส่วนประกอบบนเว็บ ฯลฯ ในมุมมองของเนื้อหาข้างต้น นอกจากนี้ยังมีการแนะนำวิธีการเขียนและเทคนิคของเว็บโค้ดไคลเอนต์ นอกจากนี้กรณีแอปพลิเคชันทั่วไปจำนวนมากมีการระบุไว้ในแต่ละบทของการสอน เป็นการดีที่สุดที่จะมีรากฐานของภาษาคอมพิวเตอร์ระดับ