هذا الدرس سيعطيك مقدمة قصيرة عن صديقك الجديد، HTML.
لكي نختصر القصة، HTML اخترعت في عام 1990م من قبل عالم يسمى تيم بيرنرز لي، الهدف من هذه اللغة هو تبسيط عملية وصول العلماء في جامعات مختلفة إلى البحوث التي ينشرونها، المشروع نجح بشكل لم يتصوره تيم بيرنرز لي، باختراعه HTML قام تيم بوضع أساس شبكة الويب كما نعرفها اليوم.
HTML هي لغة تسمح بعرض المعلومات (مثال: البحوث العلمية) على شبكة إنترنت، ما تراه عند زيارتك لأي صفحة في الشبكة هو ترجمة المتصفح لأوامر HTML، لكي ترى HTML لأي صفحة تزورها عليك أن تضغط على قائمة عرض "View" ثم المصدر "Source".
لمن لم يعتد على رؤية هذه الأوامر، HTML تبدو معقدة لكن هذا الدرس سيساعدك على أن تفهمها.
HTML تستخدم لإنشاء المواقع، هذا كل شيء ببساطة!
الآن أنت تعرف ماذا تعني HTML وXHTML، لنبدأ مع ما يهمنا هنا: إنشاء المواقع.
ما هي HTML
HTML هي اللغة الأم لمتصفحك.لكي نختصر القصة، HTML اخترعت في عام 1990م من قبل عالم يسمى تيم بيرنرز لي، الهدف من هذه اللغة هو تبسيط عملية وصول العلماء في جامعات مختلفة إلى البحوث التي ينشرونها، المشروع نجح بشكل لم يتصوره تيم بيرنرز لي، باختراعه HTML قام تيم بوضع أساس شبكة الويب كما نعرفها اليوم.
HTML هي لغة تسمح بعرض المعلومات (مثال: البحوث العلمية) على شبكة إنترنت، ما تراه عند زيارتك لأي صفحة في الشبكة هو ترجمة المتصفح لأوامر HTML، لكي ترى HTML لأي صفحة تزورها عليك أن تضغط على قائمة عرض "View" ثم المصدر "Source".
لمن لم يعتد على رؤية هذه الأوامر، HTML تبدو معقدة لكن هذا الدرس سيساعدك على أن تفهمها.
ما فائدة HTML؟
إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML، حتى لو استخدمت برنامجاً لإنشاء المواقع مثل دريمويفر، معرفتك للغة HTML ولو بشكل بسيط ستساعدك على إنشاء مواقع أفضل، الجميل أن هذه اللغة سهلة التعلم، في درسين فقط ستتعلم كيفية إنشاء موقعك الأول.حسناً، ماذا تعني H-T-M-L؟
HTML هي اختصار "HyperText Mark-up Language"، أنت لا تحتاج في هذه المرحلة لمعرفة ماذا تعني هذه المصطلحات، مع ذلك لنشرحها بتفصيل أكبر.- Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
- Text تعني النص، وهذه تشرح نفسها.
- Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
- Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.
الآن أنت تعرف ماذا تعني HTML وXHTML، لنبدأ مع ما يهمنا هنا: إنشاء المواقع.
درس HTML - جدول المحتويات
- مقدمة
مقدمة قصيرة للدرس وما يمكن أن تتعلم فيه. - الدرس الأول: لنبدأ
تعرف على الأدوات التي تحتاجها لإنشاء موقعك. - الدرس الثاني: ما هي HTML؟
تعرف على HTML وما تعنيه. - الدرس الثالث: العناصر والوسوم؟
ما هي العناصر والوسوم وفي ما تستخدم. - الدرس الرابع: إنشاء موقعك الأول
تعلم إنشاء وثيقة HTML الأولى - القالب الأساسي للصفحات الأخرى. - الدرس الخامس: ماذا تعلمت حتى الآن؟
ملخص ما تعلمته حتى الآن وما ستتعلمه في الدروس القادمة. - الدرس السادس: المزيد من العناصر
تعرف على العناصر السبعة الأكثر استخداماً. - الدرس السابع: الخصائص
تعلم إضافة المزيد من المعلومات للوسوم وتكوين أوامر واضحة. - الدرس الثامن: الروابط
اكتشف كيف تقوم بإنشاء رابط بين صفحتك وأي صفحة على الإنترنت. - الدرس التاسع: الصور
اكتشف كم هو سهل وبسيط أن تضيف صوراً لصفحتك. - الدرس العاشر: الجداول
قم بإنشاء الجداول لعرض المحتويات. - الدرس الحادي عشر: المزيد حول الجداول
المزيد من الأوامر المتقدمة لإنشاء الجداول. - الدرس الثاني عشر: التصميم (CSS)
استوعب كيف يمكن لتقنية CSS أن تستخدم لإنشاء تصميم لصفحتك. - الدرس الثالث عشر: نشر الصفحات
نشر صفحاتك على الإنترنت ليستطيع الآخرون الإطلاع عليها. - الدرس الرابع عشر: المعايير القياسية
تعلم المعايير القياسية للغة HTML وكيف تتأكد بأن ما كتبته صحيح. - الدرس الخامس عشر: النصائح الأخيرة
نصائح مختلفة لموقع أفضل.
ليست هناك تعليقات:
إرسال تعليق