របៀបដាក់ឡូហ្គោក្នុង HTML

បច្ចុប្បន្នភាពចុងក្រោយ៖ 30/08/2023
អ្នកនិពន្ធ: Sebastian Vidal

HTML គឺ​ជា​ភាសា​សរសេរ​កម្មវិធី​ដែល​គេ​ប្រើ​ច្រើន​បំផុត​ក្នុង​ការ​បង្កើត​គេហទំព័រ ហើយ​ផ្តល់​នូវ​លទ្ធភាព​ជាច្រើន​ដើម្បី​ប្ដូរ​តាម​បំណង និង​កែលម្អ​រូបរាង។ នៃគេហទំព័រ. ក្នុង​ចំណោម​ជម្រើស​ទាំង​នេះ​គឺ​ជា​សមត្ថភាព​បន្ថែម​ឡូហ្គោ​ទៅ​ក្នុង​ការ​រចនា​គេហទំព័រ​ដោយ​ប្រើ HTML។ នៅក្នុងអត្ថបទនេះ យើងនឹងស្វែងយល់លម្អិតអំពីរបៀបដាក់ឡូហ្គោក្នុង HTML, ជំហានម្តងមួយជំហានដោយផ្តល់នូវឧទាហរណ៍ច្បាស់លាស់ និងការពន្យល់បច្ចេកទេស ដូច្នេះអ្នកអាចអនុវត្តមុខងារនេះបាន នៅក្នុងគម្រោងរបស់អ្នក។ គេហទំព័រប្រកបដោយប្រសិទ្ធភាព។

1. ការណែនាំអំពីការបញ្ចូលឡូហ្គោក្នុង HTML

HTML ដែលត្រូវបានគេស្គាល់ផងដែរថាជា HyperText Markup Language គឺជាភាសាស្តង់ដារដែលប្រើសម្រាប់បង្កើត និងរៀបចំរចនាសម្ព័ន្ធមាតិកា។ នៅលើគេហទំព័រ។. នៅក្នុងការបង្ហោះនេះ យើងនឹងបង្ហាញអ្នកជាជំហានៗពីរបៀបបញ្ចូលឡូហ្គោក្នុង HTML និងប្ដូររូបរាងរបស់វាតាមបំណងដើម្បីឱ្យវាសមឥតខ្ចោះនៅលើគេហទំព័ររបស់អ្នក។

ដើម្បីចាប់ផ្តើម អ្នកនឹងត្រូវមានរូបសញ្ញារបស់អ្នកជាទម្រង់រូបភាព។ ទម្រង់ទូទៅបំផុតគឺ JPEG, PNG និង SVG ។ ពេលអ្នកមានរូបភាពឡូហ្គោរបស់អ្នក អ្នកអាចប្រើស្លាកបាន។ ដើម្បីបញ្ចូលវាទៅក្នុងទំព័រ HTML របស់អ្នក។ ត្រូវប្រាកដថារូបភាពត្រូវបានរក្សាទុកក្នុងថតដូចគ្នានឹងឯកសារ HTML របស់អ្នក ឬបញ្ជាក់ផ្លូវរូបភាពត្រឹមត្រូវនៅក្នុងគុណលក្ខណៈ "src" នៃស្លាក .

បន្ថែមពីលើការបញ្ចូលរូបសញ្ញា អ្នកប្រហែលជាចង់ប្ដូររូបរាងរបស់វាតាមបំណង ដូចជាទំហំ ការតម្រឹម និងរឹមរបស់វា។ អ្នកអាចធ្វើវាដោយប្រើគុណលក្ខណៈ HTML និង CSS ។ ឧទាហរណ៍ ដើម្បីកែតម្រូវទំហំនិមិត្តសញ្ញា អ្នកអាចបន្ថែមគុណលក្ខណៈ "ទទឹង" និង "កម្ពស់" ទៅស្លាក។ បញ្ជាក់តម្លៃដែលចង់បានជាភីកសែល ឬភាគរយ។ លើសពីនេះទៀត អ្នកអាចប្រើគុណលក្ខណៈ "តម្រឹម" ដើម្បីតម្រឹមរូបសញ្ញាទៅខាងឆ្វេង ស្តាំ ឬកណ្តាលទំព័រ។ ប្រសិនបើអ្នកចង់បន្ថែមរឹមជុំវិញឡូហ្គោ អ្នកអាចប្រើគុណលក្ខណៈ "រឹម" ក្នុង CSS ដើម្បីបញ្ជាក់តម្លៃដែលចង់បាន។

2. ទម្រង់រូបភាពដែលត្រូវគ្នាសម្រាប់និមិត្តសញ្ញា HTML

មានច្រើន ទ្រង់ទ្រាយរូបភាព ឆបគ្នាជាមួយ HTML ដែលអាចត្រូវបានប្រើសម្រាប់និមិត្តសញ្ញានៅលើគេហទំព័រ។ នៅពេលជ្រើសរើសទម្រង់ វាមានសារៈសំខាន់ណាស់ក្នុងការពិចារណាលើគុណភាពរូបភាព ទំហំឯកសារ និងភាពឆបគ្នាជាមួយកម្មវិធីរុករកតាមអ៊ីនធឺណិតផ្សេងៗ។

ទម្រង់មួយក្នុងចំណោមទម្រង់ទូទៅបំផុតសម្រាប់និមិត្តសញ្ញា HTML គឺ ទ្រង់ទ្រាយ PNG (ក្រាហ្វិកបណ្តាញចល័ត) ។ ទម្រង់នេះត្រូវបានគេប្រើប្រាស់យ៉ាងទូលំទូលាយដោយសារតែសមត្ថភាពរបស់វាក្នុងការបង្ហាញរូបភាពប្រកបដោយតម្លាភាព និងគុណភាពនៃការបង្ហាប់ដែលគ្មានការបាត់បង់ដ៏ល្អរបស់វា។ និមិត្តសញ្ញាក្រុមហ៊ុនរបស់ខ្ញុំ

ទម្រង់ដ៏ពេញនិយមមួយទៀតគឺទម្រង់ SVG (ក្រាហ្វិកវ៉ិចទ័រដែលអាចធ្វើមាត្រដ្ឋានបាន)។ ជម្រើសនេះគឺល្អសម្រាប់រូបសញ្ញាដែលមានធាតុក្រាហ្វិកស្មុគស្មាញ ឬអត្ថបទ ដោយសាររូបភាព SVG គឺជាវ៉ិចទ័រ ហើយអាចធ្វើមាត្រដ្ឋានដោយមិនបាត់បង់គុណភាព។ លើសពីនេះ ទំហំឯកសារមានទំហំតូច ហើយឡូហ្គោនឹងមើលទៅល្អនៅលើទំហំអេក្រង់ផ្សេងៗគ្នា។ និមិត្តសញ្ញាក្រុមហ៊ុនរបស់ខ្ញុំជាទម្រង់ SVG

ជាចុងក្រោយ ទម្រង់ JPEG (ក្រុមអ្នកជំនាញការថតរូបរួមគ្នា) ក៏អាចជាជម្រើសសម្រាប់និមិត្តសញ្ញា HTML ផងដែរ។ ទម្រង់នេះគឺល្អសម្រាប់ឡូហ្គោដែលមានរូបថត ឬរូបភាពដែលមានពណ៌ជម្រាល។ ទោះយ៉ាងណាក៏ដោយ JPEG ប្រើការបង្ហាប់ដែលបាត់បង់ ដែលអាចប៉ះពាល់ដល់គុណភាពរូបភាព ប្រសិនបើការបង្ហាប់ខ្ពស់ត្រូវបានប្រើ។ និមិត្តសញ្ញាក្រុមហ៊ុនរបស់ខ្ញុំជាទម្រង់ JPEG

វាជាការសំខាន់ក្នុងការចងចាំថានៅពេលជ្រើសរើសទម្រង់រូបភាពសម្រាប់និមិត្តសញ្ញា HTML របស់អ្នក ភាពឆបគ្នាជាមួយកម្មវិធីរុករក និងឧបករណ៍ផ្សេងៗត្រូវតែត្រូវបានពិចារណា។ លើសពីនេះទៀត វាត្រូវបានណែនាំឱ្យប្រើឧបករណ៍បង្កើនប្រសិទ្ធភាពរូបភាព ដើម្បីកាត់បន្ថយទំហំឯកសារដោយមិនប៉ះពាល់ដល់គុណភាពដែលមើលឃើញ។

3. ការបង្កើត និងរចនារូបសញ្ញាក្នុងឧបករណ៍ក្រាហ្វិក

នៅក្នុងផ្នែកនេះ យើងនឹងបង្រៀនអ្នកពីរបៀបបង្កើត និងរចនាឡូហ្គោដោយប្រើឧបករណ៍ក្រាហ្វិក។ អនុវត្តតាមជំហានទាំងនេះដើម្បីទទួលបានលទ្ធផលប្រកបដោយវិជ្ជាជីវៈ និងទាក់ទាញ៖

1. ជ្រើសរើសឧបករណ៍ត្រឹមត្រូវ៖ មានជម្រើសជាច្រើនដែលអាចប្រើបានដូចជា Adobe Illustrator, Photoshop, Canva ឬ CorelDRAW ។ ស្រាវជ្រាវមួយណាដែលសាកសមបំផុតនឹងតម្រូវការ និងសមត្ថភាពរបស់អ្នក។

2. កំណត់គំនិត និងរចនាប័ទ្ម៖ មុនពេលចាប់ផ្តើមការរចនា សូមគិតអំពីរូបភាពដែលអ្នកចង់បង្ហាញជាមួយនឹងនិមិត្តសញ្ញារបស់អ្នក។ តើ​អ្នក​ចង់​ឱ្យ​វា​ទំនើប ឆើតឆាយ សប្បាយ ឬ​ធ្ងន់ធ្ងរ​ទេ? កំណត់ពណ៌ដែលអ្នកនឹងប្រើផងដែរ។

3. ធ្វើគំនូរព្រាង និងការធ្វើតេស្ត៖ មុនពេលបន្តទៅឧបករណ៍ក្រាហ្វិក វាមានប្រយោជន៍ក្នុងការធ្វើគំនូរព្រាង និងការធ្វើតេស្តនៅលើក្រដាស។ ពិសោធន៍ជាមួយរូបរាង និងប្លង់ផ្សេងៗនៃការរចនា រហូតដល់អ្នករកឃើញលទ្ធផលដែលចង់បាន។

4. ការរក្សាទុកនិមិត្តសញ្ញាក្នុងទម្រង់ដែលសមរម្យសម្រាប់គេហទំព័រ

នៅចំណុចនេះ វាមានសារៈសំខាន់ណាស់ក្នុងការធ្វើឱ្យប្រាកដថាអ្នករក្សាទុករូបសញ្ញាក្នុងទម្រង់ដែលសមរម្យសម្រាប់ការប្រើប្រាស់នៅលើគេហទំព័រ។ វានឹងធានាថារូបភាពផ្ទុកបានត្រឹមត្រូវ និងមានគុណភាពមើលឃើញល្អ។ ឧបករណ៍ផ្សេងគ្នា និងកម្មវិធីរុករក។ ខាងក្រោម​នេះ​ជា​ជំហាន​ចាំបាច់​ដើម្បី​អនុវត្ត​ការងារ​នេះ៖

1. ជ្រើសរើសទម្រង់ត្រឹមត្រូវ។៖ ដើម្បី​ប្រាកដ​ថា​ឡូហ្គោ​ត្រូវ​បាន​បង្ហាញ​យ៉ាង​ត្រឹម​ត្រូវ​នៅ​លើ​បណ្ដាញ​ គួរ​ប្រើ​ទម្រង់​រូបភាព​ដូចជា JPEG, PNG ឬ SVG។ ទម្រង់ទាំងនេះត្រូវបានគាំទ្រយ៉ាងទូលំទូលាយ និងផ្តល់នូវគុណភាពរូបភាពល្អ។ ទោះជាយ៉ាងណាក៏ដោយ វាជារឿងសំខាន់ក្នុងការពិចារណាថាទម្រង់នីមួយៗមានលក្ខណៈជាក់លាក់ និងការប្រើប្រាស់របស់វា។ ឧទាហរណ៍ JPEG គឺល្អសម្រាប់រូបថតដែលមានសម្លេងជាច្រើន PNG គឺល្អឥតខ្ចោះសម្រាប់រូបភាពដែលមានតម្លាភាព ហើយ SVG គឺសមរម្យសម្រាប់រូបសញ្ញាដែលមានធាតុវ៉ិចទ័រ។

2. បង្កើនប្រសិទ្ធភាពទំហំ៖ នៅពេល​យើង​ជ្រើសរើស​ទម្រង់​ត្រឹមត្រូវ វា​សំខាន់​ក្នុង​ការ​បង្កើន​ទំហំ​ឯកសារ ដើម្បី​ឱ្យ​ឡូហ្គោ​ផ្ទុក​បាន​យ៉ាង​លឿន​នៅលើ​បណ្តាញ។ មានឧបករណ៍ជាច្រើនដែលមាននៅលើអ៊ីនធឺណិត ដូចជាម៉ាស៊ីនបង្ហាប់រូបភាព ដែលនឹងជួយអ្នកកាត់បន្ថយទំហំឯកសារដោយមិនធ្វើឱ្យខូចគុណភាពរូបភាពច្រើនពេក។ សូមចងចាំថានិមិត្តសញ្ញាធ្ងន់អាចប៉ះពាល់អវិជ្ជមានដល់បទពិសោធន៍អ្នកប្រើប្រាស់ និងដំណើរការគេហទំព័រ។

3. ពិនិត្យមើលដំណោះស្រាយ៖ ជាចុងក្រោយ វាចាំបាច់ណាស់ក្នុងការធានាថាដំណោះស្រាយនៃនិមិត្តសញ្ញាគឺសមរម្យសម្រាប់គេហទំព័រ។ គុណភាពបង្ហាញសំដៅលើចំនួនភីកសែលដែលបង្កើតរូបភាព ហើយប៉ះពាល់ដោយផ្ទាល់ទៅលើភាពច្បាស់ និងគុណភាពរូបភាពរបស់វា។ សម្រាប់គេហទំព័រ វាត្រូវបានណែនាំឱ្យប្រើគុណភាពបង្ហាញ 72 dpi (ភីកសែលក្នុងមួយអ៊ីញ)។ នេះនឹងធានាថាឡូហ្គោបង្ហាញក្នុងគុណភាពល្អនៅលើអេក្រង់ដែលមានទំហំ និងគុណភាពបង្ហាញផ្សេងៗគ្នា។

មាតិកាផ្តាច់មុខ - ចុចទីនេះ  របៀបបិទ Wifi របស់ខ្ញុំនៅលើទូរស័ព្ទដៃ

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

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

1. ជាដំបូង យើងនឹងត្រូវការបើកឯកសារ HTML របស់យើងនៅក្នុងកម្មវិធីនិពន្ធអត្ថបទ ឬបរិស្ថានអភិវឌ្ឍន៍រួមបញ្ចូលគ្នា។ ក្នុងឧទាហរណ៍នេះយើងនឹងប្រើ កូដស្ទូឌីយោដែលមើលឃើញ. នៅក្នុងឯកសារ HTML យើងនឹងស្វែងរកកន្លែងដែលយើងចង់ដាក់ឡូហ្គោរបស់យើង។ វាអាចនៅក្នុងរបាររុករក នៅក្នុងបឋមកថា ឬនៅក្នុងផ្នែកផ្សេងទៀតនៃទំព័រ។

2. នៅពេលដែលយើងកំណត់ទីតាំងសម្រាប់ឡូហ្គោ យើងនឹងបង្កើតស្លាករូបភាពមួយនៅក្នុងធាតុ HTML ដែលត្រូវគ្នា។ យើងនឹងប្រើស្លាក "img" ហើយកំណត់គុណលក្ខណៈ "src" ដើម្បីបញ្ជាក់ផ្លូវនៃរូបភាពដែលយើងចង់ប្រើជានិមិត្តសញ្ញា។ ឧទាហរណ៍៖ «`«`។ ត្រូវប្រាកដថាជំនួស “logo-path.jpg” ជាមួយនឹងទីតាំង និងឈ្មោះនៃរូបភាពនិមិត្តសញ្ញាផ្ទាល់ខ្លួនរបស់អ្នក។

3. បន្ថែមពីលើគុណលក្ខណៈ "src" វាក៏គួរប្រើគុណលក្ខណៈ "alt" និង "title" ផងដែរ។ គុណលក្ខណៈ "alt" ផ្តល់នូវអត្ថបទជំនួសសម្រាប់រូបភាព ដែលនឹងត្រូវបានបង្ហាញ ប្រសិនបើរូបភាពបរាជ័យក្នុងការផ្ទុក ឬប្រសិនបើអ្នកប្រើប្រើកម្មវិធីអានអេក្រង់។ គុណលក្ខណៈចំណងជើងផ្តល់នូវអត្ថបទពិពណ៌នាដែលនឹងត្រូវបានបង្ហាញនៅពេលដែលអ្នកប្រើដាក់លើរូបភាព។ ឧទាហរណ៍៖ «`និមិត្តសញ្ញានៃគេហទំព័ររបស់ខ្ញុំ«`។ ត្រូវប្រាកដថាប្តូរលក្ខណៈទាំងនេះតាមបំណងជាមួយនឹងព័ត៌មានសមរម្យសម្រាប់និមិត្តសញ្ញាផ្ទាល់ខ្លួនរបស់អ្នក។

ដោយធ្វើតាមជំហានទាំងនេះ អ្នកនឹងអាចកំណត់រចនាសម្ព័ន្ធ HTML យ៉ាងត្រឹមត្រូវ ដើម្បីធ្វើជាម្ចាស់ផ្ទះនិមិត្តសញ្ញានៅលើគេហទំព័ររបស់អ្នក។ សូមចងចាំថា អ្នកក៏អាចបន្ថែមរចនាប័ទ្ម CSS ដើម្បីគ្រប់គ្រងទំហំ ទីតាំង និងរូបរាងនៃនិមិត្តសញ្ញានៅលើទំព័រ។ កុំស្ទាក់ស្ទើរក្នុងការពិសោធន៍ និងប្ដូររូបសញ្ញារបស់អ្នកតាមតម្រូវការ និងចំណូលចិត្តរបស់អ្នក!

6. ការបញ្ចូលឡូហ្គោដោយប្រើស្លាក 'img' ក្នុង HTML

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

ជំហានដំបូងគឺត្រូវប្រាកដថាអ្នកមានឯកសាររូបភាពនិមិត្តសញ្ញារបស់អ្នកក្នុងទម្រង់ដែលត្រូវគ្នានឹង HTML ដូចជា .jpg, .png ឬ .gif ។ នៅពេលដែលអ្នកមានឯកសារក្នុងទម្រង់ត្រឹមត្រូវ វាត្រូវបានណែនាំឱ្យរក្សាទុករូបភាពនៅក្នុងថតជាក់លាក់មួយនៅក្នុងថតគម្រោងបណ្តាញ ដើម្បីជួយសម្រួលដល់ទីតាំងរបស់វា។

បន្ទាប់មក ស្លាក 'img' ត្រូវបានបញ្ចូលទៅក្នុងកូដ HTML ។ ស្លាកនេះត្រូវបានប្រើដើម្បីបញ្ជាក់ផ្លូវរូបភាព និងកំណត់ទំហំរបស់វា។ ដើម្បីបញ្ចូលឡូហ្គោ ខាងក្រោមត្រូវតែបន្ថែមទៅកូដ HTML៖ និមិត្តសញ្ញាក្រុមហ៊ុន. ក្នុងឧទាហរណ៍នេះ “logo_path.jpg” ទាក់ទងទៅនឹងទីតាំងនៃឯកសាររូបភាពឡូហ្គោ ខណៈ “និមិត្តសញ្ញាក្រុមហ៊ុន” គឺជាអត្ថបទជំនួសដែលនឹងត្រូវបានបង្ហាញក្នុងករណីដែលរូបភាពមិនអាចផ្ទុកបាន។ ទទឹង និង​កម្ពស់​របស់​រូបភាព​អាច​ត្រូវ​បាន​កែ​តម្រូវ​តាម​តម្រូវ​ការ​នៃ​ការ​រចនា។

7. ការលៃតម្រូវទំហំនិងទីតាំងនៃនិមិត្តសញ្ញានៅលើទំព័របណ្តាញ

ដើម្បីកែតម្រូវទំហំ និងទីតាំងនៃនិមិត្តសញ្ញានៅលើគេហទំព័ររបស់អ្នក វាជារឿងសំខាន់ក្នុងការធ្វើតាមជំហានសំខាន់ៗមួយចំនួន។ ជាដំបូង ត្រូវប្រាកដថាអ្នកមានសិទ្ធិចូលប្រើឯកសារឡូហ្គោក្នុងទម្រង់សមស្រប និយមក្នុងទម្រង់វ៉ិចទ័រ ដើម្បីធានាបាននូវគុណភាពរូបភាពល្អបំផុត។ ប្រសិនបើអ្នកមិនមានឯកសារក្នុងទម្រង់សមរម្យ អ្នកអាចពិចារណាប្រើឧបករណ៍បំប្លែងតាមអ៊ីនធឺណិត។

នៅពេលដែលអ្នកមានឯកសារឡូហ្គោរួចរាល់ អ្នកអាចចាប់ផ្តើមកែតម្រូវទំហំរបស់វា។ សម្រាប់ការនេះ អ្នកអាចប្រើកម្មវិធីកែរូបភាពដូចជា កម្មវិធី Adobe Photoshop ឬ GIMP ។ បើកឯកសារឡូហ្គោនៅក្នុងកម្មវិធីនិពន្ធ ហើយរកមើលជម្រើសដើម្បីផ្លាស់ប្តូរទំហំរូបភាព។ នៅទីនេះវាមានសារៈសំខាន់ណាស់ក្នុងការថែរក្សាសមាមាត្រដើមនៃនិមិត្តសញ្ញាដើម្បីជៀសវាងការបង្ខូចទ្រង់ទ្រាយ។ ចងចាំដើម្បីធ្វើឱ្យ a ការបម្រុងទុក នៃឯកសារដើមមុនពេលធ្វើការផ្លាស់ប្តូរណាមួយ។. បន្ទាប់ពីកែតម្រូវទំហំ សូមរក្សាទុកឯកសារដោយប្រើឈ្មោះថ្មីដែលឆ្លុះបញ្ចាំងពីកំណែដែលបានកែប្រែ។

ឥឡូវ​នេះ​អ្នក​មាន​ឡូហ្គោ​នៅ​ទំហំ​ត្រឹមត្រូវ វា​ជា​ពេល​វេលា​ដើម្បី​កែ​តម្រូវ​ទីតាំង​របស់​វា​នៅ​លើ​គេហទំព័រ។ ដើម្បីធ្វើដូចនេះអ្នកនឹងត្រូវកែសម្រួលកូដ HTML នៃទំព័ររបស់អ្នក។ កំណត់ទីតាំងដែលអ្នកចង់ឱ្យនិមិត្តសញ្ញាបង្ហាញ ហើយរកមើលស្លាកដែលត្រូវគ្នា។ នេះអាចជាធាតុ` ឬ`

` មានរូបភាព។ ត្រូវប្រាកដថាកំណត់ធាតុនេះជាថ្នាក់ ឬលេខសម្គាល់តែមួយគត់ ដែលអនុញ្ញាតឱ្យអ្នកជ្រើសរើសវាជាមួយ CSS ។

បន្ទាប់មកប្រើ CSS ដើម្បីកែតម្រូវទីតាំងពិតប្រាកដនៃឡូហ្គោ។ អ្នកអាចប្រើលក្ខណៈសម្បត្តិ `ទីតាំង`, `កំពូល`, `បាត`, `ឆ្វេង` និង `ស្តាំ` ដើម្បីសម្រេចបាន។ ឧទាហរណ៍ ប្រសិនបើអ្នកចង់ឱ្យនិមិត្តសញ្ញាស្ថិតនៅកណ្តាលផ្ដេកនៅផ្នែកខាងលើនៃទំព័រ អ្នកអាចប្រើកូដ CSS ខាងក្រោម៖

«` ស៊ីអេស
.logo {
ទីតាំង: ដាច់ខាត;
ខាងលើ៖ ០;
នៅសល់: 50%;
បំលែង៖ បកប្រែX(-៥០%);
}
« `

សូមចងចាំថា លក្ខណៈសម្បត្តិទាំងនេះនឹងដំណើរការបានលុះត្រាតែធាតុមានទីតាំងក្រៅពី 'ឋិតិវន្ត'. ពិសោធន៍ជាមួយតម្លៃផ្សេងគ្នារហូតដល់អ្នកទទួលបានទីតាំងដែលចង់បាន។ នៅពេលដែលអ្នកបានធ្វើការកែតម្រូវចាំបាច់ រក្សាទុកការផ្លាស់ប្តូរទៅឯកសារ HTML របស់អ្នក ហើយមើលទំព័រនៅក្នុងកម្មវិធីរុករករបស់អ្នកដើម្បីផ្ទៀងផ្ទាត់ថាឡូហ្គោត្រូវបានដាក់ត្រឹមត្រូវ។

8. ប្ដូររូបសញ្ញាតាមបំណងជាមួយនឹងគុណលក្ខណៈបន្ថែមនៅក្នុង HTML

នៅក្នុង HTML គុណលក្ខណៈបន្ថែមផ្តល់នូវសមត្ថភាពក្នុងការកែប្រែរូបសញ្ញាគេហទំព័ររបស់អ្នក។ អ្នក​អាច​ប្រើ​លក្ខណៈ​ទាំងនេះ​ដើម្បី​ផ្លាស់ប្ដូរ​ទំហំ ពណ៌ និង​ទីតាំង​នៃ​ឡូហ្គោ ឬ​ថែមទាំង​បន្ថែម​បែបផែន​ពិសេស។ នៅទីនេះយើងនឹងបង្ហាញអ្នកពីរបៀបធ្វើវាមួយជំហានម្តង ៗ ។

មាតិកាផ្តាច់មុខ - ចុចទីនេះ  អ្វីដែលត្រូវទិញដើម្បីបង្កើនដំណើរការនៃកុំព្យូទ័ររបស់ខ្ញុំ

1. ផ្លាស់ប្តូរទំហំឡូហ្គោ៖ ដើម្បីផ្លាស់ប្តូរទំហំឡូហ្គោ សូមប្រើគុណលក្ខណៈ "ទទឹង" និង "កម្ពស់" នៅក្នុងស្លាករូបភាព។ ឧទាហរណ៍ ប្រសិនបើអ្នកចង់ឱ្យនិមិត្តសញ្ញាមានទទឹង 200 ភីកសែល និងកម្ពស់ 100 ភីកសែល អ្នកអាចបន្ថែមកូដខាងក្រោម៖ និមិត្តសញ្ញានៃទំព័ររបស់ខ្ញុំ.

2. ផ្លាស់ប្តូរពណ៌នៃឡូហ្គោ៖ អ្នកអាចប្រើគុណលក្ខណៈ "រចនាប័ទ្ម" ដើម្បីផ្លាស់ប្តូរពណ៌នៃឡូហ្គោ។ ឧទាហរណ៍ ប្រសិនបើអ្នកចង់ឱ្យឡូហ្គោក្រហម អ្នកអាចបន្ថែមកូដខាងក្រោម៖ និមិត្តសញ្ញានៃទំព័ររបស់ខ្ញុំ. អ្នកក៏អាចប្រើកូដពណ៌លេខគោលដប់ប្រាំមួយ ឬឈ្មោះពណ៌ដែលបានកំណត់ជាមុនផងដែរ។

3. បន្ថែមបែបផែនពិសេសទៅឡូហ្គោ៖ ប្រសិនបើអ្នកចង់បន្ថែមបែបផែនពិសេសទៅឡូហ្គោ ដូចជាស្រមោល ឬគែមមូល អ្នកអាចប្រើគុណលក្ខណៈ "រចនាប័ទ្ម" រួមគ្នាជាមួយ CSS ។ ឧទាហរណ៍ ប្រសិនបើអ្នកចង់បន្ថែមស្រមោលទៅឡូហ្គោ អ្នកអាចបន្ថែមកូដខាងក្រោម៖ និមិត្តសញ្ញានៃទំព័ររបស់ខ្ញុំ. សូមចងចាំថាអ្នកអាចបញ្ចូលគ្នានូវគុណលក្ខណៈ និងរចនាប័ទ្មជាច្រើនដើម្បីទទួលបានប្រសិទ្ធិភាពដែលចង់បាន។

សូមចងចាំថាទាំងនេះគ្រាន់តែជាឧទាហរណ៍ប៉ុណ្ណោះ ហើយអ្នកអាចប្ដូររូបសញ្ញាតាមតម្រូវការ និងចំណូលចិត្តរបស់អ្នក។ រុករកការបន្សំផ្សេងគ្នានៃគុណលក្ខណៈ និងរចនាប័ទ្ម ដើម្បីសម្រេចបានលទ្ធផលដែលចង់បាន។ សូមរីករាយក្នុងការប្ដូរឡូហ្គោគេហទំព័ររបស់អ្នកតាមបំណង!

9. ការបង្កើនប្រសិទ្ធភាពនិមិត្តសញ្ញាសម្រាប់ការផ្ទុកគេហទំព័រប្រកបដោយប្រសិទ្ធភាព

ការធ្វើឱ្យឡូហ្គោរបស់អ្នកប្រសើរឡើងសម្រាប់ការផ្ទុកគេហទំព័រប្រកបដោយប្រសិទ្ធភាពគឺមានសារៈសំខាន់ក្នុងការកែលម្អបទពិសោធន៍អ្នកប្រើប្រាស់ និងការបង្កើនល្បឿនគេហទំព័រ។ នៅទីនេះយើងបង្ហាញអនុសាសន៍ជាក់ស្តែងមួយចំនួនដើម្បីសម្រេចបាននូវចំណុចនេះ៖

1. ទំហំ និងទម្រង់ត្រឹមត្រូវ៖ វាមានសារៈសំខាន់ណាស់ក្នុងការធានាថាឡូហ្គោមានទំហំ និងទ្រង់ទ្រាយដែលធ្វើអោយគេហទំព័រមានភាពប្រសើរឡើង។ ការប្រើប្រាស់ទម្រង់រូបភាពដូចជា JPEG ឬ PNG អាចជួយកាត់បន្ថយទំហំឯកសារ និងធ្វើឲ្យការផ្ទុកគេហទំព័រប្រសើរឡើង។ នៅពេលជ្រើសរើសទំហំ សូមពិចារណាទំហំដែលមាននៅលើទំព័រ ហើយជៀសវាងការធ្វើឱ្យឡូហ្គោមើលទៅមានលក្ខណៈភីកសែល ឬបង្ខូចទ្រង់ទ្រាយ។

2. បង្រួមរូបសញ្ញា៖ ការប្រើឧបករណ៍បង្ហាប់រូបភាពគឺជាវិធីដ៏ល្អមួយដើម្បីកាត់បន្ថយទម្ងន់នៃឯកសារឡូហ្គោដោយមិនធ្វើឱ្យខូចគុណភាពរបស់វា។ មានឧបករណ៍អនឡាញជាច្រើនដែលអាចប្រើបាន ដែលអនុញ្ញាតឱ្យអ្នកផ្ទុករូបសញ្ញារបស់អ្នក និងបង្កើនប្រសិទ្ធភាពវាដោយស្វ័យប្រវត្តិ។ កុំភ្លេចពិនិត្យមើលគុណភាពលទ្ធផល ដើម្បីធានាថាឡូហ្គោនៅតែមុតស្រួច និងអាចអានបាន

3. បង្កើនប្រសិទ្ធភាពសម្រាប់ឧបករណ៍ចល័ត៖ នៅពេលដែលអ្នកប្រើប្រាស់កាន់តែច្រើនចូលប្រើប្រាស់គេហទំព័រពីឧបករណ៍ចល័តរបស់ពួកគេ វាមានសារៈសំខាន់ណាស់ក្នុងការបង្កើនប្រសិទ្ធភាពនិមិត្តសញ្ញាសម្រាប់ការផ្ទុកប្រកបដោយប្រសិទ្ធភាពនៅលើវេទិកាទាំងនេះ។ សូមប្រាកដថាទំហំឡូហ្គោសមត្រឹមត្រូវនៅលើអេក្រង់តូច ហើយឯកសារត្រូវបានសម្រួលសម្រាប់ការផ្ទុកលឿននៅលើការភ្ជាប់ទូរសព្ទយឺត។ និមិត្តសញ្ញាធ្ងន់អាចបន្ថយល្បឿននៃការផ្ទុកទំព័រ ដែលអាចនាំឱ្យមានអត្រាលោតខ្ពស់។

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

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

1. ជាដំបូង សូមប្រាកដថាឡូហ្គោគេហទំព័ររបស់អ្នកត្រូវបានរុំដោយស្លាកតំណមួយ ("`«` ក្នុង HTML)។ វា​នឹង​អនុញ្ញាត​ឱ្យ​អ្នក​ប្រើ​ចុច​លើ​ឡូហ្គោ ហើយ​ត្រូវ​បាន​បញ្ជូន​បន្ត​ទៅ​ទំព័រ​ផ្សេង។

«`html

និមិត្តសញ្ញានៃគេហទំព័ររបស់អ្នក។

« `

2. ត្រូវប្រាកដថាជំនួស «`your-homepage-url«` ជាមួយនឹង URL នៃគេហទំព័ររបស់អ្នក និង «`path-of-your-logo-image.png«` ជាមួយនឹងផ្លូវត្រឹមត្រូវនៃរូបភាពនៃនិមិត្តសញ្ញារបស់អ្នក។ អ្នកក៏អាចកែតម្រូវគុណលក្ខណៈ "`alt"` ដើម្បីផ្តល់ការពណ៌នាជំនួសសម្រាប់និមិត្តសញ្ញារបស់អ្នក។

3. នៅពេលដែលអ្នកបានធ្វើការផ្លាស់ប្តូរទាំងនេះ សូមរក្សាទុកឯកសារ ហើយបើកគេហទំព័ររបស់អ្នកនៅក្នុងកម្មវិធីរុករក។ ឥឡូវនេះ នៅពេលដែលអ្នកប្រើប្រាស់ចុចលើរូបសញ្ញា ពួកគេនឹងត្រូវបានបញ្ជូនបន្តទៅកាន់ទំព័រដើមរបស់គេហទំព័រ។

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

11. ពិនិត្យមើលភាពឆបគ្នានៃនិមិត្តសញ្ញានៅក្នុងកម្មវិធីរុករកផ្សេងៗ

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

1. ប្រើឧបករណ៍សាកល្បងភាពឆបគ្នា៖ មានឧបករណ៍ជាច្រើនដែលមាននៅលើអ៊ីនធឺណិត ដែលអនុញ្ញាតឱ្យអ្នកពិនិត្យមើលភាពឆបគ្នានៃនិមិត្តសញ្ញានៅលើកម្មវិធីរុករកតាមអ៊ីនធឺណិតផ្សេងៗគ្នា។ ជម្រើសពេញនិយមមួយចំនួនរួមមាន BrowserStack, CrossBrowserTesting និង Sauce Labs ឧបករណ៍ទាំងនេះនឹងផ្តល់ឱ្យអ្នកនូវការមើលជាមុនអំពីរបៀបដែលនិមិត្តសញ្ញានឹងមើលទៅក្នុងកម្មវិធីរុករកផ្សេងៗ និងអនុញ្ញាតឱ្យអ្នកដោះស្រាយបញ្ហាដែលអ្នកជួបប្រទះ។

2. ពិនិត្យកូដ CSS៖ បញ្ហាមិនឆបគ្នាអាចបណ្តាលមកពីកំហុសនៅក្នុងកូដ CSS របស់ឡូហ្គោ។ ពិនិត្យមើលកូដ CSS របស់អ្នកដោយប្រុងប្រយ័ត្ន ហើយត្រូវប្រាកដថាវាត្រូវបានអនុវត្តយ៉ាងត្រឹមត្រូវចំពោះគ្រប់កំណែកម្មវិធីរុករកតាមអ៊ីនធឺណិត។ សូមពិនិត្យមើលផងដែរថាមិនមានការប៉ះទង្គិចជាមួយរចនាប័ទ្ម CSS ឬច្បាប់ផ្សេងទៀតនៅលើគេហទំព័ររបស់អ្នកទេ។ បើចាំបាច់ ប្រើកម្មវិធីបំបាត់កំហុស CSS របស់កម្មវិធីរុករកតាមអ៊ីនធឺណិតរបស់អ្នក ដើម្បីកំណត់អត្តសញ្ញាណ និងដោះស្រាយបញ្ហាណាមួយ។

12. ការដោះស្រាយបញ្ហាទូទៅនៅពេលបញ្ចូលនិមិត្តសញ្ញានៅក្នុង HTML

នៅពេលបញ្ចូលឡូហ្គោក្នុង HTML វាជារឿងធម្មតាទេក្នុងការជួបប្រទះបញ្ហាមួយចំនួនដែលអាចធ្វើឱ្យពិបាកក្នុងការបង្ហាញត្រឹមត្រូវនៅលើគេហទំព័រ។ បន្ទាប់យើងនឹងពន្យល់ពីរបៀបដោះស្រាយបញ្ហាទូទៅបំផុតមួយជំហានម្តង ៗ ។

1. ពិនិត្យផ្លូវឯកសារឡូហ្គោ៖ កំហុសទូទៅមួយគឺថានិមិត្តសញ្ញាមិនត្រូវបានបង្ហាញដោយសារតែផ្លូវមិនត្រឹមត្រូវ។ ត្រូវប្រាកដថាផ្លូវដែលបានបញ្ជាក់នៅក្នុងគុណលក្ខណៈ "src" នៃស្លាក ត្រឹមត្រូវ។ អ្នកអាចប្រើរចនាសម្ព័ន្ធថតដែលទាក់ទង ឬដាច់ខាតសម្រាប់ទីតាំងឯកសារ។ សូមចងចាំថាផ្លូវនៅក្នុង HTML គឺប្រកាន់អក្សរតូចធំ។

មាតិកាផ្តាច់មុខ - ចុចទីនេះ  របៀបផ្ទេររូបភាពពីកុំព្យូទ័រទៅ iPad ។

2. ពិនិត្យទម្រង់រូបភាព៖ បញ្ហាមួយទៀតដែលអាចកើតឡើងគឺនៅពេលដែលឡូហ្គោស្ថិតក្នុងទម្រង់ដែលមិនត្រូវគ្នាជាមួយ HTML ។ ត្រូវប្រាកដថាអ្នកប្រើទម្រង់រូបភាពដែលគាំទ្រដូចជា JPEG, PNG ឬ GIF ។ ប្រសិនបើឡូហ្គោមានទ្រង់ទ្រាយផ្សេង អ្នកនឹងត្រូវបំប្លែងវាដោយប្រើឧបករណ៍កែរូបភាពដូចជា Photoshop ឬ GIMP ។

3. បង្កើនទំហំនិមិត្តសញ្ញា៖ ឡូហ្គោដែលធំពេកអាចប៉ះពាល់ដល់ការផ្ទុកគេហទំព័រ និងបង្កបញ្ហាក្នុងការបង្ហាញ។ វាត្រូវបានណែនាំឱ្យអ្នកប្តូរទំហំ និងបង្កើនប្រសិទ្ធភាពទំហំនៃនិមិត្តសញ្ញា មុនពេលបញ្ចូលវាទៅក្នុង HTML ។ អ្នកអាចប្រើឧបករណ៍អនឡាញ ឬកម្មវិធីកែរូបភាព ដើម្បីកាត់បន្ថយទំហំឯកសារដោយមិនបាត់បង់គុណភាព។ ចងចាំផងដែរដើម្បីកែតម្រូវទំហំនៃស្លាកសញ្ញាដោយប្រើគុណលក្ខណៈ "ទទឹង" ឬ "កម្ពស់" នៅលើស្លាក ដើម្បីប្រាកដថាវាបង្ហាញត្រឹមត្រូវ។

ដោយធ្វើតាមជំហានទាំងនេះ អ្នកអាចដោះស្រាយបញ្ហាទូទៅបំផុតនៅពេលបញ្ចូលនិមិត្តសញ្ញានៅក្នុង HTML ។ កុំភ្លេចពិនិត្យមើលផ្លូវឯកសារ ទ្រង់ទ្រាយរូបភាព និងទំហំឱ្យបានត្រឹមត្រូវ ដើម្បីធានាបាននូវការបង្ហាញត្រឹមត្រូវនៅលើគេហទំព័ររបស់អ្នក។ ជាមួយនឹងគន្លឹះទាំងនេះអ្នកនឹងធ្វើឱ្យឡូហ្គោរបស់អ្នកមើលទៅអស្ចារ្យក្នុងការរចនាគេហទំព័ររបស់អ្នក។

13. ថែទាំ និងធ្វើបច្ចុប្បន្នភាពនិមិត្តសញ្ញានៅលើគេហទំព័រ

នេះ​ជា​កិច្ចការ​ដ៏​សំខាន់​មួយ​ក្នុង​ការ​រក្សា​អត្តសញ្ញាណ​ដែល​មើល​ឃើញ​របស់​ម៉ាក​យីហោ និង​ធានា​បាន​នូវ​ភាព​ស៊ីសង្វាក់​គ្នា​ក្នុង​ការ​រចនា។ បន្ទាប់ យើងនឹងរៀបរាប់អំពីជំហានចាំបាច់ដើម្បីអនុវត្តការងារនេះ។ មានប្រសិទ្ធិភាព.

1. ពិនិត្យគុណភាព និងទម្រង់នៃឯកសារឡូហ្គោ៖ មុនពេលអាប់ដេតរូបសញ្ញានៅលើគេហទំព័រ វាចាំបាច់ណាស់ក្នុងការធានាថាអ្នកមានរូបភាពដែលមានគុណភាពខ្ពស់ក្នុងទម្រង់សមស្រប។ យើងសូមណែនាំឱ្យប្រើឯកសារក្នុងទម្រង់វ៉ិចទ័រ ដូចជា SVG ឬ EPS ព្រោះវាផ្តល់នូវភាពបត់បែនកាន់តែច្រើននៅពេលកែសម្រួលទំហំនិមិត្តសញ្ញានៅក្នុងផ្នែកផ្សេងៗនៃទំព័រ។ លើស​ពី​នេះ​ទៀត វា​ជា​ការ​សំខាន់​ក្នុង​ការ​ពិនិត្យ​មើល​ថា​រូបភាព​មិន​មាន​បញ្ហា​ភីកសែល ឬ​ខូច​ទ្រង់ទ្រាយ​ទេ។

2. ធ្វើបច្ចុប្បន្នភាពរូបសញ្ញានៅលើទំព័រទាំងអស់នៃគេហទំព័រ៖ នៅពេលដែលអ្នកមានឯកសារឡូហ្គោក្នុងទម្រង់ត្រឹមត្រូវ អ្នកត្រូវតែបន្តជំនួសរូបភាពចាស់ជាមួយនឹងរូបភាពថ្មីនៅលើទំព័រទាំងអស់នៃគេហទំព័រ។ ក មធ្យោបាយដ៏មានប្រសិទ្ធភាព ដើម្បីសម្រេចបានវាគឺដោយប្រើ CSS ដើម្បីអនុវត្តការផ្លាស់ប្តូរជាសកល។ ឧទាហរណ៍ អ្នកអាចបង្កើតថ្នាក់ CSS សម្រាប់ឡូហ្គោ ហើយបន្ទាប់មកកែប្រែគុណលក្ខណៈ "រូបភាពផ្ទៃខាងក្រោយ" របស់វា ដើម្បីចង្អុលទៅឯកសារដែលបានធ្វើបច្ចុប្បន្នភាព។

3. អនុវត្តការធ្វើតេស្ត និងការផ្ទៀងផ្ទាត់៖ បន្ទាប់ពីធ្វើបច្ចុប្បន្នភាពឡូហ្គោនៅលើគេហទំព័រ វាមានសារៈសំខាន់ណាស់ក្នុងការធ្វើតេស្តទូលំទូលាយ ដើម្បីផ្ទៀងផ្ទាត់ថាវាបង្ហាញត្រឹមត្រូវនៅលើកម្មវិធីរុករក និងឧបករណ៍ទាំងអស់។ វាត្រូវបានណែនាំឱ្យសាកល្បងគេហទំព័រនៅលើទំហំអេក្រង់ផ្សេងៗគ្នា ក៏ដូចជាកម្មវិធីរុករកពេញនិយមដូចជា Chrome, Firefox និង Safari ។ លើសពីនេះ វាជាការអនុវត្តដ៏ល្អក្នុងការពិនិត្យមើលការបង្ហាញរូបសញ្ញានៅលើឧបករណ៍ចល័ត ដោយសារទំហំរបស់វាអាចប្រែប្រួលខ្លាំងបើប្រៀបធៀបទៅនឹងអេក្រង់កុំព្យូទ័រ។

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

14. សេចក្តីសន្និដ្ឋាន និងអនុសាសន៍សម្រាប់ការបញ្ចូលនិមិត្តសញ្ញានៅក្នុង HTML

សរុបសេចក្តី ការបញ្ចូលឡូហ្គោក្នុង HTML អាចជាកិច្ចការដ៏សាមញ្ញមួយ ប្រសិនបើជំហានត្រឹមត្រូវត្រូវបានអនុវត្ត។ ពេញមួយអត្ថបទនេះ អនុសាសន៍ និងគន្លឹះផ្សេងៗត្រូវបានផ្តល់ជូន ដើម្បីសម្រេចបាននូវប្រសិទ្ធភាពនេះ។

ជាដំបូង អ្នកត្រូវតែធានាថាឡូហ្គោស្ថិតក្នុងទម្រង់ដែលសមរម្យសម្រាប់គេហទំព័រ ដូចជា PNG ឬ SVG ។ លើសពីនេះ វាមានសារៈសំខាន់ណាស់ក្នុងការពិចារណាលើទំហំ និងដំណោះស្រាយនៃរូបសញ្ញា ដើម្បីធានាថាវាត្រូវបានបង្ហាញយ៉ាងត្រឹមត្រូវ។ នៅលើឧបករណ៍ផ្សេងៗ.

នៅពេលដែលអ្នកមានឡូហ្គោក្នុងទម្រង់ត្រឹមត្រូវ អ្នកអាចបន្តបញ្ចូលវាទៅក្នុងទំព័រ HTML ។ នេះអាចសម្រេចបានដោយប្រើស្លាក «`«` ដែលត្រូវតែរួមបញ្ចូលគុណលក្ខណៈ «`src«` ជាមួយ URL នៃនិមិត្តសញ្ញា និងគុណលក្ខណៈ «`alt «` ជាមួយនឹងអត្ថបទពិពណ៌នា ក្នុងករណីដែលនិមិត្តសញ្ញាមិនដំណើរការត្រឹមត្រូវ។

វាត្រូវបានណែនាំឱ្យប្រើគុណលក្ខណៈ «`កម្ពស់» និង «ទទឹង«` ដើម្បីបញ្ជាក់វិមាត្រនៃឡូហ្គោ ហើយដូច្នេះជៀសវាងទំព័រដែលត្រូវបានកំណត់រចនាសម្ព័ន្ធខណៈពេលដែលរូបភាពកំពុងផ្ទុក។ ជាចុងក្រោយ រចនាប័ទ្មបន្ថែមអាចត្រូវបានអនុវត្តចំពោះរូបសញ្ញាដោយប្រើ CSS ដើម្បីកែតម្រូវទីតាំង ទំហំ ឬទិដ្ឋភាពផ្សេងទៀតដែលអ្នកចង់កែប្រែ។ ជាមួយនឹងជំហាន និងការណែនាំទាំងនេះ វានឹងអាចបញ្ចូលឡូហ្គោក្នុង HTML ដោយជោគជ័យ។

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