วิธีสร้างเว็บไซต์พื้นฐานโดยใช้ Notepad: 4 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:02

มีใครสงสัยมั้ย

"จะสร้างเว็บไซต์จากโปรแกรมเขียนพื้นฐานได้อย่างไร"

เห็นได้ชัดว่าไม่เฉพาะเจาะจง …

อย่างไรก็ตาม ที่นี่ฉันจะแสดงวิธีสร้างเว็บไซต์พื้นฐานโดยใช้แผ่นจดบันทึกเท่านั้น

เสบียง

สำหรับโครงการนี้ คุณจะต้อง:

- สมองใหญ่

-Notepad

- อาจเป็นสูตรโกงคำสั่ง HTML และ CSS

- มีความอดทนสูง

ขั้นตอนที่ 1: การเริ่มต้น

เปิดแผ่นจดบันทึก อันที่จริงเปิดมันสองครั้ง คุณจะเข้ารหัสไฟล์ 2 ไฟล์พร้อมกัน

ตอนนี้บันทึกทั้งสองไฟล์ อันหนึ่งจะเป็น [ชื่อไฟล์].html และอีกอันจะเป็น [ชื่อไฟล์].css

ขั้นตอนที่ 2: การตั้งค่าไฟล์ HTML

ในไฟล์ HTML เขียนในบรรทัดแรก ""ข้ามบรรทัด

บรรทัดที่ 2 -

บรรทัดที่ 3 - [ชื่อหน้า]

บรรทัดที่ 4 -

บรรทัดที่ 5 -

ข้ามเส้น

บรรทัดที่ 6 -

บรรทัดที่ 7 -

[สิ่งที่คุณต้องการในบรรทัดแรก นี่เป็นข้อความปกติ]

บรรทัดที่ 8 -

บรรทัดที่ 9 -

ตอนนี้ แก้ไขตำแหน่งที่ฉันใส่ข้อความใน

คำอธิบาย - - -

ระบุจุดเริ่มต้นของรหัส

ระบุจุดเริ่มต้นของส่วนหัว

ระบุสิ่งที่จะแสดงบนชื่อแท็บ

+โค้ดอื่นๆ ในลิงก์จะเชื่อมโยงสไตล์ชีต css กับ html สำหรับสไตล์

สิ้นสุดคำสั่ง

จบคำสั่งส่วนหัว

ระบุจุดเริ่มต้นของข้อความเนื้อหา / รหัส

คือจุดเริ่มต้นของย่อหน้าของข้อความที่จะแสดงขึ้นเมื่อคุณเรียกใช้โค้ด html

คุณเดาได้ มันจบงบร่างกาย

หมายถึงจุดสิ้นสุดของรหัส

ขั้นตอนที่ 3: การตั้งค่าไฟล์ CSS

ในบรรทัดแรกของไฟล์ CSS ให้ใส่ (@charset "utf-8";)

บรรทัดที่ 2 - ร่างกาย

บรรทัดที่ 3 {พื้นหลัง: [สิ่งที่คุณต้องการเป็นสีพื้นหลัง]

บรรทัดที่ 4 - }

บรรทัดที่ 5 - h1 {

บรรทัดที่ 6 - font-family:bold

บรรทัดที่ 7 - }

คุณสามารถเพิ่มตัวแปรเพิ่มเติม และเปลี่ยนบันทึกย่อของฉันในระหว่าง

ขั้นตอนที่ 4: นั่นคือมัน

หากต้องการ คุณสามารถใช้คำแนะนำที่ดีกว่า เช่น "Web Designing Basics" โดย vishalapr

www.instructables.com/Web-Designing-Basics…

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

นั่นคือเหตุผลที่แนะนำให้ใช้ซอฟต์แวร์เข้ารหัสเว็บไซต์