البـــــوابـــة
مقدمة:
نسمع دائماً كلمة HTML والأغلب يعرفها، لكن شتّان بين معرفة وأخرى.
قبل أن أتعلم الـHTML، كنت أعرف أن هذه اللغة هي التي تظهر في كود صفحة موقعي، وكنت أظن أني -ببعض التعديلات البسيطة في الكود- أنني أفهم الـHTML جيداً، وهكذا الحال مع الكثيرين ممن أخبروني أنهم خبراء في هذه اللغة، ولم أفهم معناها وفائدتها واستخدامها فهماً صحيحاً حتى تعلمتها.
في هذا المقال سوف أضع تعريفاً بهذه اللغة وبعض النقاط الأخرى البسيطة، ولن أتعمق في الحديث عنها كثيراً فالكتب والمقالات كثيرة في هذا المجال.
ماهو HTML:
لغة HTML هي اختصار لجملة (Hyper Text Markup Language )، وقد صُـنِـعَـت لعرض المعلومات والروابط في صفحة الإنترنت.
وتقوم هذه اللغة بوصف وهيكلة المحتويات بشكل وتنسيق مناسبين، وذلك من خلال الـTAGS الخاصة بها لتظهر لنا بالشكل الذي نراه في صفحات الويب، فهي إذاً ليست لغة برمجة كما يظن البعض.
ولقد صُـنِـعَـت هذه اللغة من قبل مخترع الويب (Tim Berners-Lee)، ثم طُـوِّرت من قبل منظمة (IETF)، والآن أصبحت منظمة الويب العالمية (W3C) هي الراعية لهذه اللغة والمسؤولة عنها.
تاريخ HTML:
أظن ان مقالة الأخ ابوخالد تكفي لمعرفة تاريخ الـHTML باختصار:
http://www.devpedia.org/articles/index.php?p=30
أقسام HTML الرئيسية:
تتكون لغة الـHTML من ميزتين أساسيتين، وهما:
HyperText:
وتعني أنه بإمكانك صنع رابط تشعّبي في أحد الصفحات، ينقل الزائر لأي صفحة ويب أخرى أو حتى أي شيء آخر في عالم الإنترنت، بحيث تكون المعلومات مترابطة ومتشابكة بشكل سلس، ويصبح من السهل الوصول لها بطرق عديدة وشتّى وأماكن مختلفة وكثيرة.
وقد أراد مخترع الويب (Tim Berners-Lee) بهذه اللغة أن يجعل وصول المعلومات وانتشارها سهلاً ومرناً أكثر من الطريقة الجامدة المعهودة في الكتب، بحيث تكون أقرب إلى طريقة عقل الإنسان في التفكير وجلب المعلومات بسرعة وسهولة.
Universality (العالمية):
وهذا لأن الـHTML ومحتوياتها وصفحاتها تخزّن كنصوص فقط، فهي لا تحتاج لأي محرر خاص أو برنامج معيّن لتحريرها والعمل عليها أو إنشائها، فبإمكاننا فتحها من أي جهاز أو نظام تشغيل، ويمكن عرضها في كل أنواع المتصفحات، النصية والكفّية ومتصفحات الصور، من أبسطها وحتى أحدثها، ستعرض الـHTML (ستكون هناك اختلافات وتغييرات بسيطة بالطبع، وسنتحدث عن هذا الموضوع لاحقاً).. فهذا يجعلها عالمية مشهورة سهلة الوصول والاستخدام والرؤية، في كل مكان في العالم وبأي نظام أو جهاز حاسوب.. فالويب مفتوح للجميع.
أظن أن هذا يكفي في تعريف هذه اللغة، ولن أتحدث عن تركيب وهيكلة وقواعدها، فالتفاصيل تجدونها في كتب تعليمها.
كيف نتعلم الـHTML؟
هناك الكثير من الكتب والمراجع الأجنبية وهناك الكتب والمراجع العربية أيضاً.
إذا سألتني مالأفضل فبرأيي أن كتب الـHTML الأجنبية هي الأفضل.
وسأورد هنا بعض الكتب والمواقع:
1. - الكتاب الأجنبي (HTML VQS 6e):
وهذه هي الطبعة السادسة منه وصدرت منذ أيام قليلة، وأنا أملك الطبعة الخامسة، وهو أفضل كتاب قرأته لتعليم الـHTML وقد بيعت منه الكثير الكثير من النسخ وترجم إلى العديد من اللغات، فهو من أفضل الكتب المتعلقة بهذه اللغة.
2. - الكتاب العربي لتعليم الـHTML وهو (الـHTML من إتش بي بالعربية):
وهو متوفر عبر موقع صاحب الكتاب وتستطيع قراءته أو طباعته، ويوجد في مواقع التحميل بصيغة كتاب الكتروني، لكن أفضّل الموقع الرئيسي بصراحة فكل شيء مرتبط به، وهذه الدروس منذ أكثر من 7 سنوات، لكنها مازالت صالحة، وعيبها أن الدروس ليست مكتملة وأن أموراً كثيرة تم تغييرها.
3. - دروس الـHTML من موقع W3Schools من هنا (HTML Tutorials):
ويعيبه أنه مختصر كثيراً بحيث أنه ربما سيصعب قليلاً على المبتدئين أو لن يعرفوا منه كل شيء، لكنه رائع بملحقاته الكثيرة المفيدة والأمثلة والأدوات.
4. - يمكنك المرور على إحدى المكتبات الكبيرة مثل مكتبة جرير والنظر لبعض الكتب المترجمة إلى العربية، فهي برأيي أفضل من التي كتبها عرب، هذا حسب تجربتي، ولا أعرف كتاب محدد في هذا
اختبر نفسك في الـHTML
هذا اختبار بسيط جداً وسهل، لكنه مفيد لمعرفة قدراتك في الـHTML، يمكنك الدخول إليه من هنا: (W3Schools HTML Quiz)، وقد حصلت فيه على درجة كاملة والحمدلله.
نسمع دائماً كلمة HTML والأغلب يعرفها، لكن شتّان بين معرفة وأخرى.
قبل أن أتعلم الـHTML، كنت أعرف أن هذه اللغة هي التي تظهر في كود صفحة موقعي، وكنت أظن أني -ببعض التعديلات البسيطة في الكود- أنني أفهم الـHTML جيداً، وهكذا الحال مع الكثيرين ممن أخبروني أنهم خبراء في هذه اللغة، ولم أفهم معناها وفائدتها واستخدامها فهماً صحيحاً حتى تعلمتها.
في هذا المقال سوف أضع تعريفاً بهذه اللغة وبعض النقاط الأخرى البسيطة، ولن أتعمق في الحديث عنها كثيراً فالكتب والمقالات كثيرة في هذا المجال.
ماهو HTML:
لغة HTML هي اختصار لجملة (Hyper Text Markup Language )، وقد صُـنِـعَـت لعرض المعلومات والروابط في صفحة الإنترنت.
وتقوم هذه اللغة بوصف وهيكلة المحتويات بشكل وتنسيق مناسبين، وذلك من خلال الـTAGS الخاصة بها لتظهر لنا بالشكل الذي نراه في صفحات الويب، فهي إذاً ليست لغة برمجة كما يظن البعض.
ولقد صُـنِـعَـت هذه اللغة من قبل مخترع الويب (Tim Berners-Lee)، ثم طُـوِّرت من قبل منظمة (IETF)، والآن أصبحت منظمة الويب العالمية (W3C) هي الراعية لهذه اللغة والمسؤولة عنها.
تاريخ HTML:
أظن ان مقالة الأخ ابوخالد تكفي لمعرفة تاريخ الـHTML باختصار:
http://www.devpedia.org/articles/index.php?p=30
أقسام HTML الرئيسية:
تتكون لغة الـHTML من ميزتين أساسيتين، وهما:
HyperText:
وتعني أنه بإمكانك صنع رابط تشعّبي في أحد الصفحات، ينقل الزائر لأي صفحة ويب أخرى أو حتى أي شيء آخر في عالم الإنترنت، بحيث تكون المعلومات مترابطة ومتشابكة بشكل سلس، ويصبح من السهل الوصول لها بطرق عديدة وشتّى وأماكن مختلفة وكثيرة.
وقد أراد مخترع الويب (Tim Berners-Lee) بهذه اللغة أن يجعل وصول المعلومات وانتشارها سهلاً ومرناً أكثر من الطريقة الجامدة المعهودة في الكتب، بحيث تكون أقرب إلى طريقة عقل الإنسان في التفكير وجلب المعلومات بسرعة وسهولة.
Universality (العالمية):
وهذا لأن الـHTML ومحتوياتها وصفحاتها تخزّن كنصوص فقط، فهي لا تحتاج لأي محرر خاص أو برنامج معيّن لتحريرها والعمل عليها أو إنشائها، فبإمكاننا فتحها من أي جهاز أو نظام تشغيل، ويمكن عرضها في كل أنواع المتصفحات، النصية والكفّية ومتصفحات الصور، من أبسطها وحتى أحدثها، ستعرض الـHTML (ستكون هناك اختلافات وتغييرات بسيطة بالطبع، وسنتحدث عن هذا الموضوع لاحقاً).. فهذا يجعلها عالمية مشهورة سهلة الوصول والاستخدام والرؤية، في كل مكان في العالم وبأي نظام أو جهاز حاسوب.. فالويب مفتوح للجميع.
أظن أن هذا يكفي في تعريف هذه اللغة، ولن أتحدث عن تركيب وهيكلة وقواعدها، فالتفاصيل تجدونها في كتب تعليمها.
كيف نتعلم الـHTML؟
هناك الكثير من الكتب والمراجع الأجنبية وهناك الكتب والمراجع العربية أيضاً.
إذا سألتني مالأفضل فبرأيي أن كتب الـHTML الأجنبية هي الأفضل.
وسأورد هنا بعض الكتب والمواقع:
1. - الكتاب الأجنبي (HTML VQS 6e):
وهذه هي الطبعة السادسة منه وصدرت منذ أيام قليلة، وأنا أملك الطبعة الخامسة، وهو أفضل كتاب قرأته لتعليم الـHTML وقد بيعت منه الكثير الكثير من النسخ وترجم إلى العديد من اللغات، فهو من أفضل الكتب المتعلقة بهذه اللغة.
2. - الكتاب العربي لتعليم الـHTML وهو (الـHTML من إتش بي بالعربية):
وهو متوفر عبر موقع صاحب الكتاب وتستطيع قراءته أو طباعته، ويوجد في مواقع التحميل بصيغة كتاب الكتروني، لكن أفضّل الموقع الرئيسي بصراحة فكل شيء مرتبط به، وهذه الدروس منذ أكثر من 7 سنوات، لكنها مازالت صالحة، وعيبها أن الدروس ليست مكتملة وأن أموراً كثيرة تم تغييرها.
3. - دروس الـHTML من موقع W3Schools من هنا (HTML Tutorials):
ويعيبه أنه مختصر كثيراً بحيث أنه ربما سيصعب قليلاً على المبتدئين أو لن يعرفوا منه كل شيء، لكنه رائع بملحقاته الكثيرة المفيدة والأمثلة والأدوات.
4. - يمكنك المرور على إحدى المكتبات الكبيرة مثل مكتبة جرير والنظر لبعض الكتب المترجمة إلى العربية، فهي برأيي أفضل من التي كتبها عرب، هذا حسب تجربتي، ولا أعرف كتاب محدد في هذا
اختبر نفسك في الـHTML
هذا اختبار بسيط جداً وسهل، لكنه مفيد لمعرفة قدراتك في الـHTML، يمكنك الدخول إليه من هنا: (W3Schools HTML Quiz)، وقد حصلت فيه على درجة كاملة والحمدلله.
