ប្រសិនបើអ្នកជាអ្នកបង្កើតគេហទំព័រថ្មីនិងអភិវឌ្ឍន៍ផ្នែកខាងមុខ (HTML, CSS, Javascript) នោះអ្នកអាចជ្រើសរើសដើម្បីចាប់ផ្ដើមជាមួយកម្មវិធីនិពន្ធ WYSIWYG ។ ពាក្យកាត់នេះតំណាងឱ្យ "អ្វីដែលអ្នកឃើញគឺជាអ្វីដែលអ្នកទទួល" ហើយវាសំដៅទៅលើកម្មវិធីដែលអនុញ្ញាតឱ្យអ្នកបង្កើតគេហទំព័រដោយប្រើឧបករណ៍ដែលមើលឃើញខណៈពេលដែលកម្មវិធីសរសេរកូដមួយចំនួននៅពីក្រោយឆាកដោយផ្អែកលើអ្វីដែលអ្នកកំពុងបង្កើត។ ឧបករណ៍ WYSIWYG ដ៏មានប្រជាប្រិយបំផុតដែលអាចរកបានគឺ Adobe Dreamweaver ។
Dreamweaver គឺជាជម្រើសដ៏ល្អសម្រាប់អ្នកដែលទើបតែចាប់ផ្ដើម
ខណៈពេលដែលអ្នកជំនាញខាងតាមរដូវជាច្រើនដែល មានជំនាញច្បាស់លាស់ មើលទៅលើ Dreamweaver និងទំនោររបស់ខ្លួនក្នុងការបង្កើត HTML markup និងរចនាប័ទ្ម CSS, ការពិតដ៏សាមញ្ញនោះគឺថាវេទិកានេះនៅតែជាជម្រើសដ៏ល្អសម្រាប់អ្នកដែលគ្រាន់តែចាប់ផ្តើមជាមួយការរចនាគេហទំព័រ។ នៅពេលអ្នកចាប់ផ្តើមប្រើ "ជម្រើសរចនា" របស់ Dreamweaver ដើម្បីបង្កើតទំព័រវ៉េបមួយសំណួរដែលអ្នកទំនងជាមានគឺរបៀបបង្កើតការបំបែកបន្ទាត់តែមួយសម្រាប់មាតិកានៅក្នុងទិដ្ឋភាពនោះ។
ពេលអ្នកបន្ថែមអត្ថបទ HTML ទៅទំព័របណ្ដាញកម្មវិធីរុករកបណ្ដាញនឹងបង្ហាញអត្ថបទនោះជាបន្ទាត់វែងរហូតដល់វាឈានដល់គែមនៃបង្អួចកម្មវិធីរុករកឬធាតុឧបករណ៍ផ្ទុករបស់វា។ នៅចំណុចនោះអត្ថបទនឹងរុំទៅខ្សែបន្ទាប់។ នេះគឺស្រដៀងគ្នាទៅនឹងអ្វីដែលកើតឡើងនៅក្នុងកម្មវិធីដំណើរការអត្ថបទដូចជា Microsoft Word ឬ Google Docs ។ នៅពេលបន្ទាត់នៃអត្ថបទគ្មានបន្ទប់នៅលើបន្ទាត់ផ្ដេកនោះវានឹងរុំដើម្បីចាប់ផ្ដើមបន្ទាត់ផ្សេង។ ដូច្នេះតើនឹងមានអ្វីកើតឡើងប្រសិនបើអ្នកចង់ប្រាប់ថាកន្លែងណាដែលមានខ្សែ?
នៅពេលអ្នកចុចប៊ូតុង [ENTER] នៅក្នុងទិដ្ឋភាពរចនារបស់ Dreamweaver កថាខណ្ឌបច្ចុប្បន្នត្រូវបានបិទហើយកថាខណ្ឌថ្មីចាប់ផ្តើម។ តាមចក្ខុវិស័យនេះមានន័យថាបន្ទាត់ទាំងពីរត្រូវបានបំបែកដោយគម្លាតបញ្ឈរបន្តិចបន្តួច។ នេះគឺដោយសារតែតាមលំនាំដើម កថាខណ្ឌ HTML មានចន្លោះឬរឹម (ដែលមួយអាស្រ័យលើកម្មវិធីរុករកខ្លួនវា) ដែលបានអនុវត្តទៅផ្នែកខាងក្រោមនៃកថាខណ្ឌដែលបន្ថែមគម្លាត។
វាអាចត្រូវបានលៃតម្រូវដោយប្រើ CSS ប៉ុន្តែការពិតគឺថាអ្នកចង់ឱ្យមានគម្លាតរវាងកថាខណ្ឌដើម្បីអនុញ្ញាតឱ្យ ភាពងាយស្រួលអានគេហទំព័រ ។ ប្រសិនបើអ្នកចង់បានបន្ទាត់តែមួយនិងគ្មានគម្លាតបញ្ឈរធំ ៗ រវាងបន្ទាត់អ្នកមិនចង់ប្រើ [ENTER] កូនសោពីព្រោះអ្នកមិនចង់ឱ្យបន្ទាត់ទាំងនោះជាកថាខណ្ឌនីមួយៗ។
សម្រាប់ដងទាំងនេះនៅពេលដែលអ្នកមិនចង់អោយកថាខណ្ឌថ្មីចាប់ផ្តើមអ្នកនឹងបន្ថែមស្លាក HTML ជា HTML ។ នេះក៏ត្រូវបានសរសេរផងដែរជា
។ ជាពិសេសសម្រាប់កំណែរបស់ XHTML ដែលទាមទារធាតុទាំងអស់ត្រូវបានបិទ។ រូបមន្តនៅពីក្រោយ / នៅក្នុងវាក្យសម្ពន្ធនោះបិទដោយស្វ័យប្រវត្តិចាប់តាំងពីធាតុនេះមិនមានស្លាកបិទរបស់វា។ នេះគឺល្អនិងល្អប៉ុន្តែអ្នកកំពុងធ្វើការនៅក្នុងការរចនាម៉ូដទិដ្ឋភាពនៅក្នុង Dreamweaver ។ អ្នកប្រហែលមិនចង់លោតចូលទៅក្នុងកូដហើយបន្ថែមការសម្រាកទាំងនេះ។ នោះគឺល្អពីព្រោះអ្នកអាចបន្ថែមការបំបែកបន្ទាត់ក្នុង Dreamweaver ដោយមិនចាំបាច់ប្រើទិដ្ឋភាពកូដ។
បន្ថែមសម្រង់បន្ទាត់ក្នុងទិដ្ឋភាពរចនាឌិកូដឌីវីឌី:
- ដាក់ទស្សន៍ទ្រនិចរបស់អ្នកដែលអ្នកចង់ឱ្យបន្ទាត់ថ្មីចាប់ផ្តើម។
- សង្កត់គ្រាប់ចុចប្តូរហើយចុច [ENTER] ។
នោះហើយជាវា! ការបន្ថែមដ៏សាមញ្ញនៃកូនសោ "shift" រួមជាមួយ [ENTER] នឹងបន្ថែមពាក្យជំនួសឱ្យកថាខណ្ឌថ្មី។ ដូច្នេះឥឡូវនេះអ្នកដឹងថានេះជារបៀបណាអ្នកគួរតែពិចារណាកន្លែងណាដែលត្រូវប្រើវានិងកន្លែងណាដើម្បីជៀសវាងវា។ ចងចាំថា HTML មានអត្ថន័យដើម្បីបង្កើតរចនាសម្ព័ន្ធវែបសាយមិនមែនរូបរាងដែលមើលឃើញទេ។ អ្នកមិនគួរប្រើស្លាកច្រើនដើម្បីបង្កើតគម្លាតបញ្ឈរក្រោមធាតុក្នុងការរចនារបស់អ្នក។
នោះហើយជាអ្វីដែលលក្ខណសម្បត្តិ CSS សម្រាប់ចន្លោះនិងរឹមគឺសម្រាប់។ កន្លែងដែលអ្នកប្រើស្លាកសញ្ញាគឺនៅពេលដែលអ្នកគ្រាន់តែត្រូវការការបំបែកតែមួយ។ ឧទាហរណ៍ប្រសិនបើអ្នកសរសេរកូដអាស័យដ្ឋានសំបុត្រហើយអ្នកសម្រេចចិត្តប្រើកថាខណ្ឌអ្នកអាចបន្ថែមស្លាកម៉ាកដូចខាងក្រោម:
ឈ្មោះក្រុមហ៊ុន
អាសយដ្ឋានបន្ទាត់
ទីក្រុង, រដ្ឋ, ហ្ស៊ីប
លេខកូដសម្រាប់អាសយដ្ឋាននេះគឺជាកថាខណ្ឌតែមួយប៉ុន្តែដោយភ្នែកវានឹងបង្ហាញបន្ទាត់បីនៅលើបន្ទាត់នីមួយៗដោយមានចន្លោះតូចមួយរវាងពួកវា។