អ្នកមិនចាំបាច់ប្រើតែ WYSIWYG ទេ
Dreamweaver គឺជា កម្មវិធីកែសម្រួល WYSIWYG ដ៏អស្ចារ្យប៉ុន្តែប្រសិនបើអ្នកមិនចាប់អារម្មណ៍ក្នុងការសរសេរទំព័របណ្ដាញនៅក្នុងអ្វីដែលអ្នកឃើញគឺជាអ្វីដែលអ្នកទទួលបាននោះអ្នកនៅតែអាចប្រើ Dreamweaver ពីព្រោះវាជាកម្មវិធីនិពន្ធអត្ថបទដ៏អស្ចារ្យ។ ប៉ុន្តែមានលក្ខណៈពិសេសជាច្រើនដែលរអិលដោយវិធីនៅក្នុងកម្មវិធីនិពន្ធក្រមវិឌិតឌាយព្រោះការផ្ដោតសំខាន់គឺ "ទិដ្ឋភាពរចនា" ឬផ្នែកកែសម្រួល WYSIWYG របស់ផលិតផល។
របៀបដើម្បីចូលទៅមើលកូដឌ្រីមឌូវ
ប្រសិនបើអ្នកមិនធ្លាប់ប្រើ Dreamweaver ជាអ្នកកែសម្រួល HTML ទេអ្នកប្រហែលជាមិនដែលកត់សម្គាល់ប៊ូតុងបីនៅផ្នែកខាងលើនៃទំព័រនោះទេ: "កូដ" "បំបែក" និង "ការរចនា" ។ Dreamweaver ចាប់ផ្តើមតាមលំនាំដើមនៅក្នុង "ទិដ្ឋភាពរចនា" ឬរបៀប WYSIWYG ។ ប៉ុន្តែវាមានភាពងាយស្រួលក្នុងការប្តូរទៅមើលនិងកែកូដ HTML ។ គ្រាន់តែចុចលើប៊ូតុង "កូដ" ។ ឬចូលទៅក្នុងម៉ឺនុយមើលនិងជ្រើស "កូដ។ "
ប្រសិនបើអ្នកគ្រាន់តែរៀនពីរបៀបសរសេរ HTML ឬអ្នកចង់ដឹងពីរបៀបដែលការផ្លាស់ប្តូររបស់អ្នកនឹងប៉ះពាល់ដល់ឯកសាររបស់អ្នកអ្នកអាចបើកមើលកូដនិងទិដ្ឋភាពរចនានៅក្នុងពេលតែមួយ។ ភាពស្រស់ស្អាតនៃវិធីសាស្រ្តនេះគឺថាអ្នកអាចកែសម្រួលនៅក្នុងបង្អួចទាំងពីរផងដែរ។ ដូច្នេះអ្នកអាចសរសេរកូដសម្រាប់ស្លាករូបភាពរបស់អ្នកក្នុង HTML ហើយបន្ទាប់មកប្រើទិដ្ឋភាពរចនាដើម្បីផ្លាស់ទីវាទៅទីតាំងមួយផ្សេងទៀតនៅលើទំព័រដោយអូសនិងទម្លាក់។
ដើម្បីមើលទាំងពីរនៅពេលតែមួយ, ទាំង:
- ចុចលើប៊ូតុង "ពុះ" (រវាង "កូដ" និង "រចនា")
- នៅក្នុងទិដ្ឋភាពម៉ឺនុយជ្រើស "កូដនិងរចនា"
នៅពេលដែលអ្នកងាយស្រួលប្រើ Dreamweaver ដើម្បីកែសម្រួលកូដ HTML របស់អ្នកអ្នកអាចផ្លាស់ប្តូរចំណង់ចំណូលចិត្តរបស់អ្នកដើម្បីបើក Dreamweaver ក្នុងទិដ្ឋភាពកូដតាមលំនាំដើម។ វិធីងាយស្រួលបំផុតគឺត្រូវរក្សាទុកទិដ្ឋភាពកូដជាកន្លែងធ្វើការ។ Dreamweaver នឹងបើកនៅកន្លែងធ្វើការចុងក្រោយដែលអ្នកកំពុងប្រើ។ ប្រសិនបើវាមិនដំណើរការគ្រាន់តែចូលទៅកាន់ម៉ឺនុយបង្អួចហើយជ្រើសរើសកន្លែងធ្វើការដែលអ្នកចង់បាន។
លេខកូដមើលជម្រើស
Dreamweaver គឺអាចបត់បែនបានដោយសារតែវាមានវិធីជាច្រើនដើម្បីប្ដូរតាមបំណងវានិងធ្វើឱ្យវាធ្វើការតាមវិធីដែលអ្នកចង់ឱ្យវាទៅ។ នៅក្នុងបង្អួចជម្រើសមានពណ៌កូដទ្រង់ទ្រាយក្រមកូដជំនួយកូដនិងជម្រើសសរសេរកូដដែលអ្នកអាចលៃតម្រូវ។ ប៉ុន្តែអ្នកក៏អាចផ្លាស់ប្ដូរជម្រើសពិសេសមួយចំនួននៅក្នុងទិដ្ឋភាពកូដដោយខ្លួនឯង។
ពេលអ្នកស្ថិតក្នុងទិដ្ឋភាពកូដមានប៊ូតុង "មើលជម្រើស" នៅក្នុងរបារឧបករណ៍។ អ្នកក៏អាចមើលជម្រើសដោយចូលទៅក្នុងម៉ឺនុយមើលនិងជ្រើសរើស "ជម្រើសទិដ្ឋភាពកូដ។ " ជម្រើសគឺ:
- ការរុំពាក្យ - បិទបាំងកូដ HTML ដូច្នេះអ្នកអាចមើលវាបានដោយមិនចាំបាច់រមូរផ្ដេកទេ។ សូមកត់សម្គាល់ថាជម្រើសនេះមិនបញ្ចូលលេខរៀងត្រឡប់ណាមួយនៅក្នុងកូដរបស់អ្នកនោះទេវាគ្រាន់តែបង្ហាញកូដដូច្នេះវាងាយស្រួលអាន។
- លេខបន្ទាត់ - បង្ហាញលេខបន្ទាត់នៅតាមផ្នែកម្ខាងនៃលេខកូដ។ វាបង្ហាញនិមិត្តសញ្ញារុំបន្ទាត់សម្រាប់ខ្សែដែលរុំវែងជាងបង្អួចទិដ្ឋភាព។
- តួអក្សរដែលលាក់ - បង្ហាញតួអក្សរពិសេសជំនួសឱ្យដកឃ្លាដែលនឹងបង្ហាញនៅលើគេហទំព័រ។ ដូចជាចំនុចជំនួសដកឃ្លាមួយ chevron ទ្វេដងជំនួសផ្ទាំងនិមួយៗហើយចង្អុលចង្អុលឬសញ្ញាសម្គាល់កថាខណ្ឌជំនួសការបំបែកបន្ទាត់នីមួយៗ។
- រំលេចលេខកូដមិនត្រឹមត្រូវ - បន្លិច HTML ដែលមិនត្រឹមត្រូវក្នុងពណ៌លឿង។ ប្រសិនបើអ្នកជ្រើសរើសស្លាកលឿងនោះអធិការកិច្ចអចលនទ្រព្យនឹងផ្តល់ឱ្យអ្នកនូវការណែនាំអំពីរបៀបជួសជុលវា។
- វាក្យសម្ពន្ធពណ៌ - បើកឬបិទកូដពណ៌នៃកូដរបស់អ្នក។ អ្នកប្តូរពណ៌នៃកូដពណ៌របស់អ្នកនៅក្នុងផ្នែកពណ៌កូដនៃចំណូលចិត្ត។
- ចូលបន្ទាត់ដោយស្វ័យប្រវត្តិ - ធ្វើឱ្យកូដរបស់អ្នកចូលបន្ទាត់ដោយស្វ័យប្រវត្តិបន្ទាប់ពីការត្រឡប់មកវិញរបស់រថយន្ដប្រសិនបើកូដខាងលើវាត្រូវបានចូលបន្ទាត់។ អ្នកអាចផ្លាស់ប្តូរទំហំនៃការចូលបន្ទាត់បានដោយការផ្លាស់ប្តូរទំហំថេបនៅក្នុងផ្នែកធ្វើទ្រង់ទ្រាយកូដនៃចំណង់ចំណូលចិត្ត។
ការកែសម្រួលកូដ HTML ក្នុងទិដ្ឋភាពកូដឌ្រីវីវ៉េវ
វាងាយស្រួលក្នុងការកែសម្រួលកូដ HTML នៅក្នុងទិដ្ឋភាពកូដរបស់ Dreamweaver ។ គ្រាន់តែចាប់ផ្តើមវាយបញ្ចូល HTML របស់អ្នក។ ប៉ុន្តែ Dreamweaver ផ្តល់ឱ្យអ្នកនូវកម្មវិធីបន្ថែមមួយចំនួនដែលពង្រីកវាលើសពីកម្មវិធីនិពន្ធ HTML មូលដ្ឋាន។ នៅពេលអ្នកចាប់ផ្តើមសរសេរស្លាក HTML អ្នកត្រូវវាយ <។ ប្រសិនបើអ្នកផ្អាកបន្ទាប់ពីតួអង្គនោះនោះ Dreamweaver នឹងបង្ហាញអ្នកនូវបញ្ជី ស្លាក HTML ។ ទាំងនេះត្រូវបានគេហៅថាគន្លឹះកូដ។ ដើម្បីបង្រួមការជ្រើសរើសចាប់ផ្តើមវាយអក្សរ - Dreamweaver នឹងបង្រួញបញ្ជីទម្លាក់ចុះទៅស្លាកដែលសមនឹងអ្វីដែលអ្នកកំពុងវាយបញ្ចូល។
ប្រសិនបើអ្នកថ្មីទៅ HTML អ្នកអាចរមូរតាមបញ្ជីនៃស្លាក HTML និងជ្រើសរើសផ្សេងៗដើម្បីមើលអ្វីដែលពួកគេធ្វើ។ Dreamweaver នឹងបន្តសួរអ្នកអំពីគុណលក្ខណៈនៅពេលអ្នកវាយបញ្ចូលស្លាកមួយ។ ឧទាហរណ៍ប្រសិនបើអ្នកវាយ " Dreamweaver នឹងទម្លាក់ចុះទៅស្លាក របស់ HTML ដោយមានស្លាកផ្សេងទៀតដែលចាប់ផ្តើមជាមួយខ្ញុំដូចខាងក្រោម។ បើអ្នកបន្តវាយអក្សរ "m" Dreamweaver នឹងបង្រួមវាចុះទៅស្លាក ។
ប៉ុន្តែគន្លឹះកូដមិនបញ្ចប់នៅលើស្លាក។ អ្នកអាចប្រើពាក្យគន្លឹះដើម្បីបញ្ចូល:
ប្រសិនបើគន្លឹះកូដមិនលេចឡើងអ្នកអាចចុច Ctrl-spacebar (Windows) ឬ Cmd-spacebar (Macintosh) ដើម្បីឱ្យវាបង្ហាញ។ ហេតុផលសាមញ្ញបំផុតដែលហេតុអ្វីបានជាកូដសញ្ញាមួយប្រហែលជាមិនលេចឡើងប្រសិនបើអ្នកប្តូរទៅបង្អួចផ្សេងគ្នាមុនពេលបញ្ចប់ស្លាករបស់អ្នក។ ពីព្រោះឌីវីឌីងត្រូវបានបិទចេញពីតួអក្សរតួអក្សរ <ប្រសិនបើអ្នកចាកចេញពីបង្អួចហើយត្រឡប់មកវិញអ្នកនឹងត្រូវបើកដំណើរការព័ត៌មានជំនួយកូដឡើងវិញ។
អ្នកអាចបិទម៉ឺនុយព័ត៌មានជំនួយកូដដោយគ្រាន់តែចុច Key Keys ។
ពេលអ្នកវាយបញ្ចូលស្លាក HTML របស់អ្នកអ្នកនឹងត្រូវបិទវា។ Dreamweaver ធ្វើបែបនេះតាមវិធីធម្មជាតិ។ ប្រសិនបើអ្នកវាយ "ជម្រើសបិទស្លាក" ដែលសាកសមនឹងតម្រូវការរបស់អ្នក។
ប្រសិនបើអ្នកមិនទាន់ត្រៀមខ្លួនរួចរាល់ក្នុងការប្តូរទៅកែទំព័ររបស់អ្នកជា HTML ទេប៉ុន្តែអ្នកចង់មើលលេខកូដដូចដែលបានសរសេរអ្នកគួរតែសាកល្បងអ្នកត្រួតពិនិត្យលេខកូដ។ នេះបើកកូដ HTML នៅក្នុងបង្អួចដាច់ដោយឡែកមួយ។ វាដំណើរការដូចទិដ្ឋភាពកូដហើយតាមការពិតវាជាបង្អួចទិដ្ឋភាពកូដដែលអាចផ្ដាច់សម្រាប់ឯកសារបច្ចុប្បន្ន។ ដើម្បីបើកអធិការកូដសូមចូលទៅកាន់ម៉ឺនុយបង្អួចហើយជ្រើសរើសយក "Inspector Code" ឬចុចប៊ូតុង F10 នៅលើក្ដារចុចរបស់អ្នក។
Dreamweaver នឹងធ្វើទ្រង់ទ្រាយលេខកូដ HTML ទោះជាយ៉ាងណាអ្នកចង់ឱ្យវាបង្ហាញ។ ឧទាហរណ៍ប្រសិនបើអ្នកប្រើដកឃ្លា 3 ដើម្បីចូលបន្ទាត់ប៉ុន្តែមិនដកឃ្លាស្លាក IMG អ្នកអាចបញ្ជាក់ព័ត៌មានការធ្វើទ្រង់ទ្រាយនៅក្នុងជម្រើសសរសេរលេខកូដ។ បន្ទាប់មកអ្នកចូលទៅម៉ឺនុយពាក្យបញ្ជាហើយជ្រើស "អនុវត្តការបង្កើតទ្រង់ទ្រាយប្រភព។ " នេះជាវិធីដ៏ល្អដើម្បីទទួលបានលេខកូដដែលបានសរសេរដោយនរណាម្នាក់ផ្សេងទៀតទៅក្នុងទ្រង់ទ្រាយដែលអ្នកស្គាល់។
លក្ខណៈពិសេសដែលអ្នកសរសេរកូដ HTML ជាច្រើនមិនដឹងអំពីឬមិនប្រើគឺជាសមត្ថភាពក្នុងការបង្រួមកូដ HTML ។ វាមិនដកចេញស្លាកពីឯកសារនោះទេប៉ុន្តែគ្រាន់តែយកវាចេញពីទិដ្ឋភាពដូច្នេះពួកគេមិនរំខានដល់អ្វីដែលអ្នកកំពុងធ្វើ។ ដើម្បីបង្រួមលេខកូដរបស់អ្នក:
- ជ្រើសផ្នែកនៃលេខកូដដែលអ្នកចង់លាក់
- នៅក្នុងម៉ឺនុយកែសម្រួលជ្រើស "បង្រួមជម្រើស" ពីម៉ឺនុយរង "ក្រមធ្លាក់ចុះ"
មធ្យោបាយងាយស្រួលជាងនេះគឺត្រូវជ្រើសរើសកូដហើយបន្ទាប់មកចុចលើរូបតំណាងការដួលរលំនៃក្រមដែលលេចឡើងក្នុងលូទឹក។ អ្នកក៏អាចចុចកណ្ដុរខាងស្ដាំលើកូដដែលបានជ្រើសរើសនិងជ្រើសរើសយក "វេញជម្រើស" ។
ប្រសិនបើអ្នកចង់លាក់អ្វីទាំងអស់ លើកលែងតែ អ្វីដែលត្រូវបានបន្លិចជ្រើស "វេញជម្រើសខាងក្រៅ" នៅក្នុងវិធីណាមួយខាងលើ។
ដើម្បីពង្រីកកូដដែលបានដួលរលំសូមចុចទ្វេដងលើវា។ នេះបើកកូដឡើងហើយជ្រើសរើសវា។ បន្ទាប់មកអ្នកអាចផ្លាស់ទីជម្រើសនោះឬលុបវាឬបន្ថែមស្លាកបន្ថែមជុំវិញវា។
អ្នកអាចប្រើការដួលរលំនិងពង្រីកលក្ខណៈពិសេសគ្រប់ពេលលើទំព័រដែលអ្នកមិនចង់កែសម្រួលពុម្ពខាងក្រៅ។ អ្នកគ្រាន់តែជ្រើសតំបន់មាតិកាដែលអ្នកចង់កែសម្រួលនិងវេញនៅខាងក្រៅ។ បន្ទាប់មកសរសេរ HTML របស់អ្នក។ អ្នកនៅតែអាចមើលទំព័រក្នុងទិដ្ឋភាពរចនាឬមើលវានៅក្នុងកម្មវិធីរុករក។ កូដដែលបានដួលរលំមិនត្រូវបានយកចេញពីឯកសារដែលលាក់ពីធម្មតាទេ។ អ្នកក៏អាចប្រើវានៅពេលអ្នកកំពុងធ្វើការលើស៊េរីនៃធាតុ។ នៅពេលអ្នកបញ្ចប់ចប់សូមដួលវា។ អ្នកដឹងថាអ្នកបានបញ្ចប់នៅពេលដែលគ្មានការបង្ហាញលេខកូដ។