Please enable JavaScript.
Coggle requires JavaScript to display documents.
แต่งเติมเว็บไซต์ด้วยกราฟิก - Coggle Diagram
แต่งเติมเว็บไซต์ด้วยกราฟิก
โค้ดภาษา html
เทคนิคที่ 1 ข้อความวิ่ง
<div style="color: white; padding: 8px; font-family: Arial; background-color: #2196F3; border:#1a3ce6 1px SOLID"> <marquee> Wecome to website </marquee> </div>
เทคนิคที่ 2 เส้นคั่น
<hr style="border-top: 1px dashed red;" />
<hr style="border: 1px solid green;" />
เทคนิคที่ 3ใส่พื้นหลัง
<div style="color: white; padding: 8px; font-family: Arial; background-color: #2196F3;">News</div>
เทคนิคที่ 4
<div style="color: red;">เปลี่ยนสีข้อความเป็นสีต่างๆ .........</div>
<div style="color: #2196F3;">เปลี่ยนสีข้อความเป็นสีต่างๆ .........</div>
เทคนิคการใส่ปุ่ม ด้วยการฝังโค้ด CSS
เข้าไปใน www.w3schools.com
เลือกหัวข้อ CSS เเล้วเลือกหา CSS Buttons
เลือกหาปุ่มตามที่เราต้องการ
จากนั้นกดที่ปุ่ม Try it Youresif จะเข้าสูตรหน้าปรับเเต่งปุ่ม
ทำการปรับเเต่งปุ่มตามใจชอบจากนั้นคัดลอก โค้ด
ทำการเข้าสู้ Google sites เลือกหัวข้อเเทรก
เลือกที่หัวข้อ ฝัง เเล้วเลือกฝังโค้ด นำเอาตัวโค้ดที่คัดลอกมาว่าง
เเล้วกดถัดไปตรวจความเรียบร้อยเเล้วกดเเทรก
การสร้างหัวเว็บของ Google sites ด้วย Canva
เข้าไปใน www.canva.com
login เเล้วไปที่หน้าหลัก
เลือกสร้างงารนออกเเบบ
เลือกหัวข้อ ขนาดที่กำหนดเอง
กำหนดขนาด 1020x250
จากนั้นทำการออกเเบบ
ออกเเบบเสร็จ เลือกหัวข้อเผยแพร่
จากนั้นกดเพิ่มเติม เลือกหาหัวข้อ ฝังหรือ เว็บไซต์