1. เว็บคืออะไร?
สิ่งที่พบบ่อยบนเว็บคือเว็บไซต์และหน้าเว็บซึ่งมีรูปแบบทั่วไปสามรูปแบบ: ไฮเปอร์เท็กซ์ ไฮเปอร์มีเดีย และโปรโตคอลการถ่ายโอนไฮเปอร์เท็กซ์ การพัฒนาเว็บคือการพัฒนาเว็บไซต์ เว็บไซต์ประกอบด้วยหน้าเว็บหลายหน้า และหน้าเว็บประกอบด้วยบรรทัดของโค้ดแท็กและโค้ดข้อมูล การพัฒนาเว็บเป็นกระบวนการเขียนโค้ดเหล่านี้ลงในแท็กที่เบราว์เซอร์สามารถเข้าใจได้ และหลังจากที่เบราว์เซอร์ยอมรับแล้ว คนทั่วไปก็สามารถเห็นได้
ส่วนหน้าของเว็บมีหน้าที่หลักในการแสดงผลของเบราว์เซอร์ส่วนหน้า เมื่อส่วนหน้าของเว็บปรากฏขึ้น จำเป็นต้องมีข้อมูลแบบไดนามิกโดยโปรแกรม Java พื้นหลังหรือโปรแกรม C++ สถาปัตยกรรมระบบนี้เรียกว่าระบบโครงสร้าง B/S (B: Browser, S: Server)
1. ความรู้เบื้องต้นเกี่ยวกับคำศัพท์ที่เกี่ยวข้องกับเว็บ
(1) www เป็นตัวย่อของเวิลด์ไวด์เว็บ ซึ่งเราเรียกว่าเครือข่ายบริเวณกว้างทั่วโลก หรือที่เรียกว่าเวิลด์ไวด์เว็บ
(2) เว็บเป็นระบบข้อมูลกราฟิกแบบกระจายข้ามแพลตฟอร์มระดับโลกที่ใช้โปรโตคอล http ระบบที่พบบ่อยที่สุดของเราคือบริการเว็บไซต์
(3) เว็บไซต์คือกลุ่มของหน้าเว็บหลายหน้า
(4) หน้าเว็บเป็นไฟล์ html ที่แสดงผ่านเบราว์เซอร์และมีรูปภาพ ข้อความ ลิงก์ เสียง ฯลฯ
(5) หน้าเว็บถูกแยกวิเคราะห์และแสดงบนเบราว์เซอร์
2. เว็บแอปพลิเคชัน
สิ่งที่เรียกว่าแอปพลิเคชันเว็บหมายถึงแอปพลิเคชันบางตัวที่เรามักจะเปิดด้วยเบราว์เซอร์ ซึ่งก็คือเว็บไซต์โดยเฉพาะ เช่น Weibo, Moments, Zhihu เป็นต้น เว็บแอปพลิเคชันต้องมีอยู่ในรูปแบบของ "กลุ่มทรัพยากร"
ยกตัวอย่าง Weibo ซึ่งเป็นเว็บแอปพลิเคชันที่ประกอบด้วยสถานการณ์ต่างๆ มากมายที่เราคุ้นเคย ได้แก่:
(1) สถานการณ์การเข้าสู่ระบบและการลงทะเบียน
(2) ฉากการเรียกดู Weibo;
(3) เผยแพร่ฉาก Weibo;
(4) หน้าศูนย์ส่วนบุคคล
ในสถานการณ์เหล่านี้ โดยทั่วไปแต่ละฉากจะมีหน้าหลักของตัวเอง ซึ่งโดยปกติแล้วจะเป็นทรัพยากรของเพจ HTML ในสถานการณ์เหล่านี้ มีพื้นที่การทำงานเฉพาะ โดยทั่วไป หลังจากกำหนดฉากแล้ว จะมีพื้นที่การทำงานเพียงหนึ่งหรือสองจุดเท่านั้น เมื่อตระหนักถึงฟังก์ชันต่างๆ จะกลายเป็นการดำเนินการต่างๆ ให้เสร็จสิ้น เช่น การลงทะเบียน การเข้าสู่ระบบ และการเรียกดู เพื่อให้การดำเนินการเสร็จสมบูรณ์ ทรัพยากรต่างๆ จำเป็นต้องร่วมมือกันเพื่อทำให้เสร็จสมบูรณ์ HTML เป็นเพียงการแสดงข้อมูลในรูปแบบดิจิทัล ในทรัพยากรอยู่ในช่วงการเรียนรู้ของเราส่วนใหญ่มาจากฐานข้อมูล
ก่อนอื่นเราได้รับข้อมูลผ่านฐานข้อมูลจากนั้นทำเครื่องหมายทรัพยากรที่ได้รับเป็นเนื้อหาที่มีโครงสร้างผ่าน HTML เพื่อสร้างทรัพยากรที่สมบูรณ์ เว็บแอปพลิเคชันหรือระบบที่สมบูรณ์
3. เว็บเซิร์ฟเวอร์
หากมีไคลเอนต์ จะต้องมีเซิร์ฟเวอร์ เนื่องจากเว็บเซิร์ฟเวอร์ใช้โปรโตคอล HTTP เราจึงมักเรียกมันว่าเซิร์ฟเวอร์ HTTP (HTTP Sever) ตัวอย่างเช่น: Apache, Tomcat, Netty เป็นต้น
เบราว์เซอร์ของเราจะสื่อสารกับไคลเอนต์ของเราผ่านเครือข่าย ทั้งเบราว์เซอร์และไคลเอนต์ถูกนำไปใช้โดยผู้อื่น เข้าถึงได้จริง เข้าถึงทรัพยากรที่เราให้ไว้ ดังแสดงในรูป
มีชุดมาตรฐานสำหรับการสื่อสารระหว่างเบราว์เซอร์และเซิร์ฟเวอร์ ชุดมาตรฐานนี้เรียกว่าโปรโตคอล HTTP ซึ่งมีชื่อเต็มคือ (Hyper (Super) Text (Text) Transfer (Transmission) Protocol (Protocol)) ในระหว่างการสื่อสาร เบราว์เซอร์จะส่งคำขอและเซิร์ฟเวอร์ตอบสนอง
4. ทรัพยากร
ในขณะนี้ เราสามารถเข้าใจทรัพยากรเป็นชุดของไฟล์ได้ และสิ่งที่เรียกว่าการพัฒนาแอปพลิเคชันเว็บคือการพัฒนาชุดของทรัพยากร (แสดงเป็นชุดของไฟล์) เพื่อความเข้าใจที่ดีขึ้น คุณสามารถจินตนาการถึงเบราว์เซอร์ได้ เป็นห้างสรรพสินค้าและคิดว่าเราจะพัฒนาเว็บแอพพลิเคชั่น ลองนึกภาพ Application ก็เหมือนกับการเปิดร้านในห้างสรรพสินค้าแห่งนี้ก่อนเปิดร้านเราต้องเตรียมสินค้าที่จะขายซึ่งเทียบเท่ากับทรัพยากร เบราว์เซอร์สามารถมีได้หลายแอปพลิเคชัน และเว็บแอปพลิเคชันแต่ละรายการก็มีทรัพยากรหลายชุด ทรัพยากรที่เราพัฒนาจำเป็นต้องผ่านไคลเอนต์เพื่อให้บริการภายนอก ผู้ใช้เป็นตัวแทนของเบราว์เซอร์ และเบราว์เซอร์เชื่อมต่อโดยตรงกับเว็บเซิร์ฟเวอร์ เราจะแนบทรัพยากรที่เกี่ยวข้องเข้ากับเว็บเซิร์ฟเวอร์ เพื่อให้แอปพลิเคชันเว็บของเราดำเนินการอย่างเป็นทางการ ทำงาน. ลุกขึ้น.
5. องค์ประกอบมาตรฐานของเว็บ
องค์ประกอบ: ส่วนใหญ่ประกอบด้วยสามด้าน: โครงสร้าง การนำเสนอ และ พฤติกรรม
(1) มาตรฐานโครงสร้าง: โครงสร้างใช้เพื่อจัดระเบียบและจำแนกองค์ประกอบของหน้าเว็บ เราเรียนรู้ HTML เป็นหลัก ส่วนที่สำคัญที่สุดของหน้าเว็บ
(2) มาตรฐานด้านประสิทธิภาพ: ประสิทธิภาพใช้เพื่อกำหนดเค้าโครง สี ขนาด และรูปแบบลักษณะที่ปรากฏอื่นๆ ขององค์ประกอบหน้าเว็บ โดยอ้างอิงถึง CSS เป็นหลัก
(3) มาตรฐานพฤติกรรม: พฤติกรรมหมายถึงคำจำกัดความของโมเดลหน้าเว็บและการเขียนการโต้ตอบ สิ่งที่เราเรียนรู้เป็นหลักคือ JavasScript (JavaScript เป็นภาษาโปรแกรมที่เป็นของ HTML และเว็บ)
ตามหลักการแล้วซอร์สโค้ดของเรา: .HTML .css .js
2. ความรู้เบื้องต้นเกี่ยวกับ HTML
1. คำจำกัดความพื้นฐาน: ภาษามาร์กอัปไฮเปอร์เท็กซ์ ไฮเปอร์คือไฮเปอร์ลิงก์
2. เวอร์ชันที่ได้รับความนิยมสูงสุดในปัจจุบันคือ HTML5.0 และองค์กร W3C มีหน้าที่รับผิดชอบในการกำหนดมาตรฐานสำหรับภาษา HTML
