#AskMe

ការសិក្សាពីរបៀបបង្កើត Layout ក្នុង CSS

sysomeho

មាតិកា

  1. សេចក្តីផ្តើម
  2. គោលបំណង
  3. តម្រូវការ
  4. ការប្រើប្រាស់ Bootstrap
  5. របៀបបង្កើត Grid Layout
  6. ឯកសារយោង

1. សេចក្តីផ្តើម

CSS មកពីពាក្យថា Cascading Style Sheets។ វាមានសារៈសំខាន់ក្នុងការរចនាគេហៈទំព័រ ធ្វើអោយវេបសាយរបស់យើង មានសោភ័ណ្ឌភាពស្រស់ស្អាតនិងគួរអោយទាក់ទាញ។ គួរកត់សម្គាល់ផងដែរ លោកអ្នកអាចធ្វើការបង្កើត website template តាមរបៀបផ្សេងៗពីគ្នា ដូចជាប្រើប្រាស់ CSS code ទាំងស្រុង ឬក៏ប្រើប្រាស់ HTML យកមក design ហើយនិងប្រើប្រាស់ Bootstrap ដែលជាការពេញនិយមសម្រាប់ធ្វើវេបសាយលក្ខណៈ responsive ទៅតាមdevices ផ្សេងៗជាដើម។ ក្នុង Tutorial នេះដែរ ខ្ញុំនឹងធ្វើការបង្កើត Layout ឬក៏ Template ដោយប្រើប្រាស់នូវ Bootstrap ជាមួយ CSS យកបង្ហាញ។

2. គោលបំណង

ក្រោយពីសិក្សាតាម Tutorial នេះ លោកអ្នកនឹងយល់អំពី

3. តម្រូវការ

ដើម្បីអាចអនុវត្តន៍ បានយើងត្រូវមាន

4. ការប្រើប្រាស់ Bootstrap

ដើម្បីអាចប្រើប្រាស់ class របស់ Bootstrap បាន យើងត្រូវមាន package របស់វាជាមុនសិន។ ចំពោះរបៀបទាញយក package មកប្រើ លោកអ្នកអាចមានវិធី២យ៉ាង៖

5. របៀបបង្កើត Grid Layout

ក្នុងនោះដែរ ខ្ញុំនឹងបង្ហាញពីរបៀបបង្កើត layout ដូចរូបខាងក្រោម៖

ខាងក្រោមនេះនឹងបកស្រាយពីរបៀបសេរសេរកូដនិង copy កូដ Bootstrap

សូមធ្វើការបើកវេបសាយ https://www.w3schools.com/bootstrap/default.asp ជាមុនសិន ដើម្បីធ្វើការ copy យកកូដ

យើងនឹងទទួលបាននូវកូដទាំងស្រុងដូចខាងក្រោម

6. ឯកសារយោង