Bootstrap Dr. Thanuwong Chaksupa.

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
E-COMMERCE WEBSITE Smartzap Co., Ltd.. Company Profile บริษัท สมาร์ทแซป จำกัด ก่อตั้งเมื่อปี 2543 (13 ปี ) ในช่วงยุค Internet เพิ่ง เริ่มต้น เป็นบริษัทที่ดำเนินงานทางด้าน.
Advertisements

Texture การประมวลผลภาพแบบดิจิตอล Ian Thomas
Web Design and Implementation
การสร้าง WebPage ด้วย Java Script Wachirawut Thamviset.
Adobe Creative Cloud VS Adobe Creative Suite
Java for Android Mobile Application Developers
Modeling and Activity Diagram
ภาษาอังกฤษ อ่าน-เขียน 2
FRONT-END Beautiful & Responsive website. WEB STRUCTURE FRONT-END BACK-END SYSTEM MOBILE FRONT-END HTML CSS PHP Others lang. Ruby, Python java Others.
IDENTIFY TAG SUPPLIER MAME : S.K ALPHA CO.,TLD PART No. / CODE : RCS154D012 PART NAME/SPEC: INSULATION COMP PROD. DATE/LOT No. : 26 / 08 / 2009 P/O No.
Relation and function - Good morning students. - How are you today?
ครูรุจิรา ทับศรีนวล “Room service”. “Room service”
ภาษาอังกฤษ ชั้นมัธยมศึกษาปึที่ 4 Grammar & Reading ครูรุจิรา ทับศรีนวล.
Teenage Favorites.
PHP FRAMEWORK – Web Programming and Web Database Asst. Prof. Dr. Choopan Rattanapoka.
PHP. What You Should Already Know HTML CSS JavaScript.
Timed Math Quiz. โปรแกรมสุ่มคำนวณเลขแข่งกับ เวลา.
1 exit() and break C++ provides a way to leave a program early (before its natural finish) with the exit() function. The format of exit() is as follows:
Web Design and Programming Aj.Drusawin Vongpramate Department of Information Technology Faculty of Science.
การพัฒนาห้องสมุด ด้วยเทคโนโลยี. ระบบสืบค้นสารสนเทศภายใน(OPAC)
MEE 231 Computer Programming สัปดาห์ที่ 7 ทดลองใช้คำสั่งภาษา C โปรแกรม Code::Blocks.
Internet Programming  .
Chapter 8 WWW.
แม่แบบที่ดีของการบริการ
ภาษา HTML5 Webpage Design and Programming Workshop ( )
HTML5 (Hypertext Markup Language 5)
Mobile Application Development
การออกแบบเว็บไซต์.
Toward National Health Information System
อาจารย์ณัฐภัทร แก้วรัตนภัทร์ วท.ม.,วท.บ.เกียรตินิยมอันดับ1
การตลาดในเศรษฐกิจยุคใหม่ (Marketing in the New Economy)
เรื่องน่ารู้ ตามกฎหมายว่าด้วยสหกรณ์
คิดไว สรุปไว ด้วย MIND MAP ยินดีต้อนรับผู้เข้าร่วมสัมมนาหลักสูตร
Information System Development
รายวิชา ทักษะนาฏยศิลป์ไทย 6 (Thai Dance Skills 6)
Dr.Surasak Mungsing CSE 221/ICT221 การวิเคราะห์และออกแบบขั้นตอนวิธี Lecture 13: การคำนวณได้และการตัดสินใจของปัญหา ที่ยากต่อการแก้ไข.
Educational Information Technology
ADOBE Dreamweaver CS3.
Introduction TO Web PRogramming
บทที่ 1 ความรู้เบื้องต้น เกี่ยวกับระบบสารสนเทศ
การพิจารณากลุ่มเลข และเอกสาร หลักฐานที่ใช้ประกอบการ ลงทะเบียนในกองทุน
1. เลียนแบบชีวิตตาม องค์พระเยซูคริสต์
Principles of Accounting II
Multimedia Production
อรกัญญา เมธา สำนักหอสมุด มหาวิทยาลัยเชียงใหม่
ศาลาว่าการกรุงเทพมหานคร
นายสำราญ สาราบรรณ์ รองอธิบดีกรมส่งเสริมการเกษตร วันที่ 1 กรกฏาคม 2560
ศาลาว่าการกรุงเทพมหานคร
การกำหนดและการใช้คุณลักษณะเฉพาะสิ่งอุปกรณ์ หลักสูตร นายทหารฝ่ายการส่งกำลังบำรุง (ฝอ.๔) ณ รร.กบ.ทบ. ๕ มิ.ย. ๖๐.
สำนักหอสมุด มหาวิทยาลัยบูรพา
Review of the Literature)
สำนักบริการคอมพิวเตอร์ มหาวิทยาลัยเกษตรศาสตร์
สู่ความเป็นโรงเรียนวิถีพุทธ ปีที่ ๙
นายสำราญ สาราบรรณ์ รองอธิบดีกรมส่งเสริมการเกษตร วันที่ 1 กรกฏาคม 2560
คำอธิบาย รายวิชา รายวิชา การงานอาชีพและเทคโนโลยี 6 รหัสวิชา ง23102 ชั้นมัธยมศึกษาปีที่ 3 ตัวชี้วัด ม.3/1 อธิบายหลักการทำโครงงานที่มีการใช้เทคโนโลยีสารสนเทศ.
แนวทางการจัดทำ งบประมาณ ประจำปีงบประมาณ พ.ศ. 2563
“No time to go to library use MSU LibraryGO. App”
รายวิชา MFS1301 หลักการออกแบบเว็บ (Principles of Web Design) 3 (ทฤษฎี2-ปฏิบัติ2-ศึกษาด้วยตนเอง5) หน่วยกิต หัวข้อที่ 9 Site Navigation อาจารย์ณัฐภัทร แก้วรัตนภัทร์
แล้วไงเกี่ยวกับความจริง What About Truth?
“Online Article Service & Tracking System”
การตลาดในเศรษฐกิจยุคใหม่ (Marketing in the New Economy)
บทที่ 2 การเริ่มต้นกิจการใหม่และการซื้อกิจการ
Integrated Mathematics
โครงการสัมมนาเชิงปฏิบัติการบูรณาการภาครัฐและเอกชนในการจัดยุทธศาสตร์เศรษฐกิจภาคตะวันออก This template can be used as a starter file to give updates for.
สื่อการเรียนรู้ครูต้อม ประโยคควรรู้ในครอบครัว2 รายวิชาภาษาอังกฤษ ขั้นประถมศึกษาปีที่ 1-3 นางสาวลัดดาวัลย์ เขื่อนคำ ครูผู้สอน โรงเรียนสันมหาพนวิทยา อำเภอแม่แตง.
ผังทางเดินเอกสาร – ระบบส่งคืนสินค้า
บทที่ 10 รายงานการเงินสำหรับกิจการที่ไม่หวังผลกำไร
การวิเคราะห์และออกแบบขั้นตอนวิธี
Distributed Computers and Web Technologies (3-0-6)
การเขียนแบบและออกแบบด้วยคอมพิวเตอร์
ใบสำเนางานนำเสนอ:

Bootstrap Dr. Thanuwong Chaksupa

What is Bootstrap Front-end-framework หลีกเลี่ยงความยากของ CSS และ JavaScript อาศัยการ set ค่าใน tag HTML

ความสามารถ attractive navigation bar, stylish, buttons, nice typography, placeholders for texts and images, a big image slider, and more All the CSS classes and JavaScript code needed are already included in the Bootstrap package Grid System for Mobile and Responsive Web Design

ตัวอย่าง Example : <a href="http://www.google.com" class="btn btnprimary"> Visit Google</a>

Origins of Bootstrap พัฒนาในขึ้นในปีค.ศ 2011 โดย Mark Otto และ Jacob Thornton, a pair of web developers at Twitter Bootstrap 2.0.0. เริ่มเป็น responsive framework Bootstrap 3 in 2013 was another significant release, becoming a “Mobile First and always responsive” framework แต่ไม่ compatible กับ version ก่อนหน้านี้ ปัจจุบันมีถึง version xx.xx

Overview of Responsive Web Design change its layout on the go. works on any kind of device: mobiles, tablets, smart TVs, and PCs. generally fluid designs powerful web apps that replace native apps on platforms such as iOS and Android.

Adjusting a Layout Based on Screen Size

Getting Bootstrap Ready download the latest 3.x.x version @ http://getbootstrap.com copy the following folders Create a project folder d:\Bootstrap_demos Paste the above folders into this project folder