Website Design with CSS + Bootstrap
តម្លៃ៖ 80$
សិក្សារយៈពេល ៖ 55 - 60 ម៉ោង
ច័ន្ទ - សុក្រ ៖ 1ខែ21ថ្ងៃ - 1ខែ24ថ្ងៃ (សិក្សា១ម៉ោងកន្លះក្នុងមួយថ្ងៃ)
សៅរ៍ - អាទិត្យ ៖ 3ខែ8ថ្ងៃ - 3ខែ21ថ្ងៃ (សិក្សា២ម៉ោងក្នុងមួយថ្ងៃ)
ជាវគ្គថ្មីខុសពី CSS ឬ Style Sheet ដែលលោកអ្នកបានសិក្សាលាយជាមួយ HTML ពីមុនមក ។ វគ្គនេះលោកអ្នកនឹងសិក្សាពីរបៀបស្តង់ដារ សម្រាប់បង្កើត និង រចនាទម្រង់ (layout) គេហទំព័រដោយប្រើ CSS ដែល Web Designer ភាគច្រើនបំផុតក្នុងពិភពលោកកំពុងតែប្រើ ។
លើសពីនេះលោកអ្នកនឹងសិក្សាពីការរចនាគេហទំព័រឲ្យដំណើរការបានស្ទើរគ្រប់ browsers (IE, Firefox, Chrome, Safari និង Opera) និង ការដាក់ style ជាច្រើនទៅគេហទំព័រ ដើម្បីឲ្យកាន់តែទាក់ទាញ និង ងាយស្រួលក្នុងការមើល ។
Bootstrap គឺជា Front-End Responsive Framework ដែលជាកូដមួយកញ្ចប់ដែលត្រូវបានគេចងក្រងឡើងដោយប្រើប្រាស់ ភាសា និង សមាសធាតុ មួយចំនួនដូចជា Css, JavaScript, Font, … ហើយត្រូវបានគេយកមកប្រើប្រាស់ ជាមួយ HTML ដើម្បីបង្កើតជា Template ដោយមិនចាំបាច់ប្រើប្រាស់ ភាសា Css ក៏បានដែរ ។ Bootstrap អាចបង្កើត Website ដែលមានលក្ខណៈ Responsove (អាចបើកបាននៅក្នុង ទូរសព្ទ័, អាយផេត និង កុំព្យូទ័រ ដោយមិនខូចទ្រង់ទ្រាយ) ហើយវាបានបង្កើត ជា Components (ធាតុ) ដែលចាំបាច់ប្រើជាច្រើន ហើយប្រសិនជាលោកអ្នកចង់ប្រើប្រាស់នូវ Components ណាមួយ គឺគ្រាន់តែ ហៅឈ្មោះClass របស់ Component នោះមកដាក់ក្នុង Elements របស់ HTML រួចជាការស្រេច ដែល Components ទាំងនោះមាន ដូចជា Menu, Slider, Grid System, Category, Button, Form, ….
មេរៀនទី ១ ៖ ការប្រើប្រាស់ CSS
១.១. ការបង្កើត CSS
១.១.១ Inline CSS
១.១.២ Internal CSS
១.១.៣ External CSS
១.២. លក្ខណៈទូទៅនៃ CSS
១.៣. ការប្រើប្រាស់ Selector
១.៣.១ ការប្រើប្រាស់ ID Selector
១.៣.២ ការប្រើប្រាស់ Class Selector
១.៣.៣ ការប្រើប្រាស់ Tag Selector
១.៣.៤ ការប្រើប្រាស់ Global Selector
១.៤. លក្ខណៈនៃ combinators
មេរៀនទី ២ ៖ ការប្រើ Property Background
២.១. ការប្រើប្រាស់ប្រភេទពណ៌
២.២. Background-Color
២.៣. Background-Image
២.៤. Background-Repeat
២.៥. Background-Attachment
២.៦. Background-Position
២.៧. Background-Size
២.៨. Multi Background
២.៩. ការប្រើប្រាស់ image sprites
២.១០. ការប្រើប្រាស់ពណ៌ gradient
មេរៀនទី ៣ ៖ ការប្រើ Box Model នៅក្នុង CSS
៣.១. Margin
៣.២. Padding
៣.៣. Border
៣.៤. ការប្រើប្រាស់ box-sizing
CSS 3 កំណត់លក្ខណៈទៅឲ្យ Border
១. Border Image
២. Box Shadow
៣. Border-Radius
មេរៀនទី ៤ ៖ ការប្រើ Float, Width និង Height, Link និង List
១. ការប្រើប្រាស់ CSS Links
២. ការប្រើប្រាស់ CSS List ប្រើ CSS ដើម្បីប្តូរទម្រង់ List
៣. ការប្រើប្រាស់ CSS Table
៤. ការប្រើប្រាស់ CSS Dimension
៥. ការប្រើប្រាស់ Float និង Clear
៦. ការប្រើ Property overflow
៧. បង្កើត CSS Layout
៨. ការប្រើប្រាស់ CSS Position
មេរៀនទី ៥ ៖ ការប្រើប្រាស់ Font និង Text Property នៅក្នុង CSS
១. ការប្រើប្រាស់ Font នៅក្នុង CSS
a. Font-Style
b. Font-Variant
c. Font-Weight
d. Font-Size
e. Font-Family
២. ការប្រើប្រាស់ CSS Text
a. Color
b. Line-height
c. Letter-Spacing
d. Text-Align
e. Text-Decoration
f. Text-Transform
g. Text-Indent
h. Word-Spacing
៣. ការ embed font ចូលទៅក្នុង website
៤. បង្កើតស្រមោលអក្សរ
៥. ប្ដូរពណ៌ select អក្សរ
មេរៀនទី ៦ ៖ ការប្រើប្រាស់ CSS Effect
១. CSS Pseudo-Class
២. CSS Pseudo-elements
៣. Opacity
៤. Transition
មេរៀនទី ៧ ៖ ការប្រើប្រាស់ CSS Bootstrap
១. ការទាញយក Boostrap
២. ការប្រើប្រាស់ Grid System
៣. ការតែងឲ្យ Table
៤. ការតែងឲ្យ Image និងការប្រើ Glyphicon
៥. ការតែងឲ្យ Form
តម្រូវការនៃការរៀនមុខវិជ្ផានេះ ៖ លោកអ្នកត្រូវមានចំណេះដឹងខ្លះៗទាក់ទងនឹងមុខវិជ្ផា HTML ជាមុនសិន
ស្នាដៃសិស្សជាច្រើនដែលបានបញ្ចប់វគ្គសិក្សានៅអាន-ANT
ផ្ទះលេខ ៨៦បេ ផ្លូវ ៣១៣ កែង ៦០៦ សង្កាត់បឹងកក់២ ខណ្ឌទួលគោក ខាងក្រោយសាកលវិទ្យាល័យភូមិន្ទភ្នំពេញ (RUPP) |
ស្នាដៃសិស្សជាច្រើនដែលបានបញ្ចប់វគ្គនៅអាន-ANT http://training.antkh.com/achievements/