สร้างเว็บเพจใหม่โดยใช้ Notepad

01 จาก 07

วางไฟล์ของคุณไว้ในโฟลเดอร์ใหม่

Windows Notepad เป็นโปรแกรมประมวลผลคำขั้นพื้นฐานที่คุณสามารถใช้เขียนหน้าเว็บของคุณได้ เว็บเพจเป็นเพียงข้อความและคุณสามารถใช้โปรแกรมประมวลผลคำเพื่อเขียน HTML ของคุณได้ บทแนะนำนี้จะแนะนำคุณตลอดกระบวนการ

สิ่งแรกที่ต้องทำเมื่อสร้างเว็บไซต์ใหม่ใน Notepad คือการสร้างโฟลเดอร์แยกต่างหากเพื่อเก็บไว้ โดยปกติคุณจะเก็บหน้าเว็บไว้ในโฟลเดอร์ที่เรียกว่า HTML ในโฟลเดอร์ "My Documents" แต่คุณสามารถเก็บไว้ในที่ที่คุณต้องการได้

1. เปิดหน้าต่าง My Documents
2. คลิก ไฟล์ > ใหม่ > โฟลเดอร์
3. ตั้งชื่อโฟลเดอร์ my_website

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

02 จาก 07

บันทึกเพจเป็น HTML

สิ่งแรกที่คุณควรทำเมื่อเขียนเว็บเพจใน Notepad คือบันทึกเพจเป็น HTML ช่วยประหยัดเวลาและปัญหาในภายหลัง

เช่นเดียวกับชื่อไดเรกทอรีให้ใช้อักษรตัวพิมพ์เล็กทั้งหมดและไม่มีช่องว่างหรืออักขระพิเศษในชื่อไฟล์

1. ใน Notepad ให้คลิกที่ File แล้วคลิก Save As
2. ไปที่โฟลเดอร์ที่คุณกำลังบันทึกไฟล์เว็บไซต์ของคุณ
3. เปลี่ยนเมนูแบบเลื่อนลงเป็นแบบ บันทึก ลงใน ไฟล์ทั้งหมด (*. *)
4. ตั้งชื่อไฟล์คำแนะนำนี้ใช้ชื่อ pets.htm

03 จาก 07

เริ่มการเขียนเว็บเพจ

สิ่งแรกที่คุณควรพิมพ์ลงในเอกสาร Notepad HTML คือ DOCTYPE ซึ่งจะบอกเบราว์เซอร์ว่า HTML ของประเภทใดที่ควรคาดหวัง บทแนะนำนี้ใช้ HTML5

การ ประกาศ doctype ไม่ใช่แท็ก คอมพิวเตอร์แจ้งว่าเอกสาร HTML5 กำลังมาถึง ที่ด้านบนสุดของทุกหน้า HTML5 และใช้รูปแบบนี้:

เมื่อคุณมี DOCTYPE แล้วคุณสามารถเริ่ม HTML ได้ พิมพ์ทั้งสองจุดเริ่มต้น

แท็กและแท็กสิ้นสุดและเว้นพื้นที่ว่างสำหรับเนื้อหาเนื้อหาของหน้าเว็บของคุณ เอกสาร Notepad ของคุณควรมีลักษณะดังนี้:

04 จาก 07

สร้างหัวสำหรับเว็บเพจของคุณ

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

แท็กในเอกสารข้อความ Notepad HTML ของคุณระหว่าง thetags

เช่นเดียวกับ

แท็กปล่อยให้บางช่องว่างระหว่างพวกเขาเพื่อให้คุณมีห้องพักเพื่อเพิ่มข้อมูลหัว

05 จาก 07

เพิ่มชื่อหน้าในส่วนหัว

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

แท็ก usetags มันจะไม่ปรากฏบนหน้าเว็บตัวเองเท่านั้นที่ด้านบนของเบราเซอร์

หน้าตัวอย่างนี้มีชื่อว่า "McKinley, Shasta และสัตว์เลี้ยงอื่น ๆ "

McKinley, Shasta และสัตว์เลี้ยงอื่น ๆ

ไม่ว่าจะยาวแค่ไหนหรือถ้ามีหลายบรรทัดใน HTML ของคุณ แต่สามารถอ่านได้ง่ายขึ้นและเบราว์เซอร์บางรุ่นจะตัดข้อความสั้นลงในหน้าต่างเบราว์เซอร์

06 จาก 07

เนื้อหาหลักของเว็บเพจของคุณ

เนื้อหาของหน้าเว็บของคุณจะถูกจัดเก็บไว้ภายใน

แท็ก นี่คือที่ที่คุณใส่ข้อความพาดหัวหัวเรื่องย่อยภาพและกราฟิกลิงก์และเนื้อหาอื่น ๆ ทั้งหมด อาจยาวนานเท่าที่คุณต้องการ

คุณสามารถเขียนรูปแบบเดียวกันนี้เพื่อเขียนหน้าเว็บใน Notepad

หัวชื่อของคุณไปที่นี่ทุกอย่างในหน้าเว็บไปที่นี่

07 จาก 07

การสร้างโฟลเดอร์รูปภาพ

ก่อนที่คุณจะเพิ่มเนื้อหาลงในเนื้อหาในเอกสาร HTML ของคุณคุณต้องตั้งค่าไดเรกทอรีของคุณเพื่อให้มีโฟลเดอร์สำหรับภาพ

1. เปิดหน้าต่าง My Documents
2. เปลี่ยนไปที่โฟลเดอร์ my_website
3. คลิก ไฟล์ > ใหม่ > โฟลเดอร์
4. ตั้งชื่อ ภาพ โฟลเดอร์

จัดเก็บภาพทั้งหมดของคุณสำหรับเว็บไซต์ของคุณในโฟลเดอร์ภาพเพื่อให้คุณสามารถค้นหาได้ในภายหลัง การอัปโหลดเหล่านี้ทำได้ง่ายเมื่อคุณต้องการ