របៀបសរសេរទំព័របណ្ដាញសម្រាប់ឧបករណ៍ចល័ត

ឱកាសដែលអ្នកបានឃើញពីរបៀបដែល iPhone អាចត្រឡប់និងពង្រីកគេហទំព័រ។ វាអាចបង្ហាញអ្នកនៅទំព័រវ៉ែបទាំងមូលក្នុងការមើលឬពង្រីកដើម្បីធ្វើឱ្យអត្ថបទដែលអ្នកចាប់អារម្មណ៍ក្នុងការអាន។ ក្នុងន័យម្យ៉ាងដោយសារតែទូរស័ព្ទ iPhone ប្រើ Safari អ្នករចនាគេហទំព័រមិនគួរធ្វើអ្វីពិសេសដើម្បីបង្កើតទំព័របណ្ដាញដែលនឹងដំណើរការលើទូរស័ព្ទ iPhone នោះទេ។

ប៉ុន្តែតើអ្នកពិតជាចង់ឱ្យទំព័ររបស់អ្នកដំណើរការមែនទេ? អ្នករចនាភាគច្រើនចង់អោយទំព័ររបស់ពួកគេចែងចាំង!

នៅពេលអ្នក បង្កើតទំព័រវ៉ិបសាយមួយ អ្នកត្រូវគិតអំពីអ្នកដែលនឹងមើលវានិងរបៀបដែលពួកគេនឹងមើលវា។ គេហទំព័រដ៏ល្អបំផុតមួយចំនួនពិចារណាលើប្រភេទឧបករណ៍ដែលទំព័រកំពុងត្រូវបានមើលរួមទាំងដំណោះស្រាយជម្រើសពណ៌និងមុខងារដែលមាន។ ពួកគេមិនគ្រាន់តែពឹងផ្អែកលើឧបករណ៍ដើម្បីដោះស្រាយវាចេញ។

គោលការណ៍ណែនាំទូទៅសម្រាប់ការបង្កើតវែបសាយសម្រាប់ឧបករណ៍ចល័ត

• សាកល្បងលើឧបករណ៍ច្រើនតាមដែលអ្នកអាចធ្វើបាន។ រឿងដំបូងដែលអ្នកគួរធ្វើគឺមើលវែបសាយត៍របស់អ្នកនៅលើ iPhone និង ឧបករណ៍ចល័តផ្សេងៗគ្នា ឬវត្ថុត្រាប់តាមដូចដែលអ្នកអាចធ្វើបាន។ ខណៈពេលដែលអ្នកអាចប្រើកម្មវិធីត្រាប់តាមសម្រាប់ការធ្វើតេស្តរបស់អ្នកទាំងអស់នោះវាពិតជាមិនផ្តល់ឱ្យអ្នកនូវអារម្មណ៍ដូចដែលកំពុងព្យាយាមរុករកតាមគេហទំព័រនៅលើអេក្រង់តូចតូចដូច្នេះធ្វើតេស្តលើឧបករណ៍ពិតប្រាកដឱ្យបានច្រើនបំផុតតាមដែលអាចធ្វើទៅបាន។
• ធ្វើឱ្យទំព័ររបស់អ្នកកាន់តែល្អប្រសើរ។ អ្នកអាចសរសេរទំព័ររបស់អ្នកសម្រាប់កម្មវិធីបើកអ៊ិនធឺរណិតដែលមាន Flash, ប៉ុន្តែត្រូវប្រាកដថាព័ត៌មានសំខាន់ៗអាចមើលឃើញសូម្បីតែនៅក្នុងម៉ូនីទ័រដ៏តូចមួយដែលមិនអាចគ្រប់គ្រងលក្ខណៈពិសេសណាមួយ (ដូចជាខុកឃី, Ajax, Flash, JavaScript ជាដើម) ។ អ្វី ៗ លើសពី XHTML Basic នឹងលើសពីទូរស័ព្ទដៃខ្លះ។ ខណៈពេលដែលទូរស័ព្ទស្មាតហ្វូនភាគច្រើនអាចដោះស្រាយបញ្ហាទាំងនោះបាន (លើកលែងតែ Flash នៅលើ iPhone, ជាការពិតណាស់), ឧបករណ៍ចល័តផ្សេងទៀតមិនអាច។
• បង្កើតទំព័រជាក់លាក់មួយឥតខ្សែ - និងធ្វើឱ្យមានភាពងាយស្រួលក្នុងការស្វែងរក។ ប្រសិនបើអ្នកនឹងបង្កើតទំព័រជាក់លាក់មួយសម្រាប់ទូរស័ព្ទដៃនិងអតិថិជនឥតខ្សែ - ធ្វើឱ្យវាអាចប្រើបាន។ វិធីដ៏ល្អមួយគឺដាក់តំណទៅទំព័រឥតខ្សែនៅខាងលើបំផុតនៃឯកសាររបស់អ្នកហើយបន្ទាប់មកលាក់តំណនោះពីឧបករណ៍ដែលមិនប្រើឧបករណ៍យួរដៃដោយប្រើប្រភេទឧបករណ៍យួរដៃ។ យ៉ាងណាមិញមនុស្សភាគច្រើនមកកាន់ទំព័រផ្ទះរបស់អ្នកសូម្បីតែនៅលើទូរស័ព្ទដៃក៏ដោយហើយប្រសិនបើតំណទៅកាន់ទំព័រឥតខ្សែរបស់អ្នកមិននៅទីនោះពួកគេនឹងចាកចេញប្រសិនបើទំព័រពិបាកប្រើ។

ប្លង់ទំព័របណ្ដាញសម្រាប់ស្មាតហ្វូន

រឿងដំបូងដែលអ្នកគួរចងចាំពេលសរសេរទំព័រសម្រាប់ទីផ្សារស្មាតហ្វូនគឺថាអ្នកមិនចាំបាច់ធ្វើការផ្លាស់ប្តូរអ្វីទេប្រសិនបើអ្នកមិនចង់។ អ្វីដែលអស្ចារ្យបំផុតអំពីស្មាតហ្វូនភាគច្រើនគឺថាពួកគេប្រើ Webkit browsers (Safari លើ iOS និង Chrome នៅលើប្រព័ន្ធប្រតិបត្តិការ Android) ដើម្បីបង្ហាញទំព័របណ្ដាញដូច្នេះប្រសិនបើទំព័ររបស់អ្នកមើលទៅហាក់ដូចជាមិនអីចឹងនៅក្នុង Safari ឬ Chrome វានឹងមើលទៅល្អលើស្មាតហ្វូនភាគច្រើន (គ្រាន់តែតូចជាងបន្តិច ) ។ ប៉ុន្តែមានអ្វីដែលអ្នកអាចធ្វើបានដើម្បីធ្វើឱ្យការរកមើលបទពិសោធកាន់តែរីករាយ:

• សូមចាំថាអេក្រង់គឺតូច។ ស្មាតហ្វូននឹងបង្រួមជួរឈរទាំងនោះទៅក្នុងបង្អួចដ៏តូចហើយនេះអាចធ្វើឱ្យពួកគេពិបាកអានដោយមិនចាំបាច់ពង្រីក។ អ្នកប្រើភាគច្រើនត្រូវបានប្រើដើម្បីពង្រីកប៉ុន្តែវាអាចទទួលបានភាពធុញទ្រាន់។ ខ្ទង់វែងមួយនៃអត្ថបទគឺងាយស្រួលអាន។
• ចែកទំព័រទៅជាកំណាត់តូចៗ។ វាអាចពិបាកក្នុងការអានផ្នែកនៃអត្ថបទនៅលើទូរស័ព្ទដៃដូច្នេះការដាក់វានៅលើទំព័រជាច្រើនធ្វើឱ្យពួកគេងាយអាន។

តំណភ្ជាប់និងការរុករកនៅលើទូរស័ព្ទ iPhone

• URL ដែលខ្លីជាងគឺកាន់តែប្រសើរ។ ប្រសិនបើអ្នកធ្លាប់វាយបញ្ចូល URL នៅលើទូរស័ព្ទដៃអ្នកនឹងដឹងថាវាជាការឈឺចាប់ (លើកលែងតែសម្រាប់មនុស្សវ័យជំទង់ដែលត្រូវបានប្រើដើម្បីផ្ញើសារជាច្រើន) ។ សូម្បីតែនៅលើទូរស័ព្ទ iPhone, វាជាការធុញទ្រាន់ក្នុងការវាយ URLs វែង។ រក្សាវាឱ្យខ្លី។
• ប៉ុន្តែអត្ថបទតំណវែងគឺងាយស្រួលប្រើ។ នៅពេលដែលនៅលើទំព័រដែលពាក្យដាច់ដោយឡែកមួយចំនួនត្រូវបានភ្ជាប់ទៅនឹងអត្ថបទខុសគ្នានៅខាងស្ដាំជាប់គ្នាវាអាចជាការលំបាកខ្លាំងណាស់ក្នុងការប៉ះខាងស្ដាំដោយគ្មានការពង្រីក។ មនុស្សជាច្រើននឹងបោះបង់ចោលហើយទៅកន្លែងផ្សេងទៀត។ តំណភ្ជាប់ជាមួយ 3-5 ពាក្យនៅក្នុងពួកគេគឺមានភាពងាយស្រួលក្នុងការចុចលើទូរស័ព្ទជាងតំណ 1 ពាក្យ។
• កុំដាក់ការរុករករបស់អ្នកនៅកំពូលនៃអេក្រង់។ មិនមានអ្វីដែលរំខានច្រើនជាងការឆ្លងកាត់អេក្រង់និងអេក្រង់នៃតំណភ្ជាប់ដើម្បីស្វែងរកព័ត៌មានដែលអ្នកចង់បាននោះទេ។ ប្រសិនបើអ្នកបានមើលទំព័រវ៉ិបសាយដែលត្រូវបានរចនាឡើងសម្រាប់ទូរស័ព្ទដៃអ្នកនឹងឃើញថារឿងដំបូងដែលបង្ហាញគឺជាមាតិកានិងចំណងជើង។ បន្ទាប់មកខាងក្រោមគឺការរុករក។
• កុំខ្លាចលាក់ការរុករករបស់អ្នក។ ការលាក់តំណភ្ជាប់ជាមួយ CSS ឬ JavaScript និងធ្វើឱ្យវាលេចឡើងនៅពេលដែលអ្នកប្រើស្នើសុំវាគឺជាមធ្យោបាយធ្វើអោយទំព័រងាយសម្រាប់អ្នកប្រើស្មាតហ្វូន។

ព័ត៌មានជំនួយសម្រាប់រូបភាពនៅលើស្មាតហ្វូន

• រូបភាពត្រូវតែតូច។ បាទ Android និង iPhones អាចពង្រីកនិងពង្រីក រូបភាពបាន ប៉ុន្តែទំហំតូចជាងមុនដែលពួកគេមានទាំងទំហំនិងពេលទាញយកមានភាពរីករាយអតិថិជនឥតខ្សែរបស់អ្នក។ ការធ្វើឱ្យរូបភាពកាន់តែប្រសើរ គឺតែងតែជាគំនិតល្អប៉ុន្តែសម្រាប់ទំព័រទូរស័ព្ទដៃវាសំខាន់ណាស់។
• រូបភាពត្រូវតែទាញយកយ៉ាងឆាប់រហ័ស។ រូបភាពយកកន្លែងទំនេរច្រើននៅលើទំព័របណ្ដាញនៅពេលអ្នកកំពុងមើលវាពីឧបករណ៍ចល័ត។ ហើយខណៈពេលដែលពួកវាជាញឹកញាប់មានភាពស្រស់ស្អាតនិងធ្វើឱ្យទំព័រមើលទៅស្អាតជាងមុននៅពេលដែលបានមើលនៅលើកម្មវិធីរុករកអ៊ិនធឺណិតពេញនិយមពួកគេតែងតែធ្វើដំណើរតាមឧបករណ៍ចល័ត។ បូកនៅពេលដែលអ្នកប្រើស្មាតហ្វូនស្ថិតនៅលើបណ្តាញទូរស័ព្ទចល័តរឿងចុងក្រោយដែលពួកគេចង់ចំណាយគឺទាញយករូបភាពធំ ៗ ឬរូបតំណាងរុករក។
• កុំដាក់រូបភាពធំ ៗ នៅផ្នែកខាងលើនៃទំព័រ។ គ្រាន់តែដូចជាការរុករកវាអាចមានការធុញទ្រាន់ខ្លាំងណាស់ក្នុងការរង់ចាំសម្រាប់រូបភាពដែលមានអេក្រង់ចំនួន 3-4 ដើម្បីផ្ទុកនៅកំពូលបំផុតនៃទំព័រ។ ហើយនេះគឺជារឿងធម្មតាបំផុតនៅលើគេហទំព័រ។ ការលើកលែងតែមួយគត់នេះគឺប្រសិនបើអ្នកអានដឹងថាពួកគេនឹងទទួលបានរូបភាពនៅពេលពួកគេចុចចុចនៅក្នុងវិចិត្រសាលរូបភាព។

អ្វីដែលត្រូវជៀសវាងនៅពេលរចនាសម្រាប់ទូរស័ព្ទដៃ

មានរឿងជាច្រើនដែលអ្នកគួរតែជៀសវាងនៅពេលបង្កើតគេហទំព័រដែលងាយស្រួលប្រើ។ ដូចដែលបានរៀបរាប់ខាងលើប្រសិនបើអ្នកពិតជាចង់ឱ្យមានទំព័រទាំងនេះនៅលើទំព័ររបស់អ្នកអ្នកអាចធ្វើបានប៉ុន្តែត្រូវប្រាកដថាគេហទំព័រនេះដំណើរការដោយគ្មានពួកគេ។

• Flash - ទូរស័ព្ទចល័តភាគច្រើនមិនគាំទ្រ Flash, ដូច្នេះវាមិនជាគំនិតល្អទេក្នុងការបញ្ចូលវាលើទំព័រឥតខ្សែរបស់អ្នក។
• ខូឃីស៍ - ទូរស័ព្ទដៃជាច្រើនមិនមានការគាំទ្រឃុកឃីទេ។ iPhone មានការគាំទ្រខូឃី។
• ស៊ុម - បើទោះបីជាកម្មវិធីរុករកគាំទ្រពួកគេ, គិតអំពីវិមាត្រនៃអេក្រង់។ ស៊ុមគ្រាន់តែមិនដំណើរការលើឧបករណ៍ចល័ត - ពួកគេពិបាកអានឬពិបាកអាន។
• តារាង - កុំប្រើតារាងសម្រាប់ប្លង់នៅលើទំព័រទូរស័ព្ទ។ និងព្យាយាមជៀសវាងតារាងទូទៅ។ ពួកគេមិនត្រូវបានគាំទ្រគ្រប់ទូរស័ព្ទដៃទេ (ទោះបីជាទូរស័ព្ទ iPhone និងស្មាតហ្វូនផ្សេងទៀតគាំទ្រពួកគេក៏ដោយ) ហើយអ្នកអាចបញ្ចប់ដោយលទ្ធផលប្លែកៗ។
• តារាងក្នុង - ប្រសិនបើអ្នកត្រូវតែប្រើតារាងសូមប្រាកដថាមិនដាក់វានៅក្នុងតារាងផ្សេងទៀត។ ទាំងនេះគឺមានការលំបាកសម្រាប់កម្មវិធីរុករកកុំព្យូទ័រលើតុដើម្បីគាំទ្រនិង, ល្អបំផុត, ធ្វើឱ្យទំព័រផ្ទុកយឺតជាងនេះ។
• វិធានការដាច់ខាត - និយាយម្យ៉ាងទៀតកុំកំណត់វិមាត្ររបស់វត្ថុក្នុងទំហំដាច់ខាត (ដូចជាភីកសែលមីលីម៉ែត្រឬអុិនឈ៍) ។ ប្រសិនបើអ្នកកំណត់អ្វីដែលទទឹង 100px នៅលើឧបករណ៍ចល័តមួយដែលប្រហែលជាពាក់កណ្តាលអេក្រង់ហើយលើមួយទៀតប្រហែលជាទទឹងពីរដង។ ទំហំដែលទាក់ទង (ដូច ems និងភាគរយ) ដំណើរការល្អបំផុត។

• ពុម្ពអក្សរ - កុំសន្មតថា ពុម្ពអក្សរ ណាមួយដែលអ្នកប្រើដើម្បីចូលដំណើរការនឹងមាននៅលើទូរស័ព្ទដៃទេ។

អាន​បន្ថែម

• តើធ្វើដូចម្តេចដើម្បីធ្វើឱ្យវេបសាយរបស់អ្នកដោយប្រើទូរស័ព្ទដៃដោយប្រើកម្មវិធី PHP