មន្ទីរពិសោធន៍ប្លុក HTML
Loading...
</> HTML Blog Lab
ស្ទូឌីយោរចនាគេហទំព័រ 01 នៃ 04
Presenter mode

មន្ទីរពិសោធន៍ប្លុក HTML · 01

សាងសង់ទំពរប្លុកមួយ ជាមួយ HTML។

HTML ផ្តល់ផ្ទៃនៃគំនិតគ្រប់បែបយ៉ាង។ ថ្ងៃនេះ យើងនឹងបំប្លែងគំនិតនៃប្លុកមួយ ទៅជាទំព័រដែលច្បាស់លាស់ និងគួរឱ្យចង់ចូលមើល — ដោយប្រើធាតុដែលមានអត្ថន័យម្តងមួយៗ។

✦

គ្រប់គ្នាអាចចូលរួមបាន៖ គូសវាស, ពិភាក្សា, វាយអត្ថបទ, ចង្អុល, សួរសំណួរ ឬធ្វើការជាគូ។

01រៀបចំផែនការជ្រើសរើសអ្វីដែលអ្នកអានត្រូវការមុនគេ។
02សាងសង់ប្រើប្រាស់ tags ដើម្បីកំណត់រូបរាងទំព័រ។
03យកចិត្តទុកដាក់ធ្វើឱ្យវាអាចប្រើប្រាស់បានសម្រាប់មនុស្សកាន់តែច្រើន។
HTML
+
IDEAS

ទំព័រមួយ គឺជាការសន្ទនាមួយជាមួយអ្នកអាន។

ជំហានទី ១ · រចនាសម្ព័ន្ធ

ចាប់ផ្តើមជាមួយ គ្រោងឆ្អឹង។

HTML tags រៀបរាប់ពីតួនាទីនៃផ្នែកនីមួយៗ។ គ្រោងឆ្អឹង semantic ជួយឱ្យ browser, កម្មវិធីអានអេក្រង់ (screen readers) និងមិត្តរួមថ្នាក់ យល់ពីទំព័ររបស់អ្នក។

សាកល្បងវិធីនេះចង្អុលទៅកាន់ tag នីមួយៗ ហើយនិយាយពីតួនាទីរបស់វា។
<header><nav><main><article><footer>
blog.htmlHTML
<!DOCTYPE html>
<html>
  <body>
    <header>
      <h1>កំណត់ត្រាវាល</h1>
      <nav>អំពី · ប័ណ្ណសារ</nav>
    </header>
    <main>
      <article>
        <h2>តើអ្វីដែលធ្វើឱ្យទំព័រមួយក្លាយជាទំព័រដ៏ល្អ?</h2>
      </article>
    </main>
  </body>
</html>
Tags ដែលមានអត្ថន័យ ធ្វើឱ្យទំព័រងាយស្រួលក្នុងការរុករក។

ជំហានទី ២ · មាតិកា

ផ្តល់ឱ្យទំព័រនេះនូវ សំឡេង។

Tags ផ្ទុកមាតិកា ប៉ុន្តែមនុស្សជាអ្នកនាំមកនូវទស្សនៈ។ បន្ថែមចំណងជើង តំណភ្ជាប់ដែលមានប្រយោជន៍ និងរូបភាពជាមួយនឹងពាក្យដែលរៀបរាប់ពីសាច់រឿង។

✓ចំណងជើងដែលកំណត់ការរំពឹងទុក
✓កថាខណ្ឌដែលមានគំនិតច្បាស់លាស់មួយ
✓តំណភ្ជាប់ដែលប្រាប់ពីកន្លែងដែលវាដឹកនាំទៅ
ការណែនាំជាគូអានចំណងជើងរបស់អ្នកឱ្យឮៗ។ តើវាទាក់ទាញឱ្យនរណាម្នាក់ចូលអានដែរឬទេ?
our-blog.local / journal•••

កំណត់ហេតុរួមគ្នា

តើអ្វីដែលជា
ទំព័រវេបសាយដ៏ល្អមានលក្ខណៈបែបណា?

ការប្រមូលផ្តុំនូវការសង្កេតតូចៗ ពីស្ទូឌីយោរបស់យើងទៅកាន់អ្នក។

អានការបញ្ចូល↗

ជំហានទី ៣ · ការយកចិត្តទុកដាក់ និងលទ្ធភាពប្រើប្រាស់

ទុកកន្លែងសម្រាប់ គ្រប់គ្នា។

HTML ល្អ មិនមែនត្រឹមតែអំពីការមើលទៅត្រឹមត្រូវនោះទេ។ វាផ្តល់ឱកាសដោយយុត្តិធម៌សម្រាប់មនុស្សកាន់តែច្រើនក្នុងការអាន យល់ និងចូលរួមក្នុងការសន្ទនា។

Aaចំណងជើងបង្កើតផ្លូវឱ្យបានច្បាស់លាស់។
↗តំណភ្ជាប់ពិពណ៌នាអំពីគោលដៅ។
▧រូបភាពបន្ថែមអត្ថបទជំនួស (alt text) ដែលមានប្រយោជន៍។
ដល់វេនអ្នកហើយគូសវាសផ្នែកប្លុកមួយ រួចជ្រើសរើស HTML tag ដែលផ្តល់កន្លែងផ្ទុកឱ្យវា។
ខ្ញុំសង្កេតឃើញថា…
ខ្ញុំឆ្ងល់ថា…
ខ្ញុំអាចសាកល្បង…
←ថយក្រោយ
បន្ទាប់→