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

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

01 จาก 07

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

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

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

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

02 จาก 07

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

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

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

03 จาก 07

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

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

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

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

04 จาก 07

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

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

​

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

05 จาก 07

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

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

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

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

06 จาก 07

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

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

เว้นช่องว่างระหว่างแท็ก body เริ่มต้นและสิ้นสุด

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

07 จาก 07

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

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

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

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