วิธีสร้างเว็บเพจ

สารบัญ:

วิธีสร้างเว็บเพจ
วิธีสร้างเว็บเพจ

วีดีโอ: วิธีสร้างเว็บเพจ

วีดีโอ: วิธีสร้างเว็บเพจ
วีดีโอ: วิธี สร้างเว็บไซต์ด้วยตัวเอง ฟรี! ✓ 2024, อาจ
Anonim

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

วิธีสร้างเว็บเพจ
วิธีสร้างเว็บเพจ

มันจำเป็น

โปรแกรมแก้ไขข้อความ

คำแนะนำ

ขั้นตอนที่ 1

ทุกอย่างที่ผู้เยี่ยมชมไซต์เห็นบนหน้าเว็บถูกสร้างขึ้นใหม่โดยเบราว์เซอร์จากคำแนะนำที่ส่งโดยเซิร์ฟเวอร์ตามคำขอของเขา คำแนะนำเหล่านี้เขียนด้วยภาษา HTML (HyperText Markup Language) และส่วนขยาย htm และ html จะถูกเน้นสำหรับไฟล์ที่จัดเก็บ คุณสามารถสร้างไฟล์ดังกล่าวได้ในโปรแกรมแก้ไขข้อความทั่วไป ซึ่งจะเป็นขั้นตอนแรกในการสร้างหน้าเว็บ เปิด Notepad มาตรฐาน และสร้างไฟล์เปล่าชื่อ index.html เมื่อคุณพิมพ์ที่อยู่เว็บไซต์โดยไม่ระบุหน้าใดโดยเฉพาะ (เช่น สิ่งแรกที่เซิร์ฟเวอร์ค้นหาคือหน้าที่มีชื่อนี้ - index.php)

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

รหัสทั้งหมดที่คุณใส่ระหว่างแท็ก และ ควรแบ่งออกเป็นสองส่วน - ส่วนหัวและเนื้อหาของเอกสาร แท็กเปิดและปิดของส่วนชื่อเขียนดังนี้: นี่คือส่วน "บริการ" ของหน้า - ข้อมูลสำหรับชื่อหน้าต่าง คำหลักและคำอธิบายสำหรับโรบ็อตการค้นหา คำอธิบายสไตล์ สคริปต์ ฯลฯ ถูกวางไว้ที่นี่ ใส่ชื่อเรื่องของหน้าต่างเพจลงไป: นี่คือชื่อ! ข้อความเต็มของหน้า html ของคุณ ณ จุดนี้ควรมีลักษณะดังนี้:

นี่คือพาดหัวข่าว!

ขั้นตอนที่ 4

หลังจากส่วนหัว คุณต้องวางแท็กระหว่างที่จะแนบคำสั่งเนื้อหาของเอกสาร: แทรกระหว่างแท็กเหล่านี้ ตัวอย่างเช่น แท็กที่แสดงย่อหน้าของข้อความบนหน้า:

มีข้อมูลทั้งย่อหน้าอยู่ที่นี่!

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

:

บรรทัดแรกของย่อหน้า

บรรทัดที่สองของย่อหน้า

ทั้งหมดนี้เพียงพอสำหรับเบราว์เซอร์ที่จะแสดงหน้าเว็บของคุณตามปกติ โค้ด html ทั้งหมดที่ประกอบขึ้นควรมีลักษณะดังนี้:

นี่คือพาดหัวข่าว!

บรรทัดแรกของย่อหน้า

บรรทัดที่สองของย่อหน้า

การสร้างหน้าธรรมดาเสร็จสมบูรณ์ - หลังจากบันทึกเอกสาร (index.html) แล้ว คุณสามารถเปิดในเบราว์เซอร์และดูหน้าของคุณได้