គន្លឹះសម្រាប់ការបង្កើតផ្ទៃខាងក្រោយទឹកដាក់លើទំព័របណ្តាញ

អនុវត្តបច្ចេកទេសជាមួយ CSS

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

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

ចាប់ផ្ដើម

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

រូបភាពផ្ទៃខាងក្រោយដ៏ធំទាំងនេះងាយស្រួលបង្កើតដោយប្រើលក្ខណសម្បត្តិ រចនាប័ទ្ម CSS បីខាងក្រោម:

• រូបភាព​ផ្ទៃ​ខាង​ក្រោយ
• ផ្ទៃខាងក្រោយ - ម្តងទៀត
• background-attachment
• ទំហំផ្ទៃខាងក្រោយ

រូបភាព​ផ្ទៃ​ខាង​ក្រោយ

អ្នកនឹងប្រើរូបភាពផ្ទៃខាងក្រោយដើម្បីកំណត់រូបភាពដែលនឹងត្រូវបានប្រើជា watermark របស់អ្នក។ រចនាប័ទ្មនេះប្រើផ្លូវឯកសារដើម្បីផ្ទុករូបភាពដែលអ្នកមាននៅលើវែបសាយរបស់អ្នកទំនងជានៅក្នុងថតដែលមានឈ្មោះថា "រូបភាព" ។

background-image: url (/images/page-background.jpg);

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

អ្នកអាចកែតម្រូវរូបភាពផ្ទៃខាងក្រោយក្នុងកម្មវិធីនិពន្ធដូចជា Adobe Photoshop ។

ផ្ទៃខាងក្រោយ - ធ្វើម្តងទៀត

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

background-repeat: no-repeat;

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

ផ្ទៃខាងក្រោយ - ឯកសារភ្ជាប់

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

តម្លៃលំនាំដើមសម្រាប់លក្ខណសម្បត្តិនេះគឺ "រមូរ។ " ប្រសិនបើអ្នកមិនបញ្ជាក់តម្លៃឯកសារភ្ជាប់ផ្ទៃខាងក្រោយទេផ្ទៃខាងក្រោយនឹងរមូរជាមួយនឹងទំព័រដែលនៅសល់។

ឯកសារភ្ជាប់ផ្ទៃខាងក្រោយ: ថេរ;

ផ្ទៃខាងក្រោយ - ទំហំ

ទំហំផ្ទៃខាងក្រោយគឺជាទ្រព្យសម្បត្តិ CSS ថ្មី។ វាអនុញ្ញាតឱ្យអ្នកកំណត់ទំហំផ្ទៃខាងក្រោយដោយផ្អែកលើផ្ទាំងទិដ្ឋភាពដែលវាកំពុងត្រូវបានមើល។ វាមានប្រយោជន៍ណាស់សម្រាប់ គេហទំព័រឆ្លើយតប ដែលនឹងបង្ហាញនៅទំហំខុសៗគ្នា លើឧបករណ៍ផ្សេងៗ ។

ទំហំផ្ទៃខាងក្រោយ: គម្រប;

តំលៃមានប្រយោជន៍ពីរដែលអ្នកអាចប្រើសម្រាប់អចលនៈទ្រព្យនេះរួមមាន:

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

ការបន្ថែម CSS ទៅទំព័ររបស់អ្នក

បន្ទាប់ពីអ្នកយល់ពីលក្ខណសម្បត្តិខាងលើនិងតម្លៃរបស់វាអ្នកអាចបន្ថែមរចនាប័ទ្មទាំងនេះទៅគេហទំព័ររបស់អ្នក។

បន្ថែមចំណុចខាងក្រោមទៅ HEAD នៃគេហទំព័ររបស់អ្នកប្រសិនបើអ្នកកំពុងបង្កើតគេហទំព័រតែមួយ។ បន្ថែមវាទៅរចនាប័ទ្ម CSS នៃសន្លឹករចនាប័ទ្មខាងក្រៅប្រសិនបើអ្នកកំពុងបង្កើតវែបសាយត៍ពហុទំព័រហើយចង់ទាញយកគុណប្រយោជន៍ពីសន្លឹកខាងក្រៅ។

<រចនាប័ទ្ម>
រាងកាយ {
background-image: url (/images/page-background.jpg);
background-repeat: no-repeat;
ឯកសារភ្ជាប់ផ្ទៃខាងក្រោយ: ថេរ;
ទំហំផ្ទៃខាងក្រោយ: គម្រប;
}
// ->

ផ្លាស់ប្តូរ URL នៃ រូបភាពផ្ទៃខាងក្រោយ របស់អ្នកដើម្បីផ្គូផ្គងឈ្មោះឯកសារជាក់លាក់និងផ្លូវឯកសារដែលទាក់ទងនឹងវែបសាយត៍របស់អ្នក។ ធ្វើការផ្លាស់ប្តូរសមស្របផ្សេងទៀតដើម្បីឱ្យសមនឹងការរចនារបស់អ្នកផងដែរហើយអ្នកនឹងមានទឹកដោះ។

អ្នកអាចបញ្ជាក់ទីតាំងបាន, ពេក

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

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

ផ្ទៃខាងក្រោយទីតាំង: កណ្តាល;