Header Ads

دورة لغة HTML


لكي نختصر القصة، HTML اخترعت في عام 1990م من قبل عالم يسمى تيم بيرنرز لي، الهدف من هذه اللغة هو تبسيط عملية وصول العلماء في جامعات مختلفة إلى البحوث التي ينشرونها، المشروع نجح بشكل لم يتصوره تيم بيرنرز لي، باختراعه HTML قام تيم بوضع أساس شبكة الويب كما نعرفها اليوم.

HTML هي لغة تسمح بعرض المعلومات (مثال: البحوث العلمية) على شبكة إنترنت، ما تراه عند زيارتك لأي صفحة في الشبكة هو ترجمة المتصفح لأوامر HTML، لكي ترى HTML لأي صفحة تزورها عليك أن تضغط على قائمة عرض "View" ثم المصدر "Source".



أساسيات HTML


الدرس 01 – الخطوة الأولى
نظرة عامة عن لغة HTML

الدرس 02 – المقدمة Introduction
ماهي لغة HTML

الدرس 03 – البداية مع HTML
تستخدم لغة HTML لوصف صفحات الانترنت.

الدرس 04 – أساسيات HTML
لاتقلق اذا كانت هذه الأمثلة لمفاتيح “tags” لم تتعلمها بعد ستتعلمهم في الدروس القادمة

الدرس 05 – العناصر
ان صفحة HTML معرّفة بعناصر HTML

الدرس 06 – اللواحق Attributes
اللواحق تزود معلومات إضافية حول عناصر HTML.

الدرس 07 – العناوين
عناوين HTML : إن العناوين مهمة في مستند HTML

الدرس 08 – الفقرات
مواضيع HTML : إن مستندات HTML مقسمة إلى مواضيع.

الدرس 09 – التشكيل
النصوص : يمكن استخدام المفاتيح بعض المفاتيح لجعل النص غامق او جعل النص مائل .

الدرس 10 – شكل الخطوط
الخطوط : تم اهمال المفتاح من HTML 4 وحذفه من HTML 5

الدرس 11 – التصميم
تستخدم CSS لتصميم عناصر HTML

الدرس 12 – الروابط
يمكن ايجاد الروابط التشعبية تقريباً في كل موقع انترنت . تسمح الروابط التشعبية للمستخدمين بالانتقال من صفحة الى أخرى

الدرس 13 – الصور
تحدد الصور في صفحة HTML من خلال المفتاح

الدرس 14 – الجداول
يتم تعريف الجداول من خلال المفتاح

الدرس 15 – القوائم
أشهر قوائم HTML هم القائمة المرقّمة والقائمة الغير مرقّمة (منقّطة)

الدرس 16 – النماذج Forms
تستخدم النماذج لتحديد مدخلات مختلفة من قبل المستخدمين .

الدرس 17 – الاطارات Frames
باستخدام الإطارات يمكنك عرض أكثر من صفحة من موقعك بنفس نافذة المتصفح .

الدرس 18 – الاطارات iframes
تستخدم الاطارات الداخلية لعرض صفحة ويب داخل صفحة الويب الأصلية .

الدرس 19 – الألوان
يتم ظهور الألوان من خلال الدمج بين اللون الأحمر RED و الأخضر GREEN و الأزرق BLUE



الملتيميديا Multimedia


الدرس 01 – الميديا Media
الوساط المتعددة هي الصوت والموسيقى والفيديو والرسوم المتحركة .
تدعم جميع المتصفحات الحديثة جميع امتدادات الوسائط المتعددة

الدرس 02 – الصوت Audio
يمكن تشغيل الأغاني على صفحة HTML بعدة طرق مختلفة .

الدرس 03 – الأشياء Objects
ان الهدف من مفتاح استخدام الاضافات المساعدة والمدعومة من HTML

الدرس 04 – الفيديو Videos
يمكن تشغيل الفيديو في صفحات HTML من خلال طرق كثيرة مختلفة .

الدرس 05 – اليوتيوب Youtube
أفضل طريقة لعرض الفيديو (الخاص بك أو بغيرك) في صفحات HTML استخدام اليوتيوب .



الدروس المتقدمة HTML


الدرس 01 – الهيكل
يعتبر هيكل الموقع ضروري جداً لإظهار موقعك بشكل جيد ولهذا قم بتصميم هيكل موقعك بحذر .

الدرس 02 – نوع الصفحة
تخضع تعريف صفحة الويب الى القوانين لغة الترميز التشعبية التي تستخدمها لانشاء موقعك كما يقوم المتصفح بمحاسبة أكوادك وفقاً لتعريف الصفحة التي عرفتها به .

الدرس 03 – التصميم CSS
تم إزالة مفاتيح التعديل من صفحة HTML مثل (font) و تم استبدلها و حفظها في ملف تصميم منفصل .

الدرس 04 – الرأس <head>
يجمع رأس الصفحة الكثير من مفاتيح الرأس التي تعتبر من أهم عناصر الصفحة

الدرس 05 – ماوراء الموقع Meta
يقدم المفتاح معلومات خاصة حول صفحة HTML .

الدرس 06 – السكربت Scripts
تجعل لغة الجافاسكربت JavaScript موقعك حيوياً و تواصلي أكثر

الدرس 07 – الرموز Entities
لايجب استخدام الرموز الخاصة مباشرة لذلك يجب استخدام كود خاص بها .

الدرس 08 – الروابط الموحدة URL
ان كلمة URL هي كلمة أخرى لرابط الموقع

الدرس 09 – Encode
تقوم URL encoding بتحويل الرموز الى صيغة معينة يمكن استخدامها عبر الانترنت

الدرس 10 – ملخص عام HTML
في هذا المنهاج تعلمت كيف تقوم بإنشاء موقعك الخاص باستخدام HTML





لغة XHTML




الدرس 01: تعريف الصفحة في لغة XHTML

الدرس 02: تركيبة XHTML

الدرس 03: أيهما أستخدم HTML أو XHTML ؟


يتم التشغيل بواسطة Blogger.