More Related Content
Viewers also liked (14)
Similar to ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส (20)
Recently uploaded (7)
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
- 1. ตัวอย่าง Workshop Basic HTML5 and CSS3 Workshop: Layout with HTML5 ฝึกฝนการใช้ Tag ใหม่ ๆ ใน HTML 5 ออกแบบ Webpage อย่างง่ายสาหรับผู้เริ่มต้น ในตัวอย่างนี้ผู้เรียนจะได้เข้าใจแนวทางการ วางโครงสร้างโค๊ดด้วยภาษา HTML5 ทั้งหมดเพื่อการเริ่มต้นอย่างถูกต้อง
- 2. Workshop: Design with HTML5 ต่อยอดจากการวางโครงสร้างเว็บด้วย HTML5 แล้ว ต่อด้วย Workshop การจัดองค์ประกอบหน้าเว็บเพจ ประกอบไปด้วย เมนู ส่วนของสไลด์รูป การวางวิดีโอ การวางรูปภาพร่วมกับข้อความ เป็นต้น
- 3. Workshop: Video Popup ฝึกสร้างวิดีโอแกลอรี่ พร้อมติดตั้งส่วนเสริมแสดง Pop up วิดีโอที่ลิงก์จาก Youtube.com โดยตรง Workshop: google map การแทรกแผนที่จาก Google map บนหน้าเว็บเพจของคุณ
- 4. Workshop: CSS3 Target ฝึกฝนการเขียน CSS3 เพื่อทาการลิงก์ไปยังส่วนต่าง ๆ บนหน้าเว็บได้อย่างลื่นไหล ด้วยการใช้ฟังก์ชันใน CSS3 ร่วมกับ javascript Workshop: CSS3 Border Radius ฝึกฝนการจัดองค์ประกอบของชิ้นส่วนบนหน้าเว็บเพจ เช่นการลบมุมของภาพ การจัดตาแหน่งกล่องบน หน้าเว็บเพจด้วยคาสั่งใน CSS3
- 5. Workshop: CSS3 Border Round Image เรียนรู้การใช้คาสั่งใน CSS3 จัดรูปภาพให้เป็นวงกลมด้วยเทคนิคต่าง ๆ โดยไม่ต้องพึ่งพาโปรแกรมปรับแต่งภาพจากภายนอก
- 6. Workshop: CSS3 Box Shadow เรียนรู้การใส่เงาให้กับกล่อง และข้อความบนหน้าเว็บเพจ ด้วยคาสั่งใน CSS3 ได้อย่างง่ายดาย
- 7. Workshop: CSS3 Font embed ฝึกฝนเทคนิคการจัดการฟอนต์บนหน้าเว็บเพจ ด้วยคาสั่งใน CSS3 ช่วยให้เราสามารถทาการฝังฟอนต์ที่ต้องการได้อย่างอิสระ และสะดวกรวดเร็วกว่าการใช้ javascript
- 8. Workshop: CSS3 Rotate ฝึกฝนการจัดวางชิ้นส่วนบนหน้าเว็บ ด้วยเทคนิคการหมุนรูปภาพให้เป็นมุมต่าง ๆ ให้น่าสนใจยิ่งขึ้น พร้อมเพิ่มลูกเล่นด้วย JavaScript Popup
- 9. Workshop: Image Gallery ฝึกฝนการวางรูปภาพเป็น Gallery ด้วย CSS3 พร้อมแสดง Popup ด้วย JavaScript ที่น่าสนใจ
- 10. Workshop: CSS3 Form การสร้างแบบฟอร์มติดต่อกับผู้ใช้ด้วยชุดคาสั่งใหม่ ๆ ใน HTML5 ร่วมกับ CSS3 ทาให้การออกแบบทางานได้ง่ายขึ้น
- 11. Workshop: Responsive Design Layout เรียนรู้การเขียนเว็บให้รองรับหลากหลายหน้าจอ ด้วยเทคนิค Responsive Design ด้วยคาสั่งใน CSS3
- 12. Workshop: Video Gallery Responsive การทาวิดีโอแกลอรี่ให้รองรับหลากหลายหน้าจอแบบ Responsive Design พร้อมแสดง Popup ที่น่าสนใจด้วย JavaScript
- 13. Workshop: Layout Webpage with Bootstrap Framework เรียนรู้การใช้งาน Framework ยอดนิยมอย่าง Bootstrap ในการออกแบบหน้าเว็บเพจได้อย่างรวดเร็ว สวยงาม และรองรับการ แสดงผลหลายหน้าจอ แบบ Responsive Design
- 14. Workshop: Advance Technic Layout เทคนิคเสริมอื่นๆ ในการจัดวาง องค์ประกอบของหน้าเว็บเพจ เช่นการ แสดงผลวิดีโอเป็นพื้นหลัง การทาหน้าเว็บ แบบ Pallarax การเลื่อนหน้าเว็บแบบ Smooth เป็นต้น