مقدمة..
في البدأ سناخذ مقدمة شاملة للhtml نشرح فيها فكرة اللغة بشكل موسع حتى يكون لدينا معلومات عن هذه اللغة التي لايمكن البدء بأي خطوة من غيرها في الأنترنت ..فهي لغة الاساس في الانترنت..ومن خلال الشرح لأي امر من الأوامر البناء سيكون هناك امثلة ..
وبالنسبة للمقدمة ستكون على شكل اسئلة واجوبة لكنها شاملة لكل جوانب هذة اللغة ..وبعد ذلك سنتعرف على باقي الشفرات المستخدمة فيها بشكل مفصل.
ختاماً اتمنى اذا عندكم طرق آخرى لشرح الدروس بها وتكون اسهل لكم ياريت تطرحونها هنا او ترسلونها على الخاص تمنياتي للكم بالتوفيق والفائدة ..لاتنسوني من دعاء بظهر الغيب
ماهي لغة HTML؟
هي الغة المستخدمة لإنشاء صفحات الإنترنت وهي أختصار لكلمة (Hyper ************ Markup ************************)
و الـ Hyper ************ هي الطريقة الخاصة بالتحرك علي صفحات الأنترنت بالضغط علي نص معين يدعي (Hyperlinks ) و هي وسيله للتنقل لأي مكان في شبكة الإنترنت عن طريق الضغط علي الوصلات الإرتباطات التشعبيه) LINKS و تعتمد علي (TAGS) داخل الأوسمة بمعني أنها تحتوي علي أكواد كأي لغة أخري .
وهناك تعريف آخر وهو انها تعني بالغة العربية لغة تركيز النصوص التشعبية ومستند html هو مجرد ملف نصي عادي يحتوي على شيفرات خاصة تسمى الوسوم(TAGS) في معظم الاحيان يملك كل عنصر وسم فتح ووسم اغلاق (<,>) كما سيتقدم في الصور ..
ماهي اهم الأدوات التي يمكن استعمالها قبل أن نبدأ بإنشاء موقع ويب في العالم؟؟
التخطيط يجب عليك التخطيط قبل كل شيء البدء بالتخطيط وهذا مهم جداً أن تعرفي عدة نقاط..
1-جمهورك :ماهو نوع هذا الجمهور وأي متصفح يستخدم الموقع وطبيعة الجمهور ..ثقافتة..وحتى عاداته..وديانة الذين سيقومون بزيارة صفحتك.
2-غايتك :إن بناء صفحة وب للتسلية يختلف تماماً عن بناء موقع لبيع المنتجات التجارية.
3-لاتحاولي جعل صفحتك بطيئة..فالمستخدم لن ينتظر
4-أبقها منظمة دائماً.
5-اجعلها ممتعة للمشاهدز
6-اعط المستخدمين عناصر تنقل كافية..تاكدي دائماً من ان بإمكان المستخدم العودة إلى القائمة الرئيسية .
7-إختبار الموقع ..إختبري موقعك دائماً..
مميزات هذة اللغة:
1-لاتحتوي على جمل التحكم والدوران ..وعند الحاجة لااستخدام هذه الجمل يجب تضمين شيفرات من ملفات آخرى ************ و ****************************** و CGI تهتم منظمة الـ>> W3C <http://www.w3.org/>بتصميم ونشر اللغة وتوزيعها في أنحاء العالم ..
2-لاتحتاج إلى مترجم خاص بها (COMPILER) .
3-وهي غير مرتبطة بنظام تشغيل معين .. لانه يتم تفسيرها وتنفيذ تعليماتها مباشرة من قبل متصفح الإنترنت وبغض النظر عن نظام المستخدم ..كما سنتعرف فيما بعد ..
4-وهي لغة بسيطة جداً وسهلة الفهم والتعلم.
5-لاتحتاج لمعرفة مسبقة بلغات البرمجة والهيكلة المستخدمة فيها ..
6-يشترط ان تكون الصور وملفات الصوتية في نفس المجلد الذي تم حفظ صفحت الويب فيه..
7-لايشترط أن تكوني متصلة بالانترنت فاانتِ تقوم بكتابه الصفحات و الأكواد وتنسق جميع صفحات موقعك بدون الإتصال بالإنترنت ولكن تحتاج للإتصال بها فقط عندما تود أن تنقلي موقع إلي الإنترنت أو التعديل في صفحة من الصفحات بعد نقلها إلي الإنترنت ؟
ماذا تحتاج لهذة اللغة؟
1- لايتطلب كتابة ملف HTML به برامج خاصة ..بل نحتاج فقط إلى برنامج لتحرير النصوص البسيطه ومعالجتها .. وبرنامج المفكرة الموجود في ******************s يفي بهذا الغرض
PC : | Start | >Programs > Accessories > NotePad .
أما بالنسبه لمستخدمي أجهزة MAC فلديهم برنامج
MAC : | Apple menu | > Mac hard drive > Applications > Simple ************
2-وايضاً متصفح الإنترنت
1-Ms internet
2-Netscape Navigator
لمعاينة الصفحات التي تقوم بتصميمها .
3-تحتاج قليل من التفكير المنطقي وترتيب الأفكار.
4- تحتاج لمحرر صور مثل Adobe Photoshop أو Paint Shop Pro
5-حفظ النصوص المكتوبة بملف يحمل الاسم الممتد .HTML أو .HTM
مما تتكون هذه اللغة ؟
تتكون مفردات لغة HTML من شيفرات تسمى TAGS أي الوسوم وهي تستخدم بشكل أزواج وتكتب بالصيغة التالية (من اليسار إلى اليمين)
http://www.dl33.com/upload.php?aa=11171041072760
فعلى سبيل المثال الوسم <B> يستخدم لكتابة الكلمات بخط أسود عريض Bold وذلك بالشكل التالي:
<B/>النص<B>
وهناك بعض الوسوم الخاصة التي تستخدم بصورة مفردة مثل وسم نهاية السطر <BR> أو قد تستخدم بكلتا الحالتين مثل وسم الفقرة <P>.
وسوف نناقش هذه الوسوم وغيرها بالتفصيل في الدروس القادمة أنشاء الله .
هل تقوم الـ HTML بعمل كل شيء في صفحات الموقع ؟
بالطبع تقوم الـ HTML بعمل كل شيء ولكن عندما يصبح موقع أكثر شعبيه و يكون لديك المزيد من زوار فالابد من الإستعانة ببعض اللغات المساعدة مثل الجافاسكريبت ****************************** و التي تقوم بوضع بعض الخدع و المؤثرات و التحسينات بالموقع ، كذلك من الممكن الإستعانة بالـ CSS لمزيد من السرعة في خلق الصفحات و تنسيقها .
ملاحظة:
يوجد العديد من البرامج التي تستخدم لإنشاء صفحات HTML ..دون الحاجة لمعرفة هذة اللغة مثل برنامج الفرونت بيج او Dreamweaver MX 2004 وغيرها الكثير من البرامج حيث يقوم المستخدم بكتابة الصفحات وتصميمها بما تحوية من نصوص وصور ورسوم وجداول ثم يقوم البرنامج بتخليق(كتابة) الوسوم المناسبة (او ال؟أكواد CODE) ويتم تحويل هذه الصفحات تلقائياً وحفظها بتنسيق HTML .أي أن دور المستخدم ينحصر في الكتابة والتصميم فقط ..دون معرفة الشيفرة التي استخدمت ..وبالتالي عدم قدرته على التحكم بأي وسم او تعديل للكود او الشفرة حسب الحاجة ..الا من خلال إعادتة للتصميم الاساسي ثم إعادة التحويل والحفظ من قبل البرنامج..
ولإتقان هذة اللغة لابد من حفظ الأكواد مثل اسمك.......
هذه مقدمة سريعة للغة HTML وسنتعرف بعد ذلك على اساسيات هذه اللغة والتطبيق العملي وساأضع كتاب ممكن نشرح منه بعد ماتقراون كل فصل من فصولة نشرحة ونتناقش فيه واذا عندكم طريقة افضل ياريت تكتبونها ..تمنياتي للجميع بالتوفيق واي سؤال انا بالخدمة
للأمانة تم الاستعانة بعدة مواقع ومنتديات مع بعض الاضافات ..
حمل الكتاب (http://www.flashyat.com/main/book/HTML.zip)