كل مايخص Html ... شـــــــــــــــــــــــــــــــــــرح مع دروس خطوة خطوة للإحتراف

Admin عدد المساهمات : 213 تاريخ التسجيل : 07/09/2009

تعلم لغة HTML

نظراً للأهمية المتنامية لشبكة الإنترنت والتواجد

عليها ، تبرز أهمية لغة HTML كأداة أساسية لتصميم صفحات الانترنت ومن خلال هذه الدورة

يستطيع الدارس إكتساب مهارة تصميم وتنفيذ صفحات الانترنت بمختلف أشكالها.

أهداف الدورة :
بنهاية هذه الدورة بنجاح، ستتمكن من تنفيذ التالى :
-تطبيق الاوامر الخاصة ببناء صفحة HTML
-تطبيق الاوامر الخاصة بتنسيق النصوص والصور والخلفيات
-تطبيق الاوامر الخاصة بعمل الإطارات FRAMES
-تطبيق الاوامر الخاصة بعمل النماذج Forms
-تطبيق الاوامر الخاصة بعمل الجداول TABLES
-تطبيق الاوامر الخاصة بعمل ال LINKS
-تطبيق الاوامر الخاصة بعمل القوائم MENUS
-تطبيق الاوامر الخاصة الوسائط المتعددة MULTIMEDIA

مقدمة:
معنى مصطلح html:
مصطلح Html يعنى Hyper Text Markup Langauge أى لغة ترميز النص الفائق

تطور لغة html:
ظهرت فكرة لغة html فى معمل فيزياء سويسرى فى بداية التسعينات وهى تنتمي الى عائلة لغات لإعداد الصفحات تسمى sgmlو هى أكثرها شيوعا حيث بدأت فى الإنتشار و نجحت آنذاك حيث كان نطاق شبكة المعلومات ضيق جدا ، ففى عام 1993 ظهرت html2 و اتصفت بالسهولة و المرونة و الشمول و ساهمت فى تحقيق الانتشار الضخم لشبكة الانترنت رغم أنها لم تستخدم بصورة رسمية الا انها مهدت بأفكارها لإصدارhtml3 ،وفى عام 1994 ظهرت html3 كتطور لسابقتها و كانت بمثابة تغيرضخم و مفاجئ بالنسبة لمستخدمي الشبكة و لم تتفق مع برامج التصفح الشائعة آنذاك و بالتالي لم تلقى القبول ، وفى عام 1995 ظهرت Html3.2 للتغلب على نواحى قصور سابقتها و تزيد من قدرة تصميم الجداول و التناسق مع برامج التصفح و دعمت استخدام الإطارات و الأشكال و الأوساط المتعددة ، وفى شهر مارس 1997 ظهرت html4 هى احدث نسخة من اللغة و التى نحن بصدد شرحها و جعلت الصفحات اكثر ديناميكية وتفاعلت مع لغات وتطبيقات أخرى عديدة .

أهمية و مزايا تعلم لغة Html:
للإجابة على السؤال الخاص بأهمية لغة html يجدر بنا الإجابة على سؤال آخر و هو - ما هى طبيعة صفحة شبكة الإنترنت ؟ هى انها عبارة عن ملف مكتوب بلغة html أى أن لغة html الأساس والإنترنت هى البناء.

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

دروس على هيئه صفحات HTML لمشاهدة النتائج فعليا من هنا

أو روابط للصفحات للدخول السريع

الدرس الأول : الأساسيات
تعريف ملف Html والوسوم الرئيسية فيه، إنشاء صفحة ويب بسيطة
الدرس الثاني : الألوان
تنسيق الصفحة، أضف لصفحتك بعض الحيوية باستخدام الألوان والخلفيات
الدرس الثالث : الخطوط
التحكم بالخطوط في الصفحة، إختيار أنواعها وأحجامها وتنسيقاتها
الدرس الرابع : الفقرات والقوائم
قم بتنسيق وتنظيم صفحتك، واستخدم القوائم لترتيب بياناتك
الدرس الخامس : الصور والرسومات
إدراجها، التحكم بأحجامها وأبعادها. أنواع ملفات الصور في الويب
الدرس السادس : الروابط والوصلات التشعبية
... كيف وصلت إلى هنا؟؟؟ بالنقر على وصلة تشعبية!
الدرس السابع والثامن : الجداول (1&2)
رتب بياناتك ضمن الجداول، وتحكم بشكل صفحتك بصورة فعالة
الدرس التاسع والعشر والحادي عشر :الإطارات (3&2&1)
* قسم صفحتك إلى إطارات أفقية أو عمودية أو الإثنين معاً ... لا فرق!
* لا يكفي أن تدرج إطاراً في صفحتك، بل حدد خصائصه أيضاً
* أدرجت إطاراً؟ فهل تأكدت من أنه يعمل بالشكل المطلوب...؟
الدرس الثاني عشر : وسوم ... من هنا وهناك
بلا تعليق ... فالعنوان يكفي
الدرس الثالث عشر :الخرائط الصورية
صورة واحدة فقط ... وعدة وصلات تشعبية
لدرس الرابع والخامس عشر : النماذج (1&2)
تودّ أن تستطلع آراء زوارك!؟ ... عليك بالنماذج
الدرس السادس عشر : المتصفحات والوسوم الخاصة
الأرق الدائم لمصممي صفحات الويب
الدرس السابع عشر : الويب واللغة العربية
الويب ... بتتكلم عربي
الدرس الثامن عشر : وسوم META ومحركات البحث
كيف تجعلهم يجدون موقعك..؟!