Upload
phunghuong
View
217
Download
0
Embed Size (px)
Citation preview
RESPONSIVE WEB DESIGN WITH BOOTSTRAP 3Course ID: DEV-06
หมวดหมู่ Web Development / Programming > Responsive Web Design with Bootstrap 3
การนักออกแบบเว็บไซต์เพื่อนำาเอาเทคโนโลยี Bootstrap ซึ่งเป็นชุดเครื่องมือที่ประกอบด้วย HTML และ CSS มาใช้ช่วยในการออกแบบเว็บไซต์ Responsive ไม่ว่าจะเป็น Mobile Device ซึ่งสามารถจัดการได้อย่างง่ายดายวัตถุประสงค์1. สามารถออกแบบเว็บเพจได้อย่างเหมาะสมกับอุปกรณ์2. สามารถเลือกใช้ Component ต่าง ๆ ได้3. สามารถกำาหนด Media Query เพื่อควบคุมการแสดงผลได้
4. สามารถจัด Layout ในการแสดงผลได้
หลักสูตรออกแบบมาเพื่อ Web Designer • เพื่อเรียนรู้และทำางานกับการออกแบบเว็บสมัยใหม่ด้วย Bootstrap 3• ผู้ที่ต้องการพัฒนาเว็บเพจที่รองรับการแสดงผลได้อย่างเหมาะสมกับทุก อุปกรณ์
พื้นฐานของผู้เข้าอบรม• มีพื้นฐานการพัฒนาเว็บไซต์• มีพื้นฐานการเขียน HTML, CSS และ JavaScript
ความต้องการของระบบ• ระบบปฏิบัติการ Windows 10 / 8 / 7• Microsoft Visual Studio ล่าสุด
www.9experttraining.com : Facebook : 9Expert Training : Tel 02-219-4304 - 05 ต่อ 102 (Mobile) 084-010-5208, 086-322-2423 : E-mail [email protected]
• Pagination • Labels • Badges • Typographic Elements • Thumbnails • Alerts • Media Object
วันที่ 2 – บ่าย ช่วงที่ 2 13:00 น.-16:00 น.
4. Bootstrap JavaScript Plugins • Transitions • Modal • Dropdown • Alerts • Buttons • Collapse • Carousel
5. Deployment • การนำาเว็บไซต์ขึ้นใช้บน Server
หลักสูตรที่เกี่ยวข้อง • ASP.NET Web Development with Visual Studio • Programming in C# with Visual Studio • Web Accessibility for Advanced Developer
2
หัวข้อการฝึกอบรมวันที่ 1 – เช้า ช่วงที่ 1 9:00 น.-12:00 น.
1. Bootstrap Scaffolding • การติดตั้ง Bootstrap • โครงสร้างไฟล์ Bootstrap • Basic HTML Template • Grid System • Fluid Grid System
วันที่ 1 – บ่าย ช่วงที่ 2 13:00 น.-16:00 น.
2. การจัดรูปแบบต่าง ๆ ด้วย Bootstrap CSS • Typography • Code • Tables • Forms • Buttons • Images • Icons
วันที่ 2 – เช้า ช่วงที่ 1 9:00 น.-12:00 น.
3. Bootstrap Layout Components • Dropdown Menus • Navbar • Breadcrumbs
Tel 02-219-4304 - 05 ต่อ 102 (Mobile) 084-010-5208, 086-322-2423 www.9experttraining.com E-mail [email protected] 9Expert Training
สนใจ/สอบถามติดต่อ