ดังนั้น ผู้ดูแลเว็บมือใหม่ทั้งหลาย เราได้เรียนรู้พื้นฐานของ HTML แล้ว

ตอนนี้เรามาประยุกต์ใช้ความรู้นี้และทำให้ตัวเราเป็นเว็บไซต์เล็ก ๆ และเผยแพร่บนอินเทอร์เน็ตอย่างรวดเร็ว

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

หากนี่คือเป้าหมายของใครบางคน และไม่มีความปรารถนาที่จะเรียนรู้ภาษาการเขียนโปรแกรมอื่น บทความนี้ก็เหมาะสำหรับพวกเขา

กล่าวโดยสรุป ในเวอร์ชันที่เขียนเอง โดยไม่ต้องใช้ CMS ไม่มีอะไรจะง่ายไปกว่านี้แล้ว

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

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

แบ่งกระบวนการทั้งหมดออกเป็นสามส่วน

1. สร้างไดเร็กทอรีไซต์บนคอมพิวเตอร์ของคุณ

2. การสร้างเว็บไซต์

3. ถ่ายโอนไซต์จากคอมพิวเตอร์ของเราไปยังโฮสติ้งนั่นคือไปยังอินเทอร์เน็ต

การสร้างไดเร็กทอรีไซต์บนคอมพิวเตอร์ของคุณ

จุดแรกนั้นง่ายที่สุด วิธีสร้างไดเร็กทอรีแสดงไว้อย่างชัดเจนในบทความ (ลิงก์ทั้งหมดจากหน้านี้จะเปิดในหน้าต่างแยกต่างหากเพื่อไม่ให้สูญหาย)

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

ถ้าอย่างนั้นเรามาดูประเด็นที่สองกันดีกว่า ส่วนที่สร้างสรรค์ที่สุด

การสร้างเทมเพลตเว็บไซต์

หากต้องการสร้างเทมเพลต คุณจะต้องมีโปรแกรมแก้ไขซึ่งคุณจะต้องวางโค้ดด้านล่าง

นี่อาจเป็นได้ทั้ง Windows Notepad แบบธรรมดาหรือโปรแกรมแก้ไขข้อความอื่น ๆ

ลองใช้ตาราง HTML หลายชั้นเป็นพื้นฐานสำหรับเทมเพลต ก่อนหน้านี้ก่อนการถือกำเนิดของ CSS เว็บไซต์ทั้งหมดถูกเขียนด้วยตาราง แต่ตอนนี้รูปแบบบล็อกได้รับความนิยมมากขึ้น

แต่จนถึงทุกวันนี้ โครงสร้างตารางยังไม่ล้าสมัยและใช้งานได้สำเร็จ

ตัวอย่างเช่น การลงทุน CMS H-script ที่มีฟังก์ชันการทำงานที่ซับซ้อน ซึ่งได้รับการออกแบบทั้งหมดบนพื้นฐานของตาราง

นี่คือเว็บไซต์ที่มีการออกแบบที่เรียบง่าย

วิธีการออกแบบตารางในอนาคตจะแสดงไว้อย่างละเอียดในบทความ

ชื่อสถานที่ (องค์กร) คำอธิบายของเว็บไซต์ บ้าน สวัสดีเว็บมาสเตอร์ในอนาคตที่รัก! ฉันอายุ 55 ปี และฉันดีใจที่ได้ต้อนรับคุณเข้าสู่เว็บไซต์ของฉัน ไซต์นี้เป็นไซต์แรกที่ฉันพัฒนาด้วยตัวเอง และก่อนหน้านั้นฉันรู้เพียงวิธีเข้าถึงอินเทอร์เน็ตเท่านั้น ทำไมฉันถึงตัดสินใจที่จะทำมัน? ในช่วง 3 เดือนที่ฉันเข้าใจการสร้างเว็บไซต์และการสร้างแหล่งข้อมูลนี้ ฉันค้นพบว่าผู้เขียนคู่มือการสร้างเว็บไซต์มองข้ามความแตกต่างหลายประการและไม่ได้ใส่ใจกับสิ่งเหล่านั้น และสำหรับฉันด้วยอายุและการขาดประสบการณ์มันไม่ง่ายเลยสำหรับฉันที่จะเข้าใจความแตกต่างเหล่านี้ซึ่งใช้เวลามากที่สุด เมนู ข้อมูลทั่วไป ข้อความข้อมูลทั่วไป

<!--สร้างตารางคอนเทนเนอร์ ซึ่งเราระบุดังต่อไปนี้
ตกแต่ง:
border="1" - ใส่กรอบรอบๆ คอนเทนเนอร์ โดยการเพิ่มจำนวนคุณสามารถเพิ่มความหนาของเฟรมได้
align="center" - วางคอนเทนเนอร์ไว้ตรงกลางหน้าจอ
กฎ = "แถว" - ลบเส้นขอบคู่
สไตล์ = "ความกว้าง: 60%;" - เพิ่มคุณสมบัติสไตล์ที่ทำให้
ภาชนะและไซต์งานทั้งหมดเป็น "ยาง"
เป็นไปไม่ได้ที่จะสร้างการออกแบบที่ปรับเปลี่ยนได้เต็มรูปแบบด้วยวิธีนี้-->

เส้นขอบ = "1"
จัด = "ศูนย์"
กฎ = "แถว"
style="width:60%;">
<!--สร้างบรรทัด-->

<!--สร้างเซลล์แถว-->