زى ما عرفنا لغةXML تعالوا نعرف لغة HTML

دورة لتعلّم لغة :: HTML :: اللغة الأساسية في تصميم مواقع الويب بسهولة

بإذن الله ستكون دورة مبسطة وسهلة ويستطيع حتي المبتدئين التعمل مع تلك اللغة وتصميم المواقع بها
فقط تــابع معي

لماذا سأقوم بعمل تلك الدورة المبسطة ؟
أولا : بالطبع لكي يستفيد منها الجميع.
ثانيا:هذا الأهم : أنني لاحظت أن هنـاك الكثير من مصممين المواقع ولكن لا يعلمون شيئا عن تلك اللغة أصلا .. حيث يعتمدون قي ذلك علي البرامج المساعدة كبرنامج Microsoft FrontPage مثلا فهو برنامج ممتـاز ويوفر عليهم الكثيـر من الجهد ..
كمثال
هناك أناس يقومون بإنشاء موقعهم الخاص علي شبكة الإنترنت ببرنامج FrontPage مثلا ثم يأتون بعد ذلك ..يقولوا نحن أخطأنا في كذا وكذا وكذا فكيف يمكننا التعديل في الأكواد بيدينا لكي نصلح ما قمنا بعمله ..أقول لهم كان ينبغي عليك أولا تعلم لغة HTML لأنها الأساس الذي بنيت عليه مثل هذه البرامج ولا ينبغي عليك أن تقوم بالدخول وتصميم موقعك علي الإنترنت بدون علمك بتلك اللغة..فتابع لعلك تستفيد إن شاء الله
فلنبـدأ بسـم الله

أولا لنعرف ماهي لغة HTML ؟
هي اللغة الأساسية المستخدمة لإنشاء صفحات الإنترنت , وجاءت إختصار لكلمة
Hyper Text Markup Language

فمع تطور البرامج التي تمكنك وتتيح لك الإستغناء عن تلك اللغة إلا أنها غاية في الأهمية وينبغي علي كل مصمم أن يكون يكون علي دراية كافية بكيفية عمل الكود ..وتعتبر شرط أساسي لأي مصمم حتي يستطيع بعد ذلك التعامل مع اللغات الأخري كال PHP و Java****** مثلا ..

كيف تعمل لغة HTML وما البرامج اللازمة لتعلمها ؟؟

أولا يلزم لعمل اللغة متصفح كال Internet Explorer أو Netscape وفائدته : هي أنه سيكون بمثابة الشاشة التي سنعرض عليها عملنا خطوة بخطوة ومع كل تعديل .. وبالنسبة للبرامج المطلوبة يكفي أن يكون لديك جهاز جهاز كمبيوتر مثبت عليه نظام تشغيل .. أي نظام ..ومحرر نصوص مثل ال Notpad بالنسبة لل Windows وال Pico بالنسبة لل Linux

أولا سنتعرف علي ماهي مكونــات صفحة الإنترنت ؟

صفحة الإنترنت تتكون من منطقتين أساسيتين وهما الرأس والجسـم
إنظر للصورة

والآن لتبـدأ في تصميم أولي صفحاتك علي شبكة الإنترنت ..

إفتح معي محرر النصوص " Notpad "
كيفية فتح محرر النصوص

إذهب وإضغط ثم إنظر الصورة

بعد فتح محرر النصوص تفضّل بكتابة الآتي بها
<HTML>
<Head>
<Head/>
<Body>
<Body/>
<HTML/>

ما الذي قمت بكتابته حالا ؟؟
أقول لك :هذا هو التكوين الأساسي لجميع مواقع الويب التي تراها ولنبـدأ بالشرح التفصيلي ..

أولا: القوسين ..
<> هذا يسمي Start Tag أو وسم البداية , وبداخله يوضع الأمر المراد تنفيذه..

أمـا < /> هذا يسمي End Tag أو وسم النهاية , وبداخله يوضع الأمر نفس الأمر الموجود في وسم البداية للدلالة علي نهاية تنفيذ هذا الأمر .

وأما بالنسبة ل <HTML>
<Head>
تكتب هنـا الجملة التي تريد أن تكون عنوانا لصفحتك

<Head/>
<Body>
هنـا توضع المحتويات التي تريدها بداخل الصفحة

<Body/>
<HTML/>

لاحظ معي .. في البداية :: في أول كود :: كتبنا <HTML>كدليل أننا نريد البدء في تنفيذ أمر , وفي النهاية كتبنا <HTML/> للدلالة علي إنتهاء تنفيذ الأمر .. وهذا نفس الكـلام الذي سيتكرر مع كل كود أو أمر سنقوم بكتابته من الآن .

صمم أولي صفحاتــك

إفتح محرر النصوص " Notpad " وإكتب معي كما بالصورة

الأكواد هي

<HTML>
<Head>

فريق عمل منتديات المشاغب <title>
<title/>

<Head/>
<Body>

بسـم الله الرحمن الرحيم

<Body/>
<HTML/>

:: ملحوظـة ::

لا أنصـح بنسخ الأكواد ولصقها في محرر النصوص :: ينبغي أن تكتبها أنت بيديك فيكون أفضل

بعد كتابـة الأكواد في محرر النصوص قم بالذهاب لقائمة File ثم إختر Save As واحفظ الملف مع مراعاة الإمتداد Html. فمثلا احفظه بإسم MyPage.html

الآن أغلق ال Notpad وإذهب إلي الصفحة MrPage.html التي قمت بحفها ستجدها قد إتخذت هذا الشكل إفتح الصفحة الآن ولا حظ معي

ماذا تري ؟؟
لاحظ أن في مكان الرأس Head عبارة " فريق عمل منتديات المشاغب " أي أن الكود أو العنصر title هو المسئول عن منطقة الرأس

وفي منطقة الجسم Body عبارة " بسـم الله الرحمن الرحيم " لكن بالطبع تفتقد التنسيق والجمال لكن أُهنيك فأنت قد توصلت إلي نتيجة رائـعة فمعي لنبـدأ معا في عملية التنسيق

لنكن متفقيـن في البداية أن منطقة الرأس Head منتهية أي لا يتم التعديل فيها إلا بتغيير الجملة نهائيا " أي ليس هناك شكل أو لون وكذا..... فسيكون كل عملنا في التنسيق علي منطقة الجسم Body

وهذا ما سنتناوله بالتفصيــل في القسـم الثاني بإذن اللــه

إلي اللقاء مؤقتـا
السـلام عليـكم ورحمة اللــه

مشكووووووووووووور يا ماااان

على المجهود العظيم

شكراااااا ياخال انت والله جامد وكل موضوع اجمد من التاني

مشكور يا بشمهندس على الدرس المفيد وما زلنا ننتظر منك المزيد

شكرا لكل الناس اللى شرفوا مواضيعى فى منتدى البرمجة
وان شاء اللة يا ليدو فى مواضيع كتيرة جاية بس لما الناس تدخل ان شاء اللة كمان وكمان