កម្មវិធី
តើយើងត្រូវការកម្មវិធីអ្វីខ្លះដើម្បីសរសេរ HTML?
ចំណុចពិសេសរបស់ HTML គឺយើងមិនត្រូវការកម្មវិធីថ្លៃៗ ឬកម្មវិធី Compile ស្មុគស្មាញដើម្បីដំណើរការវានោះទេ។ អ្នកអាចប្រើកម្មវិធីសរសេរអត្ថបទ (Text Editor) ធម្មតាៗ ដែលមានស្រាប់នៅក្នុងកុំព្យូទ័ររបស់អ្នក (ដូចជា Notepad) ក៏អាចបង្កើតវិបសាយបានដែរ។
កម្មវិធីសរសេរកូដដែលពេញនិយមបំផុត (Code Editors)
ទោះបីជាអ្នកអាចប្រើកម្មវិធីធម្មតាៗបាន ប៉ុន្តែអ្នកបង្កើតគេហទំព័រអាជីព (Professional Web Developers) តែងតែប្រើកម្មវិធីជំនាញ ព្រោះវាមានពណ៌ស្រស់ស្អាត ជួយចាប់កំហុស មានមុខងារស្មានកូដ (Auto-complete) និងជួយសន្សំពេលវេលាបានយ៉ាងច្រើន។
- Visual Studio Code (VS Code): ជាកម្មវិធីឥតគិតថ្លៃរបស់ Microsoft ដែលពេញនិយមបំផុតនៅលើពិភពលោក (ជាង ៧០% នៃ Developer ប្រើប្រាស់វា)។ យើងសូមណែនាំអោយអ្នកប្រើប្រាស់កម្មវិធីនេះ!
- Sublime Text: ស្រាល លឿន និងងាយស្រួលប្រើ។
- Notepad++: សាមញ្ញបំផុត សម្រាប់អ្នកប្រើប្រាស់ Windows។
- WebStorm: កម្មវិធីបង់លុយ ដែលមានមុខងារខ្លាំងក្លា (សម្រាប់អ្នកអាជីព)។
Extensions សំខាន់ៗក្នុង VS Code ដែលអ្នកគួរដំឡើង
ប្រសិនបើអ្នកប្រើ VS Code សូមចូលទៅកាន់ផ្នែក Extensions រួចដំឡើងកម្មវិធីជំនួយខាងក្រោម៖
- Live Server: ដោយគ្រាន់តែចុចស្តាំ រួចរើស "Open with Live Server" វានឹងបើកវិបសាយរបស់អ្នក។ រាល់ពេលអ្នក Save កូដ វិបសាយនឹង Refresh ដោយស្វ័យប្រវត្តិ។
- Prettier - Code formatter: ជួយរៀបចំកូដរបស់អ្នកអោយមានរបៀបរៀបរយ ចុះបន្ទាត់ និងដកឃ្លាបានស្អាតល្អ (គ្រាន់តែចុច Save)។
- Auto Rename Tag: ពេលអ្នកប្តូរឈ្មោះ Tag បើក (ឧ. ពី h1 ទៅ h2) វានឹងជួយប្តូរឈ្មោះ Tag បិទអោយអ្នកដោយស្វ័យប្រវត្តិ។
របៀបបង្កើតឯកសារ HTML លើកដំបូងរបស់អ្នក
សូមធ្វើតាមជំហានងាយៗខាងក្រោមនេះ ដើម្បីបង្កើតគេហទំព័រទីមួយរបស់អ្នក៖
ជំហានទី ១៖ បង្កើត Folder ថ្មីមួយនៅលើកុំព្យូទ័ររបស់អ្នក (ឧទាហរណ៍ឈ្មោះថា MyWebsite) រួចអូសវាបញ្ចូលទៅក្នុង VS Code។
ជំហានទី ២៖ បង្កើតឯកសារថ្មីមួយ រួចដាក់ឈ្មោះវាថា index.html (ចំណុចសំខាន់បំផុតគឺត្រូវមានកន្ទុយ .html នៅខាងចុងជានិច្ច)។
ជំហានទី ៣៖ វាយសញ្ញាឧទាន ! រួចចុចគ្រាប់ចុច Tab (ឬ Enter)។ VS Code នឹងលោតកូដរចនាសម្ព័ន្ធស្តង់ដារមកអោយអ្នកដោយស្វ័យប្រវត្តិ (នេះហៅថា Emmet Abbreviation)!
ជំហានទី ៤៖ ចម្លងកូដខាងក្រោមទៅដាក់ក្នុង <body> រួចចុច Save។
ជំហានទី ៥៖ ចុចកណ្តុរស្តាំ (Right Click) នៅលើកូដ រួចរើសយក Open with Live Server ដើម្បីមើលលទ្ធផលនៅលើ Browser!
index.html មិនដាក់ឈ្មោះផ្សេង? ពីព្រោះនៅពេលដែលគេហទំព័ររបស់អ្នកត្រូវបង្ហោះចូលទៅក្នុង Internet (Hosting) Browser និង Server ទូទាំងពិភពលោក ត្រូវបានកំណត់អោយស្វែងរកឯកសារឈ្មោះ index.html មុនគេបង្អស់ ដើម្បីបង្ហាញជាទំព័រដើម (Homepage)។ ប្រសិនបើគ្មានឯកសារឈ្មោះនេះទេ Server អាចនឹងបង្ហាញបញ្ជីកូដរបស់អ្នកទាំងអស់អោយគេឃើញ!