You are on page 1of 11

សាកលវិទ្យាល័យ មានជ័យ

មហាវិទ្យាល័យវិទ្យាសាស្ត្រ និងបច្ចេកវិទ្យា
បទបង្ហាញស្តីអំពី

“Create Responsive Web site with Bootstrap”


ជំនាញៈ ព័ត៌មានវិទាា

ជំនាន់ទី៧ ឆ្ាំទី៤

បង្ហាញដោយ ដោកឈឹម សារុន


មាតិកា
1. ការណែនាំ
2. អវីណែលអនកត្តូវែឹង
3. អវីដៅជា Bootstrap?
4. អតថត្បដោជន៍របស្់Bootstrap
5. ចាប់ដ្តើមជាមួយBootstrap
6. ការដត្បើកូែHTMLជាមួយBootstrap
7. ការបង្ហាញកូែ និងដេហទំពរ័
8. ដស្ចកតីស្ននិោឋាន
ការណែនាំ
• Web site
• Web page
• Web Browser
• Responsive Web site
អ្វីណែលអ្នកត្តូវែឹង
Web Languages
• HTML
• CSS
• JavaScript
Tools
• Web Browser
• Text Editor(Notepad++, Atom)
អ្វីទៅជា Bootstrap?
អ្តថត្រទោជន៍ររស់Bootstrap
• Easy to use
• Responsive features
• Mobile-first approach
• Browser compatibility
ចារ់ទ្តើមជាមួយBootstrap
• Download Bootstrap file
http://getbootstrap.com/
• Unzipped Bootstrap file
• Create “test.html” file
ការទត្រើកូែHTMLជាមួយBootstrap

• Include some links to between <head> and </head>


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">

• Include js links to between <body> and </body>


<script src="js/bootstrap.min.js"></script>
ការរង្ហាញកូែ និងទេហទាំព័រ
• Some code
• Web site http://itpro7.000webhostapp.com/
ទសចកតីសននិដ្ឋាន

You might also like