ស្ទើរតែ 50% នៃទាំងអស់។ អ៊ីមែលបើកពីឧបករណ៍ចល័ត ហើយតួលេខនេះនឹងកើនឡើងតែប៉ុណ្ណោះ។ ដូច្នេះសារៈសំខាន់នៃការប្រើប្រាស់អាដាប់ធ័រ គំរូអ៊ីមែល HTMLសម្រាប់យុទ្ធនាការទីផ្សារអ៊ីម៉ែលកើនឡើង។
អភិវឌ្ឍមូលដ្ឋាន គំរូអ៊ីមែល HTMLដែលនឹងត្រូវបានបង្ហាញយ៉ាងត្រឹមត្រូវនៅក្នុងម៉ាស៊ីនភ្ញៀវផ្សេងគ្នាគឺពិបាកណាស់។ ប៉ុន្តែការបង្កើតគំរូដែលនឹងបង្ហាញយ៉ាងត្រឹមត្រូវនៅលើឧបករណ៍ចល័ត និងថេប្លេតទាំងអស់គឺកាន់តែពិបាក។
ជាសំណាងល្អ មានអ្នករចនា និងអ្នកអភិវឌ្ឍន៍ ដែលបានបង្កើតបណ្តុំនៃគំរូអ៊ីមែលដែលអាចកែប្រែបាន ឥតគិតថ្លៃ និងឆ្លើយតប ដែលដំណើរការលើគ្រប់អតិថិជន និងឧបករណ៍ទាំងអស់។
គំរូអាដាប់ធ័រប្លុកម៉ូឌុល
Litmus Responsive Email Templates (7 templates)
Litmus បានចេញផ្សាយជម្រើសនៃគំរូអ៊ីមែលឆ្លើយតបចំនួនប្រាំពីរជាមួយ ការរចនាដែលត្រៀមរួចជាស្រេច. ពួកវាមកជាមួយឯកសារ PSD ប្រភព៖
គំរូ HTML ភូមិបៃតង
នេះគឺជាប្លុក - ម៉ូឌុលតិចតួចបំផុត។ ពុម្ពអក្សរ HTMLសម្រាប់ការផ្ញើសំបុត្រ ដែលសមរម្យសម្រាប់គោលបំណងផ្សេងៗ។ កញ្ចប់ដែលអាចទាញយកបានរួមមានទាំងឯកសារ PSD ដើម និងកូដ HTML៖
គំរូអ៊ីមែលឆ្លើយតបតាមអ៊ីមែលនៅលើអាស៊ីត
គំរូប្លុកម៉ូឌុលនេះផ្តល់នូវជម្រើសរចនាបីដែលបង្ហាញអាស្រ័យលើទទឹងអេក្រង់។ តាមលំនាំដើម វាគាំទ្រ 1-3 ជួរឈរ។ វាប្រើសំណួរមេឌៀ ដូច្នេះវាបំប្លែងទៅជាប្លង់ជួរឈរតែមួយនៅលើឧបករណ៍ចល័ត៖
គំរូអ៊ីមែលឆ្លើយតបជាមូលដ្ឋាន
អ៊ីមែល HTML ឆ្លើយតបសាមញ្ញ
អាដាប់ធ័រប្លុកសាមញ្ញ ពុម្ពអក្សរ HTML សម្រាប់អ៊ីមែលព្រឹត្តិបត្រព័ត៌មានប្រើប្រាស់សំណួរប្រព័ន្ធផ្សព្វផ្សាយ និងទទឹងអណ្តែត ដើម្បីធានាបាននូវភាពឆបគ្នាជាអតិបរមា៖
គំរូព្រឹត្តិបត្រព័ត៌មានដែលឆ្លើយតប និងរាបស្មើ
គំរូអ៊ីមែលឆ្លើយតប
គំរូអ៊ីមែលដែលមានរចនាសម្ព័ន្ធស្អាត
គំរូអ៊ីមែលឆ្លើយតបពី MailChimp (គំរូ 6)
MailChimp បានចេញផ្សាយជម្រើសនៃការឆ្លើយតបចំនួនប្រាំមួយដែលបានផលិតរួចរាល់ហើយ។ គំរូអ៊ីមែល HTMLហៅថា ប្លង់អ៊ីម៉ែល។ ពួកវារួមបញ្ចូលធាតុមួយចំនួននៃភាសាគំរូជាក់លាក់របស់ Mailchimp ប៉ុន្តែអាចត្រូវបានដកចេញយ៉ាងងាយស្រួល ប្រសិនបើអ្នកមិនមែនជាអ្នកប្រើប្រាស់ MailChimp៖
ទឹកថ្នាំ - ក្របខ័ណ្ឌអ៊ីម៉ែលដែលឆ្លើយតប (គំរូ 4)
វាជាការសម្របខ្លួន ក្របខ័ណ្ឌអ៊ីមែលពី ZURBដែលរួមបញ្ចូលក្រឡាចត្រង្គ 12 ជួរ និងធាតុ UI សាមញ្ញសម្រាប់ការរចនាអ៊ីមែលយ៉ាងរហ័ស៖
គំរូប្លង់អ៊ីមែលឆ្លើយតប Antwort (គំរូ 2)
Antwort ផ្តល់នូវអាដាប់ធ័រដែលអាចទុកចិត្តបាន។ គំរូអ៊ីមែល HTMLជាមួយនឹងឯកសារទូលំទូលាយ និងទទឹងដែលអាចលៃតម្រូវបានអាស្រ័យលើទំហំអេក្រង់។ គំរូដំណើរការយ៉ាងល្អនៅក្នុងកម្មវិធីទូរសព្ទចល័ត ក៏ដូចជានៅក្នុងកម្មវិធីកុំព្យូទ័រធំៗទាំងអស់ និង Outlook (2000+)៖
Salted, គំរូអ៊ីមែលឆ្លើយតប
គំរូគឺផ្អែកលើកូដដែលប្រើដោយ Litmus សម្រាប់វា។ សំបុត្រផ្ទាល់ខ្លួន. ផ្តល់ជូននូវក្របខ័ណ្ឌសាមញ្ញមួយសម្រាប់បង្កើតអ៊ីមែលឆ្លើយតបដែលបានបង្កើតក្នុង HTML៖
គំរូអ៊ីមែលផ្អែកលើតារាង (ប៉ុន្តែឆ្លើយតប)
មួយនេះស្អាតណាស់។ ពុម្ពអក្សរ HTMLត្រូវបានបង្កើតឡើងដោយផ្អែកលើប្លង់មេអ៊ីមែលរបស់ MailChimp និងអ៊ីមែល Boilerplate របស់ Sean Powell។ នេះគឺជាគំរូអ៊ីមែលតារាងដែលឆ្លើយតបដែលរួមបញ្ចូលទាំងស្លាកបញ្ចូលគ្នា Mailchimp រួចហើយ ( ពួកគេអាចត្រូវបានយកចេញប្រសិនបើពួកគេមិនត្រូវការ):
គំរូអ៊ីមែលឆ្លើយតប Respmail
កំណែដែលបានកែលម្អនៃ MailChimps Email Blueprints ជាមួយ ចំនួនធំជម្រើស រចនាសម្ព័ន្ធដែលបានកំណត់ថ្មី និងការជួសជុលមួយចំនួនសម្រាប់ Outlook, Yahoo, Hotmail, Gmail... គំរូនេះត្រូវបានសាកល្បង និងវិភាគដោយប្រុងប្រយ័ត្នសម្រាប់ភាពឆបគ្នា។ វាក៏ងាយស្រួលមិនគួរឱ្យជឿក្នុងការដំឡើងផងដែរ៖
rwdemail
រចនាដោយផ្អែកលើគំរូទឹកថ្នាំរបស់ ZURB ។ នេះគឺជាគម្រោងដែលអនុញ្ញាតឱ្យអ្នកធ្វើអ្វីៗគ្រប់យ៉ាងដោយស្វ័យប្រវត្តិពី SASS precompilation, CSS inlining, CSS/HTML, image minification, to S3 image hosting and Litmus testing។ ដោយប្រើគំរូ INK និងគំរូ CSS របស់ពួកគេ អ្នកអាចបង្កើតបាន។ គំរូអ៊ីមែល HTMLកម្រិតនៃការលំបាកណាមួយ។
គំរូអ៊ីមែលដែលឆ្លើយតបនាពេលអនាគតដែលមានភស្តុតាងដោយគ្មានសំណួរប្រព័ន្ធផ្សព្វផ្សាយ
ចុះបើអ្នកអាចបង្កើតគំរូអ៊ីមែលដែលឆ្លើយតបសូម្បីតែនៅក្នុងបរិស្ថានដែលមានការគាំទ្រ CSS មិនល្អ? អ្នកនឹងឃើញគំរូនៅទីនេះ៖
ធនធានផ្សេងទៀតសម្រាប់បង្កើតគំរូអ៊ីមែល
- គំរូអ៊ីមែលឆ្លើយតប - ការជ្រើសរើសគំរូ និងម៉ូឌុលសម្រាប់អ៊ីមែលសម្របខ្លួន។
- Cerberus - គំរូសម្រាប់អ៊ីមែលឆ្លើយតប;
- អ៊ីមែលល្អមែនទែន - ការរចនាដ៏ល្អបំផុតសម្រាប់គំរូអ៊ីមែល HTML;
- ធនធានអ៊ីមែលឆ្លើយតប - ជម្រើសនៃឧបករណ៍សម្រាប់បង្កើតគំរូអ៊ីមែលឆ្លើយតប។
ការបកប្រែអត្ថបទ " 30 គំរូអ៊ីមែលឆ្លើយតបឥតគិតថ្លៃ និងព្រឹត្តិបត្រព័ត៌មាន» ត្រូវបានរៀបចំដោយក្រុមគម្រោងមិត្តភាព
ទីផ្សារអ៊ីម៉ែលបន្តទទួលបានសន្ទុះជារៀងរាល់ឆ្នាំ រួមជាមួយនឹងការកើនឡើងនៃចំនួនអ្នកប្រើប្រាស់អ៊ីនធឺណិត។ មូលដ្ឋានទិន្នន័យរបស់ក្រុមហ៊ុនកំពុងកើនឡើង ការផ្ញើសំបុត្រទៅអតិថិជននីមួយៗដោយដៃក្លាយជាការងារខូច។ ទីផ្សារអ៊ីម៉ែលជួយធ្វើឱ្យដំណើរការនៃការផ្ញើអ៊ីមែលកាន់តែងាយស្រួល លឿនជាងមុន និងបង្កើតមូលដ្ឋានសម្រាប់ការច្នៃប្រឌិត។ HTML និងគំរូអ៊ីមែលធម្មតាត្រូវបានប្រើសម្រាប់ការផ្ញើសំបុត្រ។
ប្រសិនបើយើងនិយាយ ជាភាសាសាមញ្ញ, ទីផ្សារអ៊ីម៉ែលគឺជាប្រព័ន្ធគិតយ៉ាងល្អនៃការផ្ញើសំបុត្រទៅ អាសយដ្ឋានអ៊ីមែលដែលមានទីតាំងនៅក្នុងមូលដ្ឋានទិន្នន័យ។
ប្រភេទនៃទីផ្សារនេះគឺផ្អែកលើគំរូនៃអក្សរ និងទំព័រដែលត្រូវបានបង្កើតឡើងជាអក្សរ។
គំរូអ៊ីមែលមាន 2 ប្រភេទ៖
ធម្មតាគ្រាន់តែជាអ៊ីមែលអត្ថបទប្រយោគមួយចំនួនដែលមាន ឬគ្មានឯកសារភ្ជាប់ កម្រមានទម្រង់ច្នៃប្រឌិត។ គំរូអ៊ីមែលទាំងនេះត្រូវបានប្រើប្រាស់ជាទូទៅក្នុងការឆ្លើយឆ្លងអាជីវកម្ម។
ពុម្ពអក្សរ HTML មានពន្លឺ រចនាឡើងដើម្បីទាក់ទាញការចាប់អារម្មណ៍ និងបង្កើតចំណាប់អារម្មណ៍លើទំព័របណ្តាញ ដែលបង្កប់ក្នុងអក្សរ។
តើមានគុណសម្បត្តិ និងគុណវិបត្តិអ្វីខ្លះ?
ចូរចាប់ផ្តើមជាមួយគំរូធម្មតា។
មួយចំនួនធំនៃ "បូក" គឺជាសូចនាករដ៏ល្អ។ ប៉ុន្តែពួកគេទំនងជាមិនអាចលក់សំបុត្របែបនេះបានទេក្នុងអំឡុងពេលទំនាក់ទំនងលើកដំបូងជាមួយអតិថិជន ជាពិសេសសំបុត្រធម្មតា។ មិនដូចអ៊ីមែល HTML ។
វាពិបាកក្នុងការបង្កើតអ៊ីមែល HTML ដោយខ្លួនឯងដោយមិនមានការរៀបចំគ្រប់គ្រាន់ ទោះបីវាជាសារយ៉ាងជាក់លាក់ ស្រស់ស្អាតដូចកាតប៉ុស្តាល់ ដែលទាក់ទាញការចាប់អារម្មណ៍ច្រើនជាង "សខ្មៅ" សាមញ្ញក៏ដោយ។ គំរូសម្រាប់អក្សរ HTML និងអ៊ីមែលអាចត្រូវបានបង្កើតដោយផ្ទាល់នៅលើគេហទំព័រសេវាកម្មផ្ញើសំបុត្រដែលបានរួមបញ្ចូលមុខងារនេះជាយូរមកហើយថាជាកាតព្វកិច្ចសម្រាប់ការរៀបចំសំបុត្រទៅអ្នកប្រើប្រាស់។
សេវាកម្មមូលដ្ឋាន
នៅពេលពិពណ៌នាអំពីគេហទំព័រសំខាន់ៗសម្រាប់ព្រឹត្តិបត្រអ៊ីម៉ែល វាសមហេតុផលក្នុងការប្រៀបធៀបពួកវាតាមលក្ខណៈសំខាន់បំផុត។
ចំនួនគំរូ |
|||||
គុណភាពគំរូ |
ល្អឥតខ្ចោះ |
ល្អឥតខ្ចោះ |
ល្អឥតខ្ចោះ |
ល្អឥតខ្ចោះ |
|
ប្រធានបទដែលមាន |
ថ្ងៃឈប់សម្រាក - អាជីវកម្ម ហាងអនឡាញ - ទេសចរណ៍ - ទូទៅ ។ល។ |
- ថ្ងៃឈប់សម្រាក - ភោជនីយដ្ឋាន - ទេសចរណ៍ - អាជីវកម្ម ហាងអនឡាញ។ល។ |
- ជារឿងធម្មតា ថ្ងៃឈប់សម្រាក - ទេសចរណ៍ - អាជីវកម្ម ហាងអនឡាញ |
-ហាងអនឡាញ - សម្រស់និងសុខភាព - ទេសចរណ៍ - ថ្ងៃឈប់សម្រាក |
ហាងអនឡាញ - ទេសចរណ៍ |
ការសម្របសម្រួលនៃការសរសេរសម្រាប់អេក្រង់ផ្សេងៗ |
|||||
បាទ / ចាស (រហូតដល់ 1,500 សំបុត្រទៅ 100 អាសយដ្ឋាន) |
បាទ / ចាស (រហូតដល់ 15,000 សំបុត្រទៅ 2,000 អាសយដ្ឋាន) |
បាទ / ចាស (រហូតដល់ 6,000 សំបុត្រដល់ 5,000 អាសយដ្ឋាន) |
|||
ការប្រើប្រាស់គំរូដោយឥតគិតថ្លៃ |
|||||
សមត្ថភាពក្នុងការប្រើគំរូដែលបានប្រើពីមុន |
UniSender
សេវាកម្ម Russified ដ៏ពេញនិយមបំផុតមួយសម្រាប់បង្កើតសំបុត្រព័ត៌មានតាមអ៊ីមែល។ មានកម្មវិធីកែសម្រួលចំនួន 3៖ សម្រាប់គំរូប្លុក (ខ្លឹមសារអត្ថបទ និងរូបភាពអាចត្រូវបានផ្លាស់ប្តូរតាមការសំរេចចិត្តរបស់អ្នក) សម្រាប់គំរូមូលដ្ឋាន និង HTML ដែលត្រៀមរួចជាស្រេច សម្រាប់ធ្វើការជាមួយគំរូអ៊ីមែល HTML ផ្ទាល់ខ្លួនរបស់អ្នក។ វាមិនពិបាកក្នុងការយល់អំពីអ្នកកែសម្រួលទេ ប្រព័ន្ធផ្តល់ការណែនាំ ហើយឧបករណ៍ចាំបាច់ទាំងអស់គឺនៅផ្នែកខាងលើនៃទំព័រធ្វើការ។
SendPulse
គេហទំព័រដែលពេញនិយមដូចគ្នា អាចយល់បាន និងងាយស្រួលសម្រាប់បង្កើតពុម្ពអក្សរ HTML និងធ្វើការជាមួយពុម្ពដែលត្រៀមរួចជាស្រេច។ ក្នុងចំណោមអ្នកដែលបានពិនិត្យនោះ មានកញ្ចប់ឥតគិតថ្លៃធំជាងគេ និងគំរូជាច្រើនសម្រាប់បង្កើតព្រឹត្តិបត្រព័ត៌មានជោគជ័យ។
គេហទំព័រអនុញ្ញាតឱ្យអ្នកបង្កើតគំរូផ្ទាល់ខ្លួនរបស់អ្នកនៅក្នុងកម្មវិធីនិពន្ធ HTML សាមញ្ញ អ្នករចនា ឬដោយការទាញយកគំរូផ្ទាល់ខ្លួនរបស់អ្នកពីកុំព្យូទ័ររបស់អ្នក។ អ្នកសាងសង់ងាយស្រួលយល់ អ្នកអាចបង្កើតបាន។ លិខិតដ៏ស្រស់ស្អាត"ពីទទេ" ដោយឯករាជ្យជ្រើសរើសរូបភាព ពុម្ពអក្សរ និងដាក់វាទាំងអស់នៅក្នុងទីតាំងដែលត្រូវការ។
Rumailer
គេហទំព័រតូចមួយទាក់ទងនឹងការរចនាជាមួយនឹងគំរូល្អ និងកញ្ចប់ឥតគិតថ្លៃដែលមានទំហំធំ។ មុខងារសម្រាប់ធ្វើការជាមួយគំរូចំនួនកំណត់គឺមិនធំទូលាយដូចអ្នកប្រើប្រាស់ដែលមានបទពិសោធន៍ចង់បាននោះទេ។ មិនមានកម្មវិធីនិពន្ធប្លុកងាយស្រួលទាល់តែសោះ។
អត្ថប្រយោជន៍នៃសេវាកម្មគឺថាវាមានឱកាសដ៏អស្ចារ្យសម្រាប់ការនាំចេញអតិថិជន។ ពួកវាអាចទាញយកបានដោយសកម្មភាព តាមសន្លឹក ក៏ដូចជាដោយការចូល ឬដែននៅក្នុងអាសយដ្ឋានអ៊ីមែល។
GetResponse
សេវាកម្មនេះមានភាពល្បីល្បាញដោយសារចំនួនពុម្ពដែលមានច្រើនបំផុតក្នុង 24 ប្រភេទ។ ចំណុចប្រទាក់ដ៏រីករាយនៃគេហទំព័រខ្លួនវាត្រូវបានបំពេញបន្ថែមដោយកម្មវិធីនិពន្ធប្លុកដែលងាយស្រួលប្រើសម្រាប់ពុម្ព HTML ដែលត្រៀមរួចជាស្រេច និងផ្ទាល់ខ្លួនសម្រាប់អក្សរទៅកាន់អតិថិជន។
កម្មវិធីនិពន្ធគឺងាយស្រួលប្រើ។ ប្លុកអាចត្រូវបានអូស រៀបចំឡើងវិញ លុប ឬបន្ថែមយ៉ាងងាយស្រួល។ នៅពេលអ្នកចុចលើប្លុក ម៉ឺនុយដំណើរការនឹងលេចឡើងជាមួយនឹងប៊ូតុងសម្រាប់អនុវត្តសកម្មភាពជាមូលដ្ឋានជាមួយនឹងរូបភាព និងខ្លឹមសារអត្ថបទ។
ដើម្បីមើលគំរូ អ្នកត្រូវចាប់ផ្តើមធ្វើការជាមួយបញ្ជីសំបុត្ររួមដោយបញ្ចូលព័ត៌មានរបស់អ្នកផ្ញើ និងប្រធានបទនៃសំបុត្រនោះ ហើយបន្ទាប់មកជ្រើសរើសប៊ូតុង "រារាំងអ្នកបង្កើតអ៊ីមែល" ។ ប្រសិនបើអ្នកប្រើចង់ធ្វើការជាមួយគំរូផ្ទាល់ខ្លួនរបស់គាត់ នោះគាត់ត្រូវជ្រើសរើស "HTML Code Editor"។
Mailerlite
គេហទំព័រចែកចាយអ៊ីមែលដែលអ្នកប្រើប្រាស់ជាច្រើនហៅថាសាមញ្ញបំផុត។ មុខងារនៃការធ្វើការជាមួយគំរូមានកម្រិតណាស់ ប៉ុន្តែសកម្មភាពជាមូលដ្ឋានគឺអាចធ្វើបាន។ សូម្បីតែអ្នកចាប់ផ្តើមដំបូងក៏អាចយល់ពីអ្នកកែសម្រួលបានដែរ ព្រោះ... វាគឺសាមញ្ញ និងច្បាស់លាស់។ ដូចនៅលើវេទិកាផ្សេងទៀតដែរ អ្នកអាចបង្ហោះគំរូ HTML របស់អ្នកសម្រាប់ព្រឹត្តិបត្រអ៊ីម៉ែល កែសម្រួល និងប្រើប្រាស់វា។
តើធ្វើដូចម្តេចដើម្បីជ្រើសរើសពុម្ពអក្សរ HTML ដែលសមរម្យ?
ការជ្រើសរើសសេវាកម្ម និងគំរូសម្រាប់ការចែកចាយអ៊ីម៉ែលគឺជាបញ្ហាដែលទទួលខុសត្រូវដែលត្រូវតែទាក់ទងដោយឈ្លាសវៃ ពីព្រោះ... ភាពជោគជ័យបន្ថែមទៀតរបស់អង្គការពាណិជ្ជកម្ម ឬសហគ្រិនមួយផ្នែកអាស្រ័យលើរឿងនេះ។ នៅពេលជ្រើសរើសសេវាកម្ម អ្នកអាចពឹងផ្អែកលើលក្ខណៈខាងលើ ការពិនិត្យពីមិត្តភ័ក្តិ ឬអ្នកប្រើប្រាស់អ៊ីនធឺណិត ឧទាហរណ៍នៃការងារនៅលើគេហទំព័រ ក៏ដូចជាអារម្មណ៍ផ្ទាល់ខ្លួនរបស់អ្នកអំពីការធ្វើការជាមួយសេវាកម្មជាក់លាក់មួយ។
ចម្លើយបន្ថែមចំពោះសំណួរ "តើអ្នកដឹងពីរបៀបជ្រើសរើសគំរូមួយណា?" ស្ថិតិលើសេវាកម្មពេញនិយមបំផុតអាចបម្រើបាន។ វាអាច ប៉ុន្តែសូមប្រឈមមុខនឹងវា ភាគរយនៃការបើក ការផ្លាស់ប្តូរ ការចុច និងការឈប់ជាវ ជាក់ស្តែងមិនអាស្រ័យលើសេវាកម្មនោះទេ។ រឿងតែមួយគត់ដែលយើងបានកត់សម្គាល់នោះគឺថា ជាឧទាហរណ៍នៅលើ SandPulse (ដែនកំណត់ឥតគិតថ្លៃដ៏ប្រណិត) ភាគរយខ្ពស់បន្តិចនៃអ៊ីមែលបញ្ចប់នៅក្នុងថត "សារឥតបានការ" ជាជាងនៅក្នុងប្រអប់សំបុត្រ។ ហើយគ្មាននរណាម្នាក់អាចគ្រប់គ្រងភាគរយនៃកំហុសដែលបានបោះពុម្ពផ្សាយដោយសេវាកម្មខ្លួនឯងទេ លើកលែងតែជាក់ស្តែងនៅក្នុងករណីដាច់ដោយឡែក។
យើងបានសរសេរលម្អិតអំពីសមត្ថភាពឥតគិតថ្លៃនៃសេវាកម្មផ្ញើសំបុត្រ។
តើធ្វើដូចម្តេចដើម្បីដឹងថាមួយណា គំរូអ៊ីមែលតើវាសមស្របក្នុងករណីជាក់លាក់នីមួយៗទេ? វាអាចធ្វើទៅបានលុះត្រាតែធ្វើការជាមួយគំរូផ្សេងៗ ហើយជ្រើសរើសការរចនា និងខ្លឹមសារដ៏ល្អបំផុត។ ក្រុមហ៊ុនជាច្រើនដំបូងប្រើគំរូដែលត្រៀមរួចជាស្រេច កែប្រែពួកវា ហើយបន្ទាប់មកបង្កើតដោយខ្លួនឯង។ នេះ។ ជម្រើសដ៏ល្អមួយ។ប្រសិនបើជំនាញសរសេរ html នៃអក្សរ និងទំព័រទេ ប៉ុន្តែព្រឹត្តិបត្រព័ត៌មានហាក់ដូចជាឧបករណ៍មានប្រយោជន៍។
សេវាអ៊ីនធឺណិតសម្រាប់អាជីវកម្ម។
ត្រូវការភ្ជាប់ទៅសម្ភារៈ!
ជំរាបសួរអ្នកអានជាទីគោរព - គេហទំព័រ!
ថ្ងៃនេះខ្ញុំនឹងបង្ហាញអ្នកពីវិធីធ្វើនំដ៏ស្រស់ស្អាតសម្រាប់ អ៊ីមែល ព្រឹត្តិបត្រ.
វាមិនមែនជាការសម្ងាត់សម្រាប់នរណាម្នាក់យូរមកហើយដែលថាអាជីវកម្មអ៊ីនធឺណិតទាំងមូលត្រូវបានបង្កើតឡើងនៅលើទីផ្សារអ៊ីម៉ែល។
ជារៀងរាល់ថ្ងៃ ដោយមានជំនួយពីព្រឹត្តិបត្រព័ត៌មាន អ្នកជំនួញ និងអ្នកសរសេរប្លុកទាក់ទងអតិថិជនរបស់ពួកគេ ដោយផ្តល់ជូនពួកគេនូវផលិតផល និងសេវាកម្មផ្សេងៗ។
ប៉ុន្តែដើម្បីឱ្យសំណើបែបនេះត្រូវបានកត់សម្គាល់ហើយមិនត្រូវបានបញ្ជូនទៅថតសារឥតបានការភ្លាមៗទេអ្នកត្រូវទាក់ទាញការយកចិត្តទុកដាក់ចំពោះវា។
ដើម្បីធ្វើបែបនេះ វាជាការសមរម្យក្នុងការបង្កើតពុម្ពអក្សរ HTML ដែលបានរចនាយ៉ាងស្អាត។
ជាពិសេសសម្រាប់អ្នក ខ្ញុំបានជ្រើសរើសគំរូសាកល្បងដែលនឹងក្លាយជាជំនួយការមើលឃើញ។
តើយើងនឹងធ្វើអ្វី និងដោយរបៀបណា?
យើងនឹងបង្កើតគំរូអ៊ីមែល HTML សាមញ្ញបំផុត () ដែលនឹងមានប្រអប់មេ និងជួរឈរបន្ទាប់បន្សំពីរ។
បង្កើតតារាងខ្សែ និងកុងតឺន័រ
ដំបូងយើងត្រូវបង្កើតស៊ុម HTML សម្រាប់អក្សររបស់យើង។ វានឹងមើលទៅដូចនេះ៖
សូមចំណាំថាខ្ញុំបានកំណត់ទទឹងតារាងដល់ 99% ដោយទុកចន្លោះតូចមួយនៅជុំវិញវា។ នេះមិនមែនជាបំណងប្រាថ្នាផ្ទាល់ខ្លួនរបស់ខ្ញុំទេ ប៉ុន្តែជាតម្រូវការរបស់កម្មវិធីអ៊ីមែលបណ្ដាញមួយចំនួនដូចជា Gmail និង Yahoo។ នៅសល់នៃអ៊ីមែលរបស់យើងនឹងស្ថិតនៅក្នុងក្រឡាតារាងតែមួយ ដែលស្ថិតនៅកណ្តាល។
ជំហានបន្ទាប់គឺបង្កើតតារាងរុំនៃខ្លឹមសារពិតនៃសំបុត្រ។ រក្សាទុក ទំហំអតិបរមាការរចនាមិនលើសពី 600 ភីកសែល៖
|
រួមជាមួយនឹងស្រមោលស្រាលៗនៅលើផ្ទៃខាងក្រោយពណ៌ស គំរូអ៊ីមែលរបស់យើងត្រូវបានលាតសន្ធឹងដល់ 640px ប៉ុន្តែវាបាន តំបន់ការងារនៅតែស្មើនឹង 600px ។
ការបង្កើតបឋមកថា
ឥឡូវនេះ តារាងចម្បងត្រូវបានបង្កើត វាដល់ពេលហើយដើម្បីចាប់ផ្តើមបំពេញវាជាមួយនឹងមាតិកាចាំបាច់។ ខ្ញុំនឹងចាប់ផ្តើមពីកំពូលនៃពុម្ពអក្សរ ហើយធ្វើការយឺតៗចុះក្រោម។
បន្ទាត់កំពូល
ចាប់ពីពេលនេះតទៅ ខ្ញុំនឹងដកកូដដែលបានសរសេរពីមុន (ស៊ុមតារាង)។
ដូច្នេះ ជួរទីមួយនៃសៀវភៅបញ្ជីមានផ្ទៃខាងក្រោយពណ៌ខៀវដែលមានពុម្ពអក្សរពណ៌ស និងតំណភ្ជាប់ទៅកាន់កំណែគេហទំព័រនៃអ៊ីមែល។ វាមានសារៈសំខាន់ខ្លាំងណាស់ក្នុងការបំពាក់សំបុត្ររបស់អ្នកជាមួយនឹងតំណភ្ជាប់បែបនេះ ចាប់តាំងពីមិនមែនកម្មវិធីអ៊ីមែលទាំងអស់បង្ហាញមាតិការបស់វាត្រឹមត្រូវស្មើគ្នានោះទេ។
មានបញ្ហាក្នុងការមើលអ៊ីមែលនេះ? ចុចទីនេះដើម្បីមើល។ |
![]() |
ហើយសម្រាប់នាង រូបរាងបំពេញតាមរចនាប័ទ្ម CSS៖
/* ពុម្ពអក្សរ និងអក្សរសរសេរ */ .footer ( font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; padding-right: 20px; )
រូបសញ្ញា និងរូបតំណាងប្រព័ន្ធផ្សព្វផ្សាយសង្គម
ចុះក្រោម យើងឃើញឡូហ្គោ និង ដែលមានទីតាំងនៅកម្រិតដូចគ្នា។
កូដខាងក្រោមទទួលខុសត្រូវចំពោះលទ្ធផលរបស់ពួកគេ៖
![]() |
![]() |
![]() |
![]() |
![]() |
លើសពីនេះទៀត រចនាប័ទ្មខាងក្រោមត្រូវបានបន្ថែមទៅរូបភាពរបស់យើងទាំងអស់នៅក្នុងគំរូអ៊ីមែល HTML៖
/* ផ្ទៃខាងក្រោយ */ .email_background (ទទឹង៖ 640px; ផ្ទៃខាងក្រោយ៖ url("email_images/email_bg.jpg") repeat-y; ) // រូបភាព */ img (បង្ហាញ៖ ប្លុក; ព្រំដែន៖ គ្មាន; )
វិធីនេះ រូបតំណាងសង្គមអង្គុយនៅកន្លែងរបស់ពួកគេនៅក្នុងក្រឡាតារាងដែលដាក់ដោយខ្លួនគេ ហើយមិនមានទំនាក់ទំនងជាមួយផ្នែកផ្សេងទៀតនៃអក្សរនោះទេ។ នេះអនុញ្ញាតឱ្យពួកគេត្រូវបានផ្លាស់ប្តូរនៅពេលដែលតម្រូវការកើតឡើង។
ការបន្ថែមមាតិកា
ដំបូងយើងនឹងចាប់ផ្តើមដោយបន្ថែមរូបភាពទីមួយ ដែលក្នុងការរចនានេះមានទំហំ 560px គុណនឹង 210px។ អ្នកក៏អាចមើលឃើញស្រមោលខូចទ្រង់ទ្រាយគួរឱ្យស្រឡាញ់នៅខាងក្រោមរូបភាពដែលត្រូវបានធ្វើដោយឡែកពីគ្នា ដែលអនុញ្ញាតឱ្យអ្នកផ្លាស់ប្តូររូបភាពបានយ៉ាងរហ័សដោយមិនបាត់បង់ស្រមោល។ ចូរបន្តទៅកូដ៖
![](https://i1.wp.com/email_images/featured_image.jpg)
![](https://i0.wp.com/email_images/featured_shadow.jpg)
នៅទីនេះយើងបានបង្កើតជួរថ្មីដើម្បីបង្ហាញរូបភាពធំ ដោយកំណត់ទទឹងដល់ 560px និងបន្ថែម 20px padding ទាំងសងខាង។ យើងធ្វើសកម្មភាពដូចគ្នាជាមួយស្រមោល។
ការបន្ថែមចំណងជើង និងខ្លឹមសារ
ផ្លាស់ទីខាងក្រោម យើងឃើញចំណងជើងនៃសម្ភារៈសំខាន់ និងខ្លឹមសារខ្លួនឯង។ នេះជាកូដខាងក្រោមគឺទទួលខុសត្រូវក្នុងការបង្ហាញមាតិកា៖
នេះជារឿងពិសេសរបស់អ្នក។
មានមតិមួយថា ប៉ាតាយ៉ា បានក្លាយជារមណីយដ្ឋានដ៏ពេញនិយមមួយ ដោយសារតែអ្នកបើកទូកក្តោងជនជាតិអាមេរិក តែងតែមកវិស្សមកាលនៅទីនេះ អ្នកណាខ្លះនៅទីនេះ និងឥឡូវនេះ។ មួយចំនួនធំនៃហើយពួកគេតែងតែត្រូវបានហ៊ុំព័ទ្ធដោយ taikas ជាច្រើន។ តាមធម្មជាតិ វាមិនសូវមានប្រជាប្រិយភាពក្នុងចំណោមជនរួមជាតិរបស់យើងជាងប្រទេសអេហ្ស៊ីប និងទួរគីយ៉េ។ ប៉ុន្តែការនិយាយដើមអាចត្រូវបានគេឮគ្រប់ទីកន្លែងនៅទីនេះ)) និងនៅក្នុង ផ្សារទំនើបពេលដើរទិញឥវ៉ាន់ និងនៅបារក្នុងស្រុកជាច្រើន))។ ប៉ាតាយ៉ាគឺល្បីល្បាញជាចម្បងសម្រាប់វា។ ជីវិតពេលយប់សមុទ្រ និងវាយនភណ្ឌ។ ជាការពិតណាស់ ក្នុងចំណោមរបស់ផ្សេងទៀត អ្នកអាចរកឃើញរឿងគួរឱ្យចាប់អារម្មណ៍ជាច្រើនទៀតនៅទីនេះ។ នៅទីនេះអ្នកអាចជួលយានជំនិះណាមួយ រួមទាំងរថយន្តជីប និងស្កូតឺរ។ សម្រាប់អ្នកចូលចិត្តម៉ូតូ នេះគឺជាឋានសួគ៌។ ដើម្បីជួលម៉ូតូ អ្នកប្រហែលជាមិនត្រូវការអាជ្ញាបណ្ណទេ ត្រឹមតែ 100-500 បាត (បូកប្រាក់កក់ 2,000 បាត) អ្នកអាចជួលម៉ូតូស្កូតឺបានសមរម្យ ហើយជិះលេងកំសាន្តដោយខ្លួនឯង!
ដើម្បីផ្លាស់ប្តូររូបរាងបឋមកថា និងអត្ថបទនៃពុម្ពអក្សរ គ្រាន់តែប្រើរចនាប័ទ្មខាងក្រោម៖
H1 ( color: #e95f03; font-family: Futura, Verdana, Sans-Serif; padding: 0; margin: 0; font-size: 24px; font-weight: normal; ) .content ( padding: 0; margin: 0 ;) p ( font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;)
មាតិកាបន្ថែម
ឥឡូវនេះ យើងបន្តទៅមាតិកាបន្ថែមនៃគំរូរបស់យើង។ ដូចដែលអ្នកបានកត់សម្គាល់រួចហើយវាត្រូវបានបែងចែកជាពីរជួរ។ ជួរនីមួយៗមានរូបថត ចំណងជើង និងការមើលជាមុនតូចមួយ។ ទាំងអស់នេះត្រូវបានបង្កើតដោយប្រើកូដខាងក្រោម៖
![]() |
![]() |
![]() |
![]() |
នេះគឺជាចំណងជើងបន្ទាប់បន្សំ |
នេះគឺជាចំណងជើងបន្ទាប់បន្សំ |
ទោះបីជាខូចកេរ្តិ៍ឈ្មោះរបស់ប៉ាតាយ៉ាក៏ដោយ នៅទីនេះអ្នកអាចដឹងថាការម៉ាស្សាបែបថៃដ៏ល្បីល្បាញមិនគ្រាន់តែជាកន្លែងបិទបាំងសម្រាប់ផ្ទះបននោះទេ។ នៅប្រទេសថៃ គេពិតជាផ្តល់ការម៉ាស្សាល្អមែនទែន អ្នកឯកទេសល្អបំផុតនៅក្នុងសិល្បៈនេះចៅហ្វាយនាយពិការភ្នែកត្រូវបានគេពិចារណា។ អាថ៌កំបាំងរបស់ពួកគេគឺ ប្រតិកម្មអាល្លែហ្ស៊ីម្រាមដៃ។ |
ផ្លូវធំ និងបេះដូងនៃទីក្រុងប៉ាតាយ៉ា ដែលទុកឱ្យនរណាម្នាក់ព្រងើយកណ្តើយ។ ក្នុងស្រុក Arbat, Times Square និង Sodom និង Gomorrah ក្នុងកែវតែមួយ ផ្លូវ Walking Street គឺជាប្រភពនៃក្តីស្រលាញ់ និងស្អប់សម្រាប់ទាំងពីរ អ្នកស្រុកនិងសម្រាប់អ្នកទស្សនា។ នៅពេលដែលយើងនិយាយថា Pattaya យើងមានន័យថា Walking Street ។ |
នៅទីនេះយើងនៅតែត្រូវបន្ថែមរចនាប័ទ្មបន្ថែម។ នៅទីនេះគាត់៖
H2 (ពណ៌៖ #e95f03; font-family: Futura, Verdana, Sans-Serif; padding: 0; margin: 0; font-size: 18px; font-weight: normal; )
ការបិទគំរូអ៊ីមែល HTML
ដូច្នេះ យើងខិតជិតដល់ទីបញ្ចប់នៃគំរូរបស់យើង។ នៅទីនេះយើងត្រូវបិទបង្អួចមេដោយប្រើរូបភាព និងកូដខាងក្រោម៖
![](https://i2.wp.com/email_images/bottom_fade.jpg)
ទិដ្ឋភាពដ៏សំខាន់បំផុតមួយគឺត្រូវបន្ថែមតំណមិនជាវនៅចុងបញ្ចប់នៃគំរូអ៊ីមែល ដើម្បីឈប់ជាវពីការទទួលអ៊ីមែលបែបនេះ ()។ បាទ បាទ ខ្ញុំដឹង អ្នកមិនចង់បាត់បង់អ្នកជាវទេ។ ប៉ុន្តែអ្នកក៏មិនអាចរំខានពួកគេដែរ។ អ្នកត្រូវតែផ្តល់ឱ្យអតិថិជននូវឱកាសដើម្បីបដិសេធមិនទទួលសំបុត្រដែលអាចធុញទ្រាន់នឹងពួកគេជាយូរមកហើយ។ ជាការប្រសើរណាស់, ក្នុងពេលតែមួយ, រំលឹកអ្នកថានរណាជាអ្នកនិពន្ធ។
នៅទីនេះអ្នកត្រូវការលេខកូដខាងក្រោម៖
អ្នកនិពន្ធប្លក់៖ Ivan.ru
ចង់ឈប់ជាវ? ចុចទីនេះ