เว็บไซต์ มักเรียกโดยย่อว่าไซต์ เป็นเพียงคอลเลกชันของหน้าเว็บที่เชื่อมโยงกันอย่างมีเหตุผล หรือเพียงหน้าเดียว หน้าเว็บไซต์มีอยู่บนอินเทอร์เน็ตโดยใช้ โปรโตคอล HTTPหรือ HTTPS เว็บไซต์มีที่ของตัวเองบนอินเทอร์เน็ต ซึ่งกำหนดโดยที่อยู่ส่วนบุคคลสำหรับแต่ละไซต์ ซึ่งโดยปกติจะเรียกว่า URL เว็บไซต์ใด ๆ มีเจ้าของเป็นของตัวเอง เจ้าของสามารถเป็นได้ทั้งบุคคลหรือนิติบุคคล

เว็บไซต์ประกอบด้วยหน้าต่างๆ

เว็บไซต์ประกอบด้วยหน้าเว็บที่รวมกันโดย URL รูททั่วไปและตามกฎแล้วเป็นเพจทั่วไป โครงสร้างเชิงตรรกะ, ธีม, การออกแบบ (การออกแบบ) และ อุปกรณ์ทางเทคนิค- ในทางกลับกัน เวิลด์ไวด์เว็บก็ไม่มีอะไรมากไปกว่าการรวบรวมเว็บไซต์ทั้งหมด หน้าเว็บต่างๆ นั้น ไฟล์ข้อความเขียนด้วยภาษา มาร์กอัปไฮเปอร์เท็กซ์ HTML หรือ XHTML

เมื่อดูหน้าเว็บในโปรแกรมพิเศษที่เรียกว่าเบราว์เซอร์ ไฟล์ HTMLดาวน์โหลดไปยังคอมพิวเตอร์ของผู้ใช้ เมื่อโหลดแล้ว เบราว์เซอร์จะแสดงหน้าเว็บบนหน้าจอของผู้ใช้ เช่น ฮาร์ดแวร์สามารถใช้ในการเข้าถึงอินเทอร์เน็ตเพื่อตรวจสอบเนื้อหาของหน้าเว็บ อุปกรณ์ต่างๆ: คอมพิวเตอร์ส่วนบุคคล,พีดีเอบางรุ่น เกมคอนโซลและอุปกรณ์อื่นๆ โดยอุปกรณ์ทั้งหมดนี้รองรับมาตรฐาน ภาษา HTML/ XHTML และหน้าเว็บแสดงผลเหมือนกัน

ภาษา HTML / XHTML ช่วยให้สามารถจัดรูปแบบหน้า วางข้อความ ไฮเปอร์ลิงก์ ตาราง รูปภาพ และวัตถุอื่น ๆ ได้ โต๊ะ สไตล์ CSSซึ่งสามารถนำไปใช้ได้ เอกสาร HTMLให้ คุณสมบัติเพิ่มเติมเพื่อสร้าง รูปร่างหน้าเว็บ

JavaScript และภาษาสคริปต์อื่นๆ บางภาษา

บนหน้าเว็บ คุณยังสามารถใช้ JavaScript และภาษาสคริปต์อื่นๆ ที่เบราว์เซอร์รองรับ และเพิ่มการโต้ตอบให้กับเอกสารบนเว็บ สำหรับการสื่อสารระหว่างหน้าเว็บภายในไซต์และการสื่อสารระหว่างเว็บไซต์ต่างๆ เวิลด์ไวด์เว็บมีการใช้ไฮเปอร์ลิงก์หรือไฮเปอร์ลิงก์แบบสั้น หากใช้ไฮเปอร์ลิงก์เพื่อเชื่อมโยงหน้าภายในไซต์ จะเรียกว่าลิงก์ภายใน และหากเชื่อมโยงหลายไซต์จะเรียกว่าลิงก์ภายนอก

หน้าเว็บไซต์

หน้าต่างๆ บนไซต์อาจเป็นแบบคงที่ กล่าวคือ หน้าเว็บเหล่านั้นจะถูกเก็บไว้บนเว็บเซิร์ฟเวอร์เป็นไฟล์ที่ไม่เปลี่ยนรูป หรืออาจเป็นไดนามิก ซึ่งก็คือ สร้างขึ้นโดยตรงบนเซิร์ฟเวอร์ โปรแกรมพิเศษซึ่งเรียกอีกอย่างว่าเครื่องมือไซต์ เอ็นจิ้นไซต์สามารถให้ความสามารถที่หลากหลายสำหรับการเปลี่ยนแปลงเนื้อหาของหน้าเว็บ การเพิ่มหน้าเว็บใหม่และการดำเนินการอื่น ๆ เพื่อกำหนดค่าเว็บไซต์และแก้ไขข้อมูลบนเว็บไซต์ผ่านอินเทอร์เฟซการดูแลระบบบนเว็บ ซึ่งเรียกว่าการจัดการเนื้อหา ระบบหรือ CMS

การสร้างเว็บไซต์เป็นกระบวนการที่ใช้แรงงานเข้มข้นซึ่งรวมการทำงานของผู้เชี่ยวชาญต่างๆ เช่น นักออกแบบเว็บไซต์ โปรแกรมเมอร์ นักออกแบบเลย์เอาต์ HTML เครื่องมือเพิ่มประสิทธิภาพ ผู้จัดการ นักข่าว เพื่อกรอกข้อมูลลงในเว็บไซต์ ฯลฯ เวลาและค่าใช้จ่ายในการสร้างเว็บไซต์ขึ้นอยู่กับระดับความซับซ้อนของโครงการ โครงสร้าง และคุณภาพของการออกแบบ

ประวัติเล็กๆ น้อยๆ ของการพัฒนาเว็บไซต์

เว็บไซต์แรกของโลกถูกสร้างขึ้นเมื่อวันที่ 6 สิงหาคม พ.ศ. 2534 American Tim Berners-Lee โพสต์สิ่งพิมพ์บนเว็บไซต์เกี่ยวกับเทคโนโลยีโลก ไวด์เว็บ- พื้นฐานของเทคโนโลยี ทั่วโลกเว็บเป็นโปรโตคอลการถ่ายโอน ข้อมูล HTTP, ภาษาไฮเปอร์เท็กซ์ มาร์กอัป HTMLและระบบระบุที่อยู่ URL ไซต์นี้ยังอธิบายหลักการพื้นฐานอื่นๆ ของอินเทอร์เน็ต เช่น การทำงานของเซิร์ฟเวอร์ เว็บเบราว์เซอร์ ฯลฯ ไซต์นี้สร้างโดย Tim Berners-Lee และกลายเป็นไดเร็กทอรีอินเทอร์เน็ตแห่งแรกของโลกด้วย เพราะ... ต่อมามีลิงก์ไปยังแหล่งข้อมูลอื่นของอินเทอร์เน็ตในขณะนั้น

เครื่องมือที่จำเป็นสำหรับไซต์ในการทำงานได้รับการจัดเตรียมไว้ก่อนหน้านี้ เมื่อปลายปี 1990 เบราว์เซอร์ตัวแรกปรากฏขึ้นซึ่งเรียกว่า WorldWideWeb รวมถึงฟังก์ชันของโปรแกรมแก้ไขไฮเปอร์เท็กซ์ด้วย Tim Berners-Lee ได้เตรียมเว็บเซิร์ฟเวอร์ตัวแรกที่ใช้ NeXTcube

สงสัยว่าจะสร้างหน้า HTML ได้อย่างไร? ในการทำเช่นนี้คุณต้องใช้เวลาหลายชั่วโมงแล้วคุณจะรู้ และคุณสามารถสร้างหน้าแรกได้ภายใน 5 นาที

HTML ย่อมาจาก HyperText ภาษามาร์กอัป- แปลแล้วหมายถึง "ภาษามาร์กอัปไฮเปอร์เท็กซ์" สิ่งสำคัญคือต้องเข้าใจว่า HTML ไม่ใช่ภาษาการเขียนโปรแกรม แต่เป็นภาษามาร์กอัปของไซต์

ทั้งหมด เบราว์เซอร์ที่ทันสมัยรู้วิธีที่จะรับรู้มัน จากนั้นจึงแสดงข้อมูลในลักษณะที่เป็นมิตรต่อผู้ใช้ตามที่ผู้เขียนตั้งใจไว้ล่วงหน้า

ภาษานี้ใช้แท็กพิเศษ แต่ละแท็กทำหน้าที่ของตัวเอง มีจำนวนมาก เป็นการดีที่คุณจะต้องเรียนรู้ทุกสิ่ง แต่สำหรับมือใหม่ ความรู้พื้นฐานค่อนข้างเพียงพอ

พื้นฐาน HTML

ก่อนที่คุณจะสร้างเพจ HTML คุณต้องรู้ว่ามันประกอบด้วยอะไร มีสองแนวคิดในภาษานี้: องค์ประกอบและแท็ก

แท็กเปิดและปิดใช้เพื่อระบุว่าองค์ประกอบนี้เริ่มต้นและสิ้นสุดที่ใด มีลักษณะเช่นนี้

<открывающий тег>เนื้อหา

อย่างที่คุณเห็น ความแตกต่างเพียงอย่างเดียวระหว่างแท็กเปิดและแท็กปิดคือ "/"

เอกสาร HTML ทั้งหมดคือชุดขององค์ประกอบเหล่านี้ มีข้อกำหนดบางประการสำหรับโครงสร้างของเอกสาร เนื้อหาหน้าทั้งหมดต้องอยู่ระหว่างสองแท็ก และ- เมื่อคุณเขียนโค้ด ให้ติดแท็กเปิดและปิดทันทีจนเป็นนิสัย

โปรดจำไว้ว่าโครงสร้างของภาษา HTML มีลำดับชั้นของตัวเอง มิฉะนั้นจะเรียกว่าการทำรัง เป็นสิ่งสำคัญที่สุด เนื่องจากสิ่งอื่นๆ ทั้งหมดอยู่ภายในนั้น

HTML มี 2 แบบ องค์ประกอบลูก:

• ... ;
• ..
  
  .

บล็อก HEAD ระบุข้อมูลบริการต่างๆ ข้อมูลนี้จะไม่แสดงในเบราว์เซอร์ ตัวอย่างเช่น คำแนะนำสำหรับนักพัฒนา สำหรับโปรแกรมใดๆ สำหรับโรบ็อต และอื่นๆ อีกมากมาย

สิ่งที่สำคัญที่สุดคือไม่มีเนื้อหาที่นี่

ส่วน BODY ระบุเนื้อหาเอกสารที่จะแสดงต่อผู้ใช้

เรียนรู้วิธีสร้างแท็กเปิดและปิดทันที เนื่องจากสามารถมีองค์ประกอบที่ซ้อนกันได้ 10 รายการ นอกจากนี้ เพื่อความสะดวก ขอแนะนำให้เยื้องแท็กที่ซ้อนกัน ตัวอย่างเช่นเช่นนี้

การทำเช่นนี้เพื่อให้แท็กที่มีความสำคัญเท่ากันอยู่ในระดับเดียวกัน และแท็กย่อยจะอยู่ "ภายใน" ทำให้ง่ายต่อการเข้าใจและค้นหาโค้ดที่ถูกต้องได้ง่ายขึ้น ไม่เช่นนั้นคุณอาจสับสนได้ แต่เพื่อประหยัดเนื้อที่ ตัวถังสามารถทำได้โดยไม่มีการเยื้อง ทำเช่นนี้เพื่อไม่ให้คนอื่นๆ มีการเยื้องเพิ่มเติม ขอแนะนำให้แยกสิ่งอื่นออกจากกัน

วิธีสร้างหน้า HTML อย่างง่าย

ในการเขียนโค้ดคุณต้องมีโปรแกรมแก้ไขบางอย่าง มีจำนวนมาก ที่นิยมได้แก่ Notepad++ และ อะโดบี ดรีมวีเวอร์- คุณยังสามารถใช้กระดาษจดบันทึกได้

นี่คือลักษณะของโปรแกรมแก้ไข Notepad ++

นี้เป็นอย่างมาก บรรณาธิการที่สะดวกและในเวลาเดียวกันก็ฟรี Adobe Dreamweaver ข้างต้นเป็นเวอร์ชันที่ต้องชำระเงิน ความแตกต่างระหว่างบรรณาธิการที่ออกแบบมาเพื่อการเขียนและสมุดบันทึกก็คือแท็กพิเศษจะถูกเน้น หากไม่ได้เน้นแสดงว่าคุณเขียนไม่ถูกต้อง

เพื่อให้ไฟแบ็คไลท์ตรงกับภาษาจะต้องระบุในการตั้งค่า

มาดูวิธีการสร้างกัน หน้า HTMLในสมุดบันทึก นั่นคือ เรามาจบส่วนทางเทคนิคกันก่อน จากนั้นจึงเข้าสู่การศึกษาแท็กโดยตรง

วิธีสร้างเว็บเพจใน HTML Notepad

ในการเริ่มต้น ให้เปิดแผ่นจดบันทึก

จากนั้นพิมพ์สิ่งที่ระบุในภาพหน้าจอต่อไปนี้

ทำความคุ้นเคยกับการเขียนด้วยมือแทนที่จะคัดลอกเพียงอย่างเดียว เมื่อคุณเขียนด้วยมือ คุณจะจำฐานแท็กทั้งหมดได้ดีขึ้น

หลังจากนี้คุณสามารถเปิดไฟล์ในเบราว์เซอร์และชื่นชมผลลัพธ์ได้ ตอนนี้คุณควรเข้าใจวิธีสร้างเว็บเพจใน HTML Notepad แล้ว

สมาคมทั่วโลก W3C

มีองค์กรชื่อ W3C ซึ่งพัฒนาและดำเนินการมาตรฐานทั้งหมดสำหรับอินเทอร์เน็ต เบราว์เซอร์ทั้งหมดปฏิบัติตามมาตรฐานเหล่านี้และประมวลผลมาร์กอัปหน้า (รหัส) ตามกฎเหล่านี้

บนเว็บไซต์อย่างเป็นทางการของผู้พัฒนาภาษา HTML คุณจะพบตารางที่มีแท็กและกฎการใช้งานทั้งหมด ในบทความนี้เราจะพิจารณาบทความพื้นฐานที่สุด

คุณอาจกำลังคิดว่ากฎจะเป็นอย่างไร? แท็กที่อธิบายทั้งหมดมีคำแนะนำของตัวเอง มีหลายอย่าง:

• แท็กเสริม
• ต้องห้าม.
• แท็กว่างเปล่า
• ล้าสมัย
• สูญหาย.

แท็กในรูปแบบ HTML

ก่อนที่คุณจะสร้างเพจ HTML คุณต้องเข้าใจสิ่งที่ควรอยู่ในส่วนบริการ HEAD

พื้นที่ HEAD มีทั้งบังคับและ แท็กเสริม- ถึง แท็กที่จำเป็นชื่อหมายถึง มันถูกกำหนดไว้ - ถูกกำหนดให้กับเอกสารทั้งหมด และสิ่งที่คุณเห็นในผลการค้นหา ระบบกูเกิล, คือแท็กชื่อ

มาดูส่วน BODY กันดีกว่า มีองค์ประกอบที่แสดงในเบราว์เซอร์และยังมีองค์ประกอบที่ไม่ใช่ด้วย ตัวอย่างเช่น ความคิดเห็นจะไม่แสดงต่อผู้ใช้ สามารถใช้เป็นบันทึกหรือให้คำแนะนำแก่พนักงานคนอื่นๆ ได้หากคุณทำงานเป็นทีม

พวกเขาถูกกำหนดให้เป็น

ทุกสิ่งในระหว่างนั้นได้รับการยกย่องจากโปรแกรมดังกล่าว โปรดทราบว่าคุณไม่สามารถซ้อนแท็กความคิดเห็นภายในแท็กความคิดเห็นอื่นได้ เพราะเมื่อคุณเปิดแล้ว.

ตัวอย่างของการซ้อนดังกล่าว:

ต่อจากความคิดเห็นแรก -->

ผลลัพธ์ในเบราว์เซอร์จะเป็นดังนี้

ต่อจากความคิดเห็นแรก -->

นี่คือชิ้นส่วน จะไม่ปรากฏให้เห็น แท็กเปิดที่สอง