วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก

สารบัญ:

วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก
วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก

วีดีโอ: วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก

วีดีโอ: วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก
วีดีโอ: การสร้างเว็บไซต์ HTML ด้วย Notepad EP 1 2024, พฤศจิกายน
Anonim

ไม่จำเป็นต้องใช้เครื่องมือหรือทักษะพิเศษใดๆ ในการสร้างหน้าเว็บอย่างง่าย เพียงพอที่จะซื้อโปรแกรม Notepad มาตรฐานซึ่งมักจะติดตั้งในคอมพิวเตอร์ Windows ทุกเครื่อง

วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก
วิธีเขียนเว็บไซต์ในแผ่นจดบันทึก

คำแนะนำ

ขั้นตอนที่ 1

ขั้นแรก คุณต้องตรวจสอบให้แน่ใจว่าผลลัพธ์แสดงในรูปแบบที่ต้องการ เปิด Notepad และเลือกคำสั่ง "บันทึกเป็น" ในหน้าต่างที่เปิดขึ้น ในช่อง "ชื่อไฟล์" ให้ป้อนชื่อของเอกสารและเขียนส่วนขยาย html ที่คั่นด้วยจุด ตัวอย่างเช่น "my_site.html" คลิก "บันทึก"

ขั้นตอนที่ 2

ปิดแผ่นจดบันทึก ไอคอนเบราว์เซอร์ควรปรากฏแทนที่เอกสารที่สร้างขึ้น หากสิ่งนี้ไม่เกิดขึ้น แสดงว่าคุณทำผิดพลาดในรูปแบบ กรุณาบันทึกอีกครั้ง

ขั้นตอนที่ 3

เปิดโปรแกรมและเขียนโครงร่างของหน้าในอนาคตในนั้น

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

เนื้อหา - เนื้อหาของหน้าซึ่งเป็นองค์ประกอบที่สำคัญที่สุด แอตทริบิวต์ของหน้าที่มองเห็นได้ทั้งหมดถูกตั้งค่าระหว่างแท็กที่เกี่ยวข้อง: ภาพพื้นหลังหรือสีพื้นหลัง, ข้อความ, ภาพประกอบ, ตาราง, ลิงก์ ฯลฯ

ขั้นตอนที่ 6

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

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

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