ប្រើ CSS ដើម្បីដាក់ស្លាក Cloud Cloud
ពពកស្លាកគឺជាពិពណ៌នាដែលអាចមើលឃើញនៃបញ្ជីនៃធាតុ។ អ្នកនឹងឃើញពពកស្លាកនៅលើកំណត់ហេតុបណ្ដាញ។ វាត្រូវបានធ្វើឱ្យពេញនិយមតាមរយៈគេហទំព័រដូចជា Flickr ។
ពពកស្លាកគឺជាបញ្ជីតំណដែលផ្លាស់ប្តូរទំហំនិងទំងន់ (ជួនកាលពណ៌ផងដែរ) អាស្រ័យលើគុណលក្ខណៈដែលអាចវាស់វែងបាន។ ពពកស្លាកភាគច្រើនត្រូវបានបង្កើតឡើងដោយផ្អែកលើប្រជាប្រិយភាពឬចំនួនទំព័រដែលមានស្លាកពិសេសនោះ។ ប៉ុន្តែអ្នកអាចបង្កើតពពកស្លាកមួយចេញពីបញ្ជីធាតុណាមួយនៅលើគេហទំព័ររបស់អ្នកដែលយ៉ាងហោចណាស់មានវិធីពីរយ៉ាងក្នុងការបង្ហាញវា។ ឧទាហរណ៍:
- បញ្ជីអត្ថបទមួយតាមលំដាប់អក្សរក្រមជាមួយរចនាប័ទ្មដែលបង្ហាញពីប្រជាប្រិយភាពនៃអត្ថបទ។
- បញ្ជីឈ្មោះគេហទំព័រតាមលំដាប់តួអករជាមួយរចនាប័ទ្មដែលបង្ហាញថាអ្នកចូលចិត្តល្អបំផុត។
- បញ្ជីអ្នកសរសេរគេហទំព័រដែលត្រូវបានចុះបញ្ជីនៅក្នុងលំដាប់តម្លៃជាមួយនឹងរចនាប័ទ្មដែលបង្ហាញពីរបៀបដែលជិតគ្នាទៅតាមលក្ខណៈវិនិច្ឆ័យដែលបានកំណត់ជាមុន។
- បញ្ជីមិត្តភក្តិដែលមានរចនាប័ទ្មដែលបង្ហាញពីចម្ងាយពីផ្ទះរបស់អ្នកទៅនឹងពួកគេ។
តើអ្នកត្រូវការអ្វីខ្លះដើម្បីកសាងស្លាកសញ្ញាពពក?
វាមានភាពងាយស្រួលក្នុងការបង្កើតពពកដាក់ស្លាកអ្នកគ្រាន់តែត្រូវការរឿងពីរប៉ុណ្ណោះ:
- បញ្ជីធាតុ (ដូចជាអត្ថបទគេហទំព័រវិបសាយឬមិត្តភក្តិរបស់អ្នក)
- ការវាស់វែងសម្រាប់ធាតុនីមួយៗ (ដូចជាការមើលទំព័រក្នុងមួយថ្ងៃ, ចំណាត់ថ្នាក់ទី 1-10 របស់អ្នកឬចម្ងាយទៅផ្ទះរបស់អ្នក) ។
ពពកស្លាកភាគច្រើនគឺជាបញ្ជីតំណដូច្នេះវាជួយប្រសិនបើធាតុនីមួយៗមានតំណភ្ជាប់ជាមួយវា។ ប៉ុន្តែវាមិនត្រូវបានទាមទារដើម្បីបង្កើតឋានានុក្រមដែលមើលឃើញទេ។
ជំហានដើម្បីកសាងពពកស្លាកនៃតំណពេញនិយម
វេបសាយរបស់ខ្ញុំមានអត្ថបទដែលទទួលបានការមើលទំព័រជារៀងរាល់ថ្ងៃហើយនេះគឺជាទិន្នន័យងាយស្រួលសម្រាប់ខ្ញុំក្នុងការប្រើដើម្បីបង្កើតពពកស្លាក។ ដូច្នេះសម្រាប់ឧទាហរណ៏នេះយើងនឹងបង្កើតពពកស្លាកពីបញ្ជីអត្ថបទដែលជាអត្ថបទកំពូល 25 លើគេហទំព័ររបស់ខ្ញុំសម្រាប់សប្តាហ៍ទី 1 ខែមករាឆ្នាំ 2007 ។
- កំណត់ចំនួនកម្រិតដែលអ្នកចង់បានក្នុងឋានានុក្រមរបស់អ្នក។
- ខណៈពេលដែលអាចមានកំរិតច្រើននៅក្នុងពពករបស់អ្នកដូចដែលអ្នកមានធាតុនៅក្នុងបញ្ជីរបស់អ្នកនោះវាធុញទ្រាន់នឹងកូដហើយភាពខុសគ្នាអាចមានតិចតួចណាស់។ ខ្ញុំសូមផ្តល់អនុសាសន៍ឱ្យមានមិនលើសពី 10 ថ្នាក់ក្នុងឋានានុក្រមរបស់អ្នក។
- សម្រេចចិត្តលើចំណុចកាត់សម្រាប់កម្រិតនីមួយៗ។
- វាអាចមានលក្ខណៈសាមញ្ញដូចការកាត់បន្ថយការមើលទំព័ររបស់អ្នកក្នុងមួយថ្ងៃទៅជាខ្ទង់ទី 1 ។ ប្រសិនបើទំព័រធំបំផុតនៅលើគេហទំព័ររបស់អ្នកទទួលបានការមើល 100 ទំព័រក្នុងមួយថ្ងៃអ្នកអាចកាត់វាបាន 100+, 90-100, 80-90, 70-80, ។ ល។ ខ្ញុំបានកាត់ការមើលទំព័ររបស់ខ្ញុំក្នុងរបៀបនោះ។
- រាយធាតុរបស់អ្នកនៅក្នុងលំដាប់ទិដ្ឋភាពទំព័រហើយផ្តល់ឱ្យពួកគេនូវឋានៈដែលមានមូលដ្ឋានលើជំហានទី 2
- កុំបារម្ភប្រសិនបើអ្នកមិនមានរបស់របរណាមួយនៅក្នុងរន្ធមួយចំនួនដែលគ្រាន់តែធ្វើឱ្យពពកគួរឱ្យចាប់អារម្មណ៍។
- រមណីយដ្ឋានបញ្ជីរបស់អ្នកតាមលំដាប់តួអករ (ឬប្រភេទតម្រៀបទីពីរដែលអ្នកចង់ប្រើ) ។
- នេះគឺជាអ្វីដែលធ្វើអោយពពកគួរឱ្យចាប់អារម្មណ៍។ ប្រសិនបើអ្នកចាកចេញពីវាតម្រៀបតាមលំដាប់នោះវានឹងគ្រាន់តែជាបញ្ជីដែលមានធាតុធំបំផុតនៅខាងលើពីតូចទៅតូចបំផុតនៅខាងក្រោម។
- សរសេរ HTML របស់អ្នកដើម្បីឱ្យឋានៈជាលេខថ្នាក់។ class = "tag4"> បន្ថែមឯកសារអូឌីយ៉ូស្ទ្រីម
នៅពេលដែលអ្នកមាន HTML សម្រាប់ធាតុបញ្ជីនីមួយៗនិងលំដាប់ដែលអ្នកចង់បង្ហាញវាអ្នកត្រូវធ្វើការសម្រេចចិត្ត។ អ្នកអាចដាក់តំណនៅក្នុងកថាខណ្ឌហើយអ្នកនឹងត្រូវបានធ្វើ។ ប៉ុន្តែនេះនឹងមិនត្រូវបានសម្គាល់និមិត្តសញ្ញាហើយអ្នកដែលមិនមាន CSS ចូលទៅក្នុងពពកស្លាករបស់អ្នកនឹងគ្រាន់តែមើលឃើញកថាខណ្ឌធំនៃតំណ។ HTML សម្រាប់បញ្ជីប្រភេទនេះមើលទៅដូចនេះ:
បន្ថែមឯកសារអូឌីយ៉ូស្ទ្រីម ស្លាកមូលដ្ឋានសម្រាប់វ៉ិបសាយ កម្មវិធីឌីហ្សាញដ៏ល្អបំផុត បង្កើតទំព័របណ្តាញសម្រាប់ការបាត់បង់ទាំងស្រុង និមិត្តសញ្ញាពណ៌ a> p> ផ្ទុយទៅវិញខ្ញុំសូមណែនាំអ្នកបង្កើតពពកស្លាករបស់អ្នកដោយប្រើបញ្ជីគ្មានលំដាប់។ វាជាបន្ទាត់ HTML និងកូដ CSS មួយចំនួនបន្ថែមទៀតប៉ុន្តែវាធានាថាមាតិកានឹងអាចអានបានមិនថាអ្នកដែលមកមើលវា។ HTML នឹងមើលទៅដូចនេះ: ឥឡូវនេះយើងទទួលបានផ្នែកសប្បាយ - រចនាប័ទ្ម CSS ។ នៅពេលអ្នករចនាផ្ទាំងពពកអ្នកប្តូរទំហំពុម្ពអក្សរនិងទម្ងន់ពុម្ពអក្សរ។ អ្នកក៏អាចផ្លាស់ប្តូរពណ៌ពុម្ពអក្សរឬផ្ទៃខាងក្រោយឬគុណលក្ខណៈរចនាប័ទ្មផ្សេងទៀតប៉ុន្តែទំហំនិងទំងន់ជាប្រពៃណី។ អ្នកត្រូវការថ្នាក់រៀនចំនួន 10 ថ្នាក់សម្រាប់មួយជួរនីមួយៗ: ខ្ញុំចូលចិត្តបញ្ចូលរចនាប័ទ្មមួយចំនួននៅជុំវិញពពកដោយខ្លួនឯង: ដាក់ពពកអត្ថបទពពកកំណត់កម្ពស់បន្ទាត់ដើម្បីឱ្យពពកអាចអានបានហើយត្រូវប្រាកដថាស្លាកយុថ្កាមិនមានចន្លោះនៅលើពួកវា: ចុងក្រោយប្រសិនបើអ្នកកំពុងប្រើវិធីកំណត់រចនាប័ទ្ម (ឧទាហរណ៍បញ្ជីមិនមានឈ្មោះ) អ្នកនឹងត្រូវការបន្ថែមបន្ទាត់ពីរបន្ថែមទៀតនៃ CSS ដើម្បីឱ្យបញ្ជីមិនមានចំណុចហើយមិនត្រូវបានចុះបន្ទាត់:
ប៉ុន្តែតើរចនាប័ទ្មនៅកន្លែងណាដែលមានស្លាកសញ្ញាពពក