เขียน HTML สร้าง Site “CACTUS’WORLD”

สวัสดีค่ะ เรามาเข้าเรื่องกันเลย เราจะมาบอกต่อการทำเว็ปของเราเน้าะ เราเอาความชอบของเรามาทำเลยน้ะ เราชอบต้นแคคตัส ต้นไม้ต้นเล็กๆน่ารักๆ เราเลยมาทำ Site  ที่ชื่อว่า CACTUS’WORLD โดยใช้โปรแกรม Adobe Dreamwea cc 2017 เราบอกเลยน้ะว่าเราทำไม่ค่อยสวย หัดทำ หัดใช้โปรแกรมไปด้วย ถ้าไม่สวยหรือผิดพลาดประการใดก็ขออภัยมา ณ ที่นี้ด้วยจ้า 🙂

หน้าเว็ปไซต์

1

2

3

4

5

มาดูหน้าที่เขียนโค้ดกันน 🙂

1

โค้ดสำหรับทำตารางและตัวเมนู

2

โค้ดตรงนี้คือการแทรกรูปภาพ

3

โค้ดตรงนี้คือการเลืแกหัวข้อโดยใช้ฟ้อนต์ตัวหนา และการแทรกข้อความลงไปในเว็ป

4

ส่วนตรงนี้คือการเลือกสี้ Background แล้ะการเลือกตำแน่งที่ว่างของวัตถุที่เราเอามาใส่ในเว็ป

หรื่อจะเขียนโค้ดก็ได้ตามภาพข้างล่างจ้า

5

6

ทำ “กลับสู่หน้าหลัก” เพื่อทำการลิงค์ไปที่หน้าแรกให้สะดวกต่อการเขามาดู โดยวิธีการลิงค์ดังนี้

7

ทำการเลือกไฟล์หน้าที่เราจะลิงค์ไปหา จะลิงค์ไปหาหน้าไหนกแค่ใส่ไฟล์ไป

เป็นไงกันมั่งคะเว็ปของเราบอกแล้วเราทำแบบง่ายๆ ไม่ค่อยมีเทคนิคอะไร แต่ก็สามารถทำใช้กันได้น้ะ ลองไปทำกันดูจ้า

Dusitamanee Yotachan
at GlurGeek.Com
ชื่อ นางสาวดุสิตามณี โยธาจันทร์
ชื่อเล่น ฟลุ๊ค
กำลังศึกษาที่มหาวิทยาลัยกรุงเทพ คณะวิศวกรรมศาสตร์ ภาควิชาคอมพิวเตอร์
ชอบเล่นเกม ชอบอ่านหนังสือ ชอบทำกิจกรรมที่ได้ลงมือ แต่ถ้าทำมากไปก็เบื่อ แก้นิสัยไม่หายซักที!!!

Leave a Reply

© 2022 GlurGeek.Com