វេបសាយគឺមិនដូចជាឧបករណ៍ទំនាក់ទំនងដែលបានមកមុនពួកគេទេ។ រឿងសំខាន់មួយដែលបង្កើតគេហទំព័រក្រៅពីទ្រង់ទ្រាយប្រព័ន្ធផ្សព្វផ្សាយពីមុនដូចជាបោះពុម្ពវិទ្យុនិងសូម្បីតែទូរទស្សន៍គឺជាគំនិតនៃ " តំណខ្ពស់ " ។
តំណខ្ពស់ដែលជាទូទៅត្រូវបានគេស្គាល់ថាជា "តំណ" គឺជាអ្វីដែលធ្វើឱ្យគេហទំព័រមានភាពរឹងមាំ។ មិនដូចជាការបោះពុម្ភផ្សាយដែលអាចយោងអត្ថបទមួយផ្សេងទៀតឬធនធានផ្សេងទៀត, គេហទំព័រអាចប្រើតំណភ្ជាប់ទាំងនេះដើម្បីផ្ញើភ្ញៀវទេសចរពិតទៅទំព័រនិងធនធានផ្សេងទៀត។ គ្មានឧបករណ៍ផ្សាយឯណាទៀតអាចធ្វើការនេះបានទេ។ អ្នកអាចលឺការផ្សាយពាណិជ្ជកម្មនៅលើវិទ្យុឬមើលនៅលើទូរទស្សន៍ប៉ុន្តែមិនមានតំណខ្ពស់ដែលអាចនាំអ្នកទៅកាន់ក្រុមហ៊ុននៅក្នុងការផ្សាយពាណិជ្ជកម្មទាំងនោះតាមវិធីដែលគេហទំព័រអាចងាយស្រួលធ្វើ។ តំណពិតជាឧបករណ៍ទំនាក់ទំនងដ៏អស្ចារ្យនិងអន្តរកម្ម!
ជាញឹកញាប់តំណភ្ជាប់ដែលត្រូវបានរកឃើញនៅលើគេហទំព័រគឺជាមាតិកាអត្ថបទដែលដឹកនាំអ្នកទស្សនាទៅទំព័រផ្សេងទៀតនៃគេហទំព័រដូចគ្នា។ ការរុករករបស់គេហទំព័រគឺជាឧទាហរណ៍មួយនៃតំណអត្ថបទនៅក្នុងការអនុវត្តប៉ុន្តែតំណមិនចាំបាច់ត្រូវមានអត្ថបទ។ អ្នកក៏អាចភ្ជាប់រូបភាពបានយ៉ាងងាយស្រួលនៅលើគេហទំព័ររបស់អ្នកផងដែរ។ តោះមើលរបៀបដែលវាត្រូវបានធ្វើរួចបន្តដោយវត្ថុមួយចំនួនដែលអ្នកចង់ប្រើតំណភ្ជាប់ដែលមានមូលដ្ឋានលើរូបភាព។
របៀបតភ្ជាប់រូបភាព
រឿងដំបូងដែលអ្នកត្រូវធ្វើគឺដាក់រូបភាពដោយខ្លួនវានៅក្នុងឯកសារ HTML របស់អ្នក។ ការប្រើជាទូទៅនៃតំណដែលមានមូលដ្ឋានលើរូបភាពគឺជាក្រាហ្វិចស្លាកសញ្ញារបស់វែបសាយដែលបន្ទាប់មកត្រូវបានភ្ជាប់ទៅគេហទំព័រដើម។ នៅក្នុងកូដឧទាហរណ៍ខាងក្រោម ឯកសារដែលយើងកំពុងប្រើគឺ SVG សម្រាប់រូបសញ្ញារបស់យើង។ នេះគឺជាជម្រើសដ៏ល្អព្រោះវានឹងអនុញ្ញាតឱ្យរូបភាពរបស់យើងធ្វើមាត្រដ្ឋានសម្រាប់គុណភាពបង្ហាញផ្សេងៗគ្នាខណៈពេលដែលរក្សាគុណភាពរូបភាពនិងទំហំឯកសារតូចៗ។
នេះជារបៀបដែលអ្នកដាក់រូបភាពរបស់អ្នកក្នុងឯកសារ HTML:
នៅជុំវិញស្លាករូបភាពឥឡូវនេះអ្នកនឹងបន្ថែមតំណយុថ្កា, បើកធាតុយុថ្កាមុនពេលរូបភាពនិងបិទយុថ្កាបន្ទាប់ពីរូបភាព។ នេះស្រដៀងទៅនឹងរបៀបដែលអ្នកចង់ភ្ជាប់អត្ថបទជំនួសឱ្យរុំពាក្យដែលអ្នកចង់ភ្ជាប់ជាមួយស្លាកយុថ្កាអ្នករុំរូបភាព។ ក្នុងឧទាហរណ៍របស់យើងខាងក្រោមយើងកំពុងភ្ជាប់ទំនាក់ទំនងទៅគេហទំព័រដើមរបស់យើងដែលជា "index.html" ។
នៅពេលបន្ថែម HTML ទៅទំព័ររបស់អ្នកសូមកុំដាក់ចន្លោះរវាងស្លាកយុថ្កានិងស្លាករូបភាព។ ប្រសិនបើអ្នកធ្វើកម្មវិធីរុករកមួយចំនួននឹងបន្ថែមសញ្ញាតូចនៅក្បែររូបភាពដែលមើលទៅប្លែក។
រូបភាពឡូហ្គោឥលូវនេះនឹងដើរតួជាប៊ូតុងគេហទំព័រដែលមានស្តង់ដារបណ្ដាញជាច្រើនថ្ងៃនេះ។ សូមកត់សម្គាល់ថាយើងមិនបញ្ចូលរចនាប័ទ្មដែលមើលឃើញដូចជាទទឹងនិងកំពស់នៃរូបភាពនៅក្នុង HTML របស់យើង។ យើងនឹងទុករចនាប័ទ្មដែលមើលឃើញទាំងនេះទៅ CSS និងថែរក្សាការបែងចែកស្អាតនៃរចនាសម្ព័ន្ធ HTML និងរចនាប័ទ្ម CSS ។
នៅពេលដែលអ្នកចូលទៅ CSS រចនាប័ទ្មអ្នកសរសេរដើម្បីកំណត់គោលដៅក្រាហ្វិចឡូហ្គោនេះអាចរួមបញ្ចូលការកំណត់រូបភាពរួមទាំង រចនាប័ទ្មឆ្លើយតប សម្រាប់រូបភាពដែលមានលក្ខណៈជាច្រើនឧបករណ៍ក៏ដូចជារូបភាពណាមួយដែលអ្នកចង់បន្ថែមទៅរូបភាព / តំណដូចជាស៊ុមឬ CSS ទម្លាក់ស្រមោល។ អ្នកក៏អាចផ្តល់រូបភាពឬតំណគុណលក្ខណៈថ្នាក់របស់អ្នកប្រសិនបើអ្នកត្រូវការ "hooks" បន្ថែមដើម្បីប្រើជាមួយរចនាប័ទ្ម CSS របស់អ្នក។
ប្រើករណីសម្រាប់តំណរូបភាព
ដូច្នេះការបន្ថែមតំណរូបភាពគឺងាយស្រួលណាស់។ ដូចដែលយើងទើបតែបានឃើញអ្វីដែលអ្នកត្រូវធ្វើគឺរុំរូបភាពជាមួយស្លាកយុថ្កាដែលសមស្រប។ សំណួរបន្ទាប់របស់អ្នកប្រហែលជា "នៅពេលណាអ្នកនឹងធ្វើបែបនេះក្នុងការអនុវត្តក្រៅពីឧទាហរណ៍តំណភ្ជាប់គេហទំព័រ / ប្លង់គេហទំព័រដែលបានបញ្ជាក់ខាងលើ?"
នេះគឺជាគំនិតមួយចំនួន:
- រូបភាពតូចៗនៅក្នុងវិចិត្រសាលដែលភ្ជាប់ទៅកាន់រូបភាពធំ ៗ នៃរូបភាពទាំងនោះ។
- រូបភាពដែលត្រូវបានគេប្រើតែឯងដើម្បីតំណាងឱ្យមាតិកាដូចជារូបភាពផលិតផលសម្រាប់គេហទំព័រពាណិជ្ជកម្មអេឡិចត្រូនិច។
- រូបភាពស្ទ្រីមដែលជាផ្នែកនៃមាតិកាផ្សេងទៀតដូចជាអត្ថបទកំណត់ហេតុបណ្ដាញឬសេចក្ដីប្រកាសព័ត៌មានដែលទាក់ទាញមនុស្សឱ្យកត់សម្គាល់ថាមាតិកានោះផ្តល់ឱ្យពួកគេនូវតំបន់គោលដៅដើម្បីចុចឬចុចអានអត្ថបទទាំងមូល។
- រូបតំណាងរូបភាពដែលត្រូវបានប្រើជាប៊ូតុងដើម្បីតភ្ជាប់ទៅមុខងារជាក់លាក់ឬទំព័រនៅក្នុងគេហទំព័រ។
- បណ្តាញទំនាក់ទំនងសង្គមដែលប្រើឡូហ្គូដែលអាចសម្គាល់បាននៃគេហទំព័រប្រព័ន្ធផ្សព្វផ្សាយសង្គមផ្សេងៗដែលមានសារៈសំខាន់ចំពោះគេហទំព័រឬក្រុមហ៊ុននោះ។
- រូបភាពដែលត្រូវបានប្រើជាប៊ូតុងសម្រាប់មុខងារជាក់លាក់ដូចជាការដាក់ស្នើសំណុំបែបបទ (ការអនុវត្តន៍ល្អបំផុតចំណាំ - ពីទស្សនវិស័យដំណើរការណ៍គេហទំព័រប៊ូតុងដែលមានរចនាប័ទ្មសុទ្ធសាធជាមួយ CSS គឺជាជម្រើសប្រសើរជាងប៊ូតុងរូបភាព) ។
ការរំលឹកនៅពេលប្រើរូបភាព
រូបភាពអាចដើរតួនាទីយ៉ាងសំខាន់ក្នុងភាពជោគជ័យរបស់គេហទំព័រ។ ឧទាហរណ៍មួយក្នុងចំណោមឧទាហរណ៍ដែលបានលើកឡើងខាងលើបានលើកឡើងដោយប្រើរូបភាពរួមជាមួយមាតិកាផ្សេងទៀតដើម្បីគូរយកចិត្តទុកដាក់ចំពោះមាតិកានោះនិងធ្វើឱ្យមនុស្សអានវា។
នៅពេលប្រើរូបភាពអ្នកត្រូវតែគិតអំពី ការជ្រើសរើសរូបភាពដែលសមស្របសម្រាប់តម្រូវការរបស់អ្នក រួមបញ្ចូលទាំងរូបភាពប្រធានបទរូបភាពត្រឹមត្រូវនិងការធានាផងដែរថារូបភាពណាមួយដែលអ្នកប្រើនៅលើគេហទំព័ររបស់អ្នកត្រូវ បានធ្វើឱ្យល្អប្រសើរសម្រាប់ការចែកចាយគេហទំព័រ ។ នេះហាក់ដូចជាការងារច្រើនណាស់ដើម្បីបន្ថែមរូបភាពប៉ុន្តែលទ្ធផលគឺមានតម្លៃ! រូបភាពពិតជាអាចបន្ថែមភាពជោគជ័យដល់គេហទំព័រមួយ។
សូមកុំស្ទាក់ស្ទើរក្នុងការប្រើរូបភាពដែលសមរម្យនៅលើគេហទំព័ររបស់អ្នកនិងភ្ជាប់រូបភាពទាំងនោះនៅពេលចាំបាច់ដើម្បីបន្ថែមមាតិកាមួយចំនួនទៅមាតិការបស់អ្នកប៉ុន្តែត្រូវចាំអំពីរូបភាពល្អ ៗ ទាំងនេះនិងប្រើប្រាស់ក្រាហ្វិច / តំណភ្ជាប់ទាំងនេះឱ្យបានត្រឹមត្រូវនិងមានទំនួលខុសត្រូវក្នុងការងាររចនាគេហទំព័ររបស់អ្នក។