ការវិវត្តន៍នៃ CSS
CSS គឺជាភាសាសំខាន់មួយសម្រាប់ការរចនានិងកំណត់រចនាសម្ព័ន្ធរបស់គេហទំព័រ។ វាបានបង្កើតឡើងដើម្បីបំបែកចេញពី HTML ដោយផ្តោតទៅលើការរចនាមានភាពទាក់ទាញ និងប្រសើរឡើង។
ការវិវត្តន៍នៃភាសា HTML
HTML គឺជាភាសាសំខាន់មួយសម្រាប់ការសរសេរ និងបង្កើតគេហទំព័រប្រចាំសតវត្សទី២១ និងការប្រើប្រាស់ HTML5 ដែលជាស្តង់ដារថ្មីបំផុតក្នុងភាសានេះ បានបញ្ចប់ចន្លោះដ៏ធំប៉ុន្មានក្នុងការរចនា Web Applications ឬ Dynamic Websites
HTML Login / Register Form with CSS styles
HTML Form តើជាអ្វី ហើយតើវាអាចប្រើប្រាស់ធ្វើអ្វីបានខ្លះ? HTML Form គឺជាឧបករណ៍មួយដែលប្រើសម្រាប់ប្រមូលទិន្នន័យពីអ្នកប្រើប្រាស់។ វាត្រូវបានប្រើជាញឹកញាប់នៅលើគេហទំព័រ ដើម្បីឱ្យអ្នកប្រើប្រាស់អាចបញ្ចូលព័ត៌មាននានា ដូចជាឈ្មោះ អាសយដ្ឋានអ៊ីមែល ពាក្យសម្ងាត់ បញ្ចុះបញ្ចូលចំណូលចិត្ត និងព័ត៌មានផ្សេងៗទៀត។ ទិន្នន័យដែលប្រមូលបានត្រូវបញ្ជូនទៅកាន់ម៉ាស៊ីនមេ (server) ដើម្បីដំណើរការបន្ថែមទៀត ឬរក្សាទុកក្នុងមូលដ្ឋានទិន្នន័យ (database)។ តភ្ជាប់ CSS file: ដើម្បីបន្ថែម CSS ទៅក្នុង HTML document, អ្នកអាចប្រើប័ណ្ណបន្ថែម (external CSS file) ឬកូដ CSS នៅក្នុង <style> tag ផ្ទាល់។ <link rel=”stylesheet” href=”styles.css”>
តើភាសាអ្វីខ្លះដែល Full Stack developer យកមកប្រើប្រាស់?
Fullstack Developer Full Stack Developer រាប់រងការអភិវឌ្ឍទាំងផ្នែកខាង frontend និងផ្នែកខាង backend។ គាត់/នាងអាចបង្កើត web application ទាំងមូលពី layout ..
តើភាសាអ្វីខ្លះដែល backend developer យកមកប្រើប្រាស់?
Backend Developer Backend developers សម្រាប់អភិវឌ្ឍន៍ផ្នែកខាងក្រោយ (backend) នៃវេបសាយឬកម្មវិធី ដែលជាផ្នែកមិនអាចមើលឃើញដោយអ្នកប្រើប្រាស់បាន។
តើភាសាអ្វីខ្លះដែល Frontend Developer យកមកប្រើប្រាស់?
Frontend developers ជាអ្នកអភិវឌ្ឍន៍ដែលផ្តោតលើផ្នែកមុខងារនៃវេបសាយនិងកម្មវិធីដែលអ្នកប្រើប្រាស់មើលឃើញនិងប្រើប្រាស់។ ពួកគេប្រើប្រាស់ភាសានិងបច្ចេកវិទ្យាជាច្រើន
How to Create Menu in HTML with CSS
Another popular part of websites is menu. Basically, it’s a list of items which are often just simple links pointing to other places on the site. Let’s implement it! We will start with the following HTML code: Our menu will
តើ Internet និង World Wide Web (www) ជាប្រព័ន្ធតែមួយ?
សម្រាប់បងប្អូនមួយចំនួនធំ គាត់តែងតែ ប្រើពាក្យ Internet ជំនួសអោយ World Wide Web ឬ ពេលខ្លះប្រើពាក្យ World Wide Web ជំនួសអោយ ពាក្យ Internet នេះក៏ព្រោះតែ ពួកគាត់ ពុំទាន់ យល់ច្បាស់ និង បែងចែក អោយដាច់ នៅឡើយទេ។ នៅថ្ងៃនេះ និស្សិតនឹងជ្រាបច្បាស់ពីភាព ខុសគ្នារវាង Internet និង World Wide Web។ ប្រព័ន្ធ World Wide Web ឬ WWW ជាប្រព័ន្ធមួយដែលមានភាពដាច់គ្នាស្រឡះពី Internet
ការបង្កើតនិមិត្តសញ្ញានិងលេខរៀង HTML5 (HTML5 Lists)
បញ្ជីមិនតាមលំដាប់ (Unordered lists)នៅក្នុង HTML5 ត្រូវបានប្រើស្លាក <ul>។ ធាតុបញ្ជីនីមួយៗចាប់ផ្តើមដោយស្លាក <li>។ តាមលំនាំដើមបញ្ជីធាតុទាំងអស់នឹងត្រូវបានសម្គាល់ជា bullet (រង្វង់ខ្មៅតូច) ។ ឧទាហរណ៍បញ្ជីនៅក្នុង HTML5 ១) បញ្ជីមិនតាមលំដាប់នៅក្នុង HTML5 យើងបានលទ្ធផលដូចខាងក្រោម៖ ២) បញ្ជីមិនតាមលំដាប់នៅក្នុង HTML5- ជ្រើសសញ្ញាសម្គាល់ធាតុបញ្ជីលក្ខណៈពិសេសរបស់ CSS list-style-type ត្រូវបានប្រើដើម្បីកំណត់រចនាបទ នៃសញ្ញាសម្គាល់ធាតុបញ្ជី ។ ២.១) ឧទាហរណ៍ disc យើងបានលទ្ធផលដូចខាងក្រោម៖ ២.២) ឧទាហរណ៍ circle យើងបានលទ្ធផលដូចខាងក្រោម៖ ២.៣) ឧទាហរណ៍ square យើងបានលទ្ធផលដូចខាងក្រោម៖ ២.៤) ឧទាហរណ៍ none យើងបានលទ្ធផលដូចខាងក្រោម៖ ៣) បញ្ជីតាមលំដាប់នៅក្នុង HTML5បញ្ជីតាមលំដាប់ (ordered lists) ចាប់ផ្តើមដោយស្លាក <ol>។ ធាតុបញ្ជីនីមួយៗចាប់ផ្តើមដោយស្លាក
ចង់រៀនបង្កើតវេបសាយត៍ តើត្រូវរៀនភាសាអ្វីជាមុន?
What is Website? គឺជាបណ្ដុំនៃ Webpage ជាច្រើនដែលមានទំនាក់ទំនងគ្នា ហើយ វាអាចអោយអ្នកប្រើប្រាស់មើល និងរក្សាទុកបានដោយប្រើ Web Browser. Content of Table What is the Internet ? (តើអ្វីជា Internet?) HTML Introduction ► Introduction to HTML Creating and publishing a Web page Validating a document Main HTML elements Block-level,
ការបង្កើតនិមិត្តសញ្ញា និងលេខរៀងដោយស្វ័យ HTML Lists
HTML Lists Download Lesson Slide : HTML Lists Reference : Lesson VI Web Programming.pdf HTML List Tags Description <ul>Defines an unordered list <ol>Defines an ordered list <li>Defines a list item <dl>Defines a description list <dt>Defines a term in a description
មេរៀនទី១ សេចក្ដីផ្ដើមនៃ HTML5 ►What is the Internet ? (តើអ្វីជា Internet?)
What is the Internet ? (តើអ្វីជា Internet?) Internet គឺជាប្រព័ន Network ដ៏ធំទូលាយមួយ ដែលមាន ការទំនាក់ទំនង់រវាង Computer ជាច្រើនគ្រឿងពាស ពេញពិភពលោក។ •Internet ផ្ដល់នូវការទំនាក់ទំនង់ជាសកល និង មានភាពងាយទៅដល់ រដ្ឋាភិបាល អង្គការ សាលារៀន ក្រុមហ៊ុន និង បុគ្គលិកគ្រប់រូប ក្នុងការចែករំលែកព័ត៌មានផ្សេងៗ ជុំវិញពិភពលោក។ ដូច្នេះ អ្នកណាអាចប្រើប្រាស់ Internet បានដែរ អោយតែនៅក្នុងតំបន់ដែលគេរស់នៅមានអ្នកផ្ដល់សេវា Internet (ISP= Internet Service Provider) WWW
របៀបប្រើប្រាស់ Form ជាមួយ Bootstrap
Bootstrap គឺជាសំនុំឯកសារដែលបានផ្តល់អោយមានភាពងាយស្រួលក្នុងការបង្កើត និង រចនាគេហទំព័របានលឿន។វារួមមាន HTML, CSS ហើយមានសមាសភាពមួយចំនួនដូចជា Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel … និង JavaScript ដែលធ្វើអោយគេហទំព័ររបស់យើងកាន់តែមានភាពទាក់ទាញ។ អត្ថបទនេះ Techfree នឹងលើកយកមកបង្ហាញនូវរបៀបប្រើប្រាស់ Form ជាមួយ Bootstrap៖ ១) របៀបប្រើប្រាស់ Bootstrapជាដំបូងយើងត្រូវទៅធ្វើការទាញយកឯកសារ ឬ ធ្វើការចម្លងយកអាស័យដ្ផានដែលជាសំនុំឯកសារសំរាប់ប្រើប្រាស់ជាមួយ Bootstrap ដែលមាននៅក្នុងគេហទំព័រមួយនេះ ទាញយក ។– យើងនិងបង្ហាញការប្រើប្រាស់ Bootstrap ជាមួយការទាញយកឯកសារមកដាក់ប្រើប្រាស់ក្នុងម៉ាស៊ីនរបស់អ្នកនៅកន្លែងដែលអាចទាញយកទៅបង្កើតគេហទំព័របាន ទាញយកឧទាហរណ៍៖ + បន្ទាប់ពីបានទាញយករួចហើយយើងត្រូវធ្វើការពន្លាសំនំុឯកសារដែលបានទាញយក យកទៅដាក់តំបន់បង្កើតគេហទំព័រដើម្បីងាយស្រួលប្រើប្រាស់ ឧទាហរណ៍៖
របៀបប្រើប្រាស់ Modal ក្នុង Bootstrap
Bootstrap គឺជាសំនុំឯកសារដែលបានផ្តល់អោយមានភាពងាយស្រួលក្នុងការបង្កើត និង រចនាគេហទំព័របានលឿន។វារួមមាន HTML, CSS ហើយមានសមាសភាពមួយចំនួនដូចជា Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel … និង JavaScript ដែលធ្វើអោយគេហទំព័ររបស់យើងកាន់តែមានភាពទាក់ទាញ។ អត្ថបទនេះ Techfree នឹងលើកយកមកបង្ហាញនូវរបៀបប្រើប្រាស់ Modal ក្នុង Bootstrap៖ ១) ជាដំបូងអ្នកត្រូវយល់ដឹងពីរបៀបប្រើប្រាស់ Bootstrap ឧទាហរណ៍:អត្ថបទមានស្រាប់ ២) របៀបប្រើប្រាស់ Modal ក្នុង Bootstrap – Modal Static គឺពេលដែលបើកគេហទំព័រវានឹងធ្វើការ ឧទាហរណ៍: