คุณจำเป็นต้องสร้างเว็บไซต์โดยใช้เพียง HTML และเผยแพร่บนอินเทอร์เน็ตอย่างเร่งด่วนหรือไม่? จากนั้นการคัดลอกโค้ดที่เสร็จแล้วและทำตามคำแนะนำของฉันจะไม่ใช่เรื่องยาก
จริงอยู่ที่การสร้างทรัพยากรที่ครบถ้วนโดยใช้ภาษาการเขียนโปรแกรมเดียวเป็นเรื่องยาก แต่เว็บไซต์นามบัตรที่มีหลายหน้านั้นค่อนข้างเป็นไปได้
หากใครมีสิ่งนี้เป็นเป้าหมายและไม่มีความปรารถนาที่จะเรียนรู้ภาษาอื่น บทความนี้เหมาะสำหรับพวกเขา
กล่าวโดยสรุป ในเวอร์ชันที่เขียนเอง โดยไม่ต้องใช้ CMS ไม่มีอะไรจะง่ายไปกว่านี้แล้ว
และสำหรับผู้ที่ต้องการอะไรที่เจ๋งกว่านั้น ในตอนท้ายของบทความจะมีลิงก์ไปยังบทความที่มีโค้ดเทมเพลตบล็อกโดยใช้ CSS และโค้ดไซต์ไดนามิกที่ใช้ PHP
เราจะสร้างเว็บไซต์ด้วย HTML ล้วนๆ บนหน้านี้ กล่าวคือ เว็บไซต์ภายในเว็บไซต์ ทำงานได้อย่างสมบูรณ์และพร้อมที่จะเต็มไปด้วยเนื้อหา
แบ่งกระบวนการทั้งหมดออกเป็นสามส่วน
1. สร้างไดเร็กทอรีไซต์บนคอมพิวเตอร์ของคุณ
2. การสร้างเว็บไซต์
3. ถ่ายโอนไซต์จากคอมพิวเตอร์ของเราไปยังโฮสติ้งนั่นคือไปยังอินเทอร์เน็ต
การสร้างไดเร็กทอรีเว็บไซต์บนคอมพิวเตอร์ของคุณ
จุดแรกนั้นง่ายที่สุด วิธีสร้างไดเร็กทอรีแสดงไว้อย่างชัดเจนในบทความ (ลิงก์ทั้งหมดจากหน้านี้จะเปิดในหน้าต่างแยกต่างหากเพื่อไม่ให้สูญหาย)
ฉันจะแสดงรายละเอียดให้คุณเห็นว่าควรวางไว้หลังโค้ดของหน้าหลักอะไรและในโฟลเดอร์ใดเพื่อให้คุณมีบางอย่างที่จะไปที่ไดเร็กทอรีอยู่แล้ว
ถ้าอย่างนั้นเรามาดูประเด็นที่สองกันดีกว่า ส่วนที่สร้างสรรค์ที่สุด
การสร้างเทมเพลตเว็บไซต์
หากต้องการสร้างเทมเพลต คุณจะต้องมีโปรแกรมแก้ไขซึ่งคุณจะต้องวางโค้ดด้านล่าง
นี่อาจเป็นได้ทั้ง Windows Notepad แบบธรรมดาหรือโปรแกรมแก้ไขข้อความอื่น ๆ
ลองใช้ตาราง HTML หลายชั้นเป็นพื้นฐานสำหรับเทมเพลต ก่อนหน้านี้ก่อนการถือกำเนิดของ CSS เว็บไซต์ทั้งหมดถูกเขียนด้วยตาราง แต่ตอนนี้รูปแบบบล็อกได้รับความนิยมมากขึ้น
แต่จนถึงทุกวันนี้ โครงสร้างตารางยังไม่ล้าสมัยและใช้งานได้สำเร็จ
ตัวอย่างเช่น การลงทุน CMS H-script ที่มีฟังก์ชันการทำงานที่ซับซ้อน ซึ่งได้รับการออกแบบทั้งหมดบนพื้นฐานของตาราง
นี่คือเว็บไซต์ที่มีการออกแบบที่เรียบง่าย
วิธีการออกแบบตารางในอนาคตจะแสดงไว้อย่างละเอียดในบทความ
|
<!--สร้างตารางคอนเทนเนอร์ ซึ่งเราระบุดังต่อไปนี้
ออกแบบ:
border="1" - ใส่กรอบรอบๆ คอนเทนเนอร์ โดยการเพิ่มจำนวนคุณสามารถเพิ่มความหนาของเฟรมได้
align="center" - วางคอนเทนเนอร์ไว้ตรงกลางหน้าจอ
กฎ = "แถว" - ลบเส้นขอบคู่
สไตล์ = "ความกว้าง: 60%;" - เพิ่มคุณสมบัติสไตล์ที่ทำให้
ภาชนะและไซต์งานทั้งหมดเป็น "ยาง"
เป็นไปไม่ได้ที่จะสร้างการออกแบบที่ปรับเปลี่ยนได้เต็มรูปแบบด้วยวิธีนี้-->
Новые теги HTML5В HTML5 для структуры кода введено несколько новых тегов: |