มาดู Website ของ Gudetama กันเถอะะะ

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

ดูหน้า: ภาพประกอบแรกมากันเลยยยยซึ่งเราจะเทียบโค้ดและผลที่ได้ให้ดูกันเลยนะคะด้านกดที่รูปเพื่อดูภาพขนาดจริงได้เลยค่ะ

หน้าแม่แบบ

TM1

ส่วนตรงนี้คือโค้ดที่ใช้ในการนำรูปภาพมาเป็นหัวนะคะ

TM2

และต่อมาคือโค้ดสำหรับทำตารางและตัวเมนูนะคะตามภาพเลย

และในส่วนสีแดงนี้นะคะจะเป็นโค้ดส่วนที่เราจะใส่หัวเรื่องและเนื้อหาสีพื้นหลังนะคะ

ส่วนสีเขียวจะเป็นส่วนท้ายซึ่งเราจะใส่เป็นลิขสิทธิ์นะคะ

tm4

menu1

เกี่ยวกับ

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

A2

menu2

ก

และโค้ดที่เห็นจะเป็นโค้ดที่ใช้ในการทำภาพแลกเปลี่ยนนะคะ

G1

menu3

V

เป็นโค้ดจาก Youtube ที่จะมาใช้งานในเว็บไซต์นะคะ

ซึ่งได้มาจากใต้คลิปในยูทูปแชร์> ฝัง> แล้วเราก็คัดลอกโค้ดมาได้เลย

V1

menu4

s

ในส่วนนี้เราจะใช้เป็นรูปภาพโลโก้ของโซเชี่ยลแต่ละอันและนำลิ้งค์มาใส่ตามรูปเลยค่า

S1

ลิงค์ดาวน์โหลด Source Code (Google ไดรฟ์)

https://drive.google.com/file/d/0B4dBF1Td6SqKX1gwY1JkeUtMeE0/view?usp=sharing

 

  •  
  •  
  •  
  •  
  •  
  •  
Thanjira Krungrirun
at GlurGeek.Com
ธัญจิรา กรุงริรันดร์ 1590901342
ศึกษาอยู่คณะวิศวกรรม ภาควิชาคอมพิวเตอร์ ปี1

Leave a Reply