The Puni$her
02-08-07, 11:09 PM
هلو شباب
شلونكم ؟
اليوم امسويلكم شرح شغل ايدي بموضوع حلو هو لغة ال html الي تعتبر أساس للمصميمي صفحات الانترنت و اساس قبل دراسة ال php أتمنى يعجبكم شرحي
نبدي بالدرس الاول الي هو اختاريتلة عنوان
التعريف بلغة HTML
ماهي لغة HTML ؟
هي اللغة الأساسية المستخدمة لإنشاء صفحات الإنترنت , وجاءت إختصار لكلمة
Hyper Text Markup Language
فمع تطور البرامج التي تمكنك وتتيح لك الإستغناء عن تلك اللغة إلا أنها غاية في الأهمية وينبغي علي كل مصمم أن يكون يكون علي دراية كافية بكيفية عمل الكود ..وتعتبر شرط أساسي لأي مصمم حتي يستطيع بعد ذلك التعامل مع اللغات الأخري كال PHP و JavaScript مثلا ..
كيف تعمل لغة HTML وما البرامج اللازمة لتعلمها ؟؟
--=--أولا يلزم لعمل اللغة متصفح كال Internet Explorer أو Netscape وفائدته : هي أنه سيكون بمثابة الشاشة التي سنعرض عليها عملنا خطوة بخطوة ومع كل تعديل .. وبالنسبة للبرامج المطلوبة يكفي أن يكون لديك جهاز جهاز كمبيوتر مثبت عليه نظام تشغيل .. أي نظام ..ومحرر نصوص مثل ال Notpad بالنسبة لل Windows وال Pico بالنسبة لل Linux
==
الآن سنتعرف علي ماهي مكونــات صفحة الإنترنت ؟
--=--
صفحة الإنترنت تتكون من منطقتين أساسيتين وهما الرأس والجسـم
و الصورة راح اتوضح هذا الكلام
[Link nur für registrierte Benutzer sichtbar]
و هسة نبدي أنصمم أول صفحة أنترنت الك سوة
أول خطوة أفتح فايل notepad جديد ( لا أتكلي متعرف شلون ! )
ورة ما فتحت النوت باد أكتب الاتي
<HTML>
<Head>
<Head/>
<Body>
<Body/>
<HTML/>
شنو هذا الحجي الي كتبتة أنت هسة ؟؟ أكيد صافن دتكول هذا شديحجي !
أقول لك :هذا هو التكوين الأساسي لجميع مواقع الويب التي تراها وراح نبـدي الشرح بالتفصيل ..
أولا: القوسين ..
<> هذا يسمي Start Tag أو وسم البداية , وبداخله يوضع الأمر المراد تنفيذه..
أمـا < /> هذا يسمي End Tag أو وسم النهاية , وبداخله يوضع الأمر نفس الأمر الموجود في وسم البداية للدلالة علي نهاية تنفيذ هذا الأمر .
وأما بالنسبة ل <HTML>
<Head>
تكتب هنـا الجملة التي تريد أن تكون عنوانا لصفحتك
<Head/>
<Body>
هنـا توضع المحتويات التي تريدها بداخل الصفحة
<Body/>
<HTML/>
شوف وياية .. في البداية :: في أول كود :: كتبنا <HTML>كدليل أننا نريد البدء في تنفيذ أمر , وفي النهاية كتبنا <HTML/> للدلالة علي إنتهاء تنفيذ الأمر .. وهذا نفس الكـلام الذي سيتكرر مع كل كود أو أمر سنقوم بكتابته من الآن .
هسة افتح النوت باد مالتك و ابدي أكتب وياية مثل الصورة
[Link nur für registrierte Benutzer sichtbar]
الأكواد هي
<HTML>
<Head>
mostafa<title>
<title/>
<Head/>
<Body>
The Puni$her
<Body/>
<HTML/>
ملاحزة مهمة جدا
اتمنى أنه الاكواد اتكتبوهة بيدكم مو تسولهة كوبي بيست أحسن لغرض التعلم و الاحتراف
بعد كتابـة الأكواد في النوت باد مالتك هسة نخزن الشغل مالتك على شكل صفحة انترنت روح على كلمة File و أختار Save As و اخزن الملف مع مراعاة الإمتداد Html. فمثلا احفظه بإسم mostafa.html
[Link nur für registrierte Benutzer sichtbar]
هسة تروح للمكان الي خزنت بي الصفحة مالتك الخاصة و تفتح الصفحة
شوف شراح يطلعلك
[Link nur für registrierte Benutzer sichtbar]
لاحظ أن في مكان الرأس Head عبارة " The Puni$her" أي أن الكود أو العنصر title هو المسئول عن منطقة الرأس
وفي منطقة الجسم Body عبارة " [Link nur für registrierte Benutzer sichtbar] ([Link nur für registrierte Benutzer sichtbar]) " لكن بالطبع تفتقد التنسيق والجمال لكن أُهنيك فأنت قد توصلت إلي نتيجة رائـعة من اول محاولة الك
لنكن متفقيـن من البداية أن منطقة الرأس Head منتهية أي لا يتم التعديل فيها
إلابتغيير الجملة نهائيا " أي ليس هناك شكل أو لون..... فراح كل عملنا و شغلنا ايكون في التنسيق علي منطقة الجسم Body
و هذا الي راح أشرحة الكم أنشاء الله بالدرس الثاني
أتمنى لهنا كفيت و وفيت بالشرح مالتي و أستفاديتو من عندة ولو الشي القليل
تحياتي
The Puni$her
شلونكم ؟
اليوم امسويلكم شرح شغل ايدي بموضوع حلو هو لغة ال html الي تعتبر أساس للمصميمي صفحات الانترنت و اساس قبل دراسة ال php أتمنى يعجبكم شرحي
نبدي بالدرس الاول الي هو اختاريتلة عنوان
التعريف بلغة HTML
ماهي لغة HTML ؟
هي اللغة الأساسية المستخدمة لإنشاء صفحات الإنترنت , وجاءت إختصار لكلمة
Hyper Text Markup Language
فمع تطور البرامج التي تمكنك وتتيح لك الإستغناء عن تلك اللغة إلا أنها غاية في الأهمية وينبغي علي كل مصمم أن يكون يكون علي دراية كافية بكيفية عمل الكود ..وتعتبر شرط أساسي لأي مصمم حتي يستطيع بعد ذلك التعامل مع اللغات الأخري كال PHP و JavaScript مثلا ..
كيف تعمل لغة HTML وما البرامج اللازمة لتعلمها ؟؟
--=--أولا يلزم لعمل اللغة متصفح كال Internet Explorer أو Netscape وفائدته : هي أنه سيكون بمثابة الشاشة التي سنعرض عليها عملنا خطوة بخطوة ومع كل تعديل .. وبالنسبة للبرامج المطلوبة يكفي أن يكون لديك جهاز جهاز كمبيوتر مثبت عليه نظام تشغيل .. أي نظام ..ومحرر نصوص مثل ال Notpad بالنسبة لل Windows وال Pico بالنسبة لل Linux
==
الآن سنتعرف علي ماهي مكونــات صفحة الإنترنت ؟
--=--
صفحة الإنترنت تتكون من منطقتين أساسيتين وهما الرأس والجسـم
و الصورة راح اتوضح هذا الكلام
[Link nur für registrierte Benutzer sichtbar]
و هسة نبدي أنصمم أول صفحة أنترنت الك سوة
أول خطوة أفتح فايل notepad جديد ( لا أتكلي متعرف شلون ! )
ورة ما فتحت النوت باد أكتب الاتي
<HTML>
<Head>
<Head/>
<Body>
<Body/>
<HTML/>
شنو هذا الحجي الي كتبتة أنت هسة ؟؟ أكيد صافن دتكول هذا شديحجي !
أقول لك :هذا هو التكوين الأساسي لجميع مواقع الويب التي تراها وراح نبـدي الشرح بالتفصيل ..
أولا: القوسين ..
<> هذا يسمي Start Tag أو وسم البداية , وبداخله يوضع الأمر المراد تنفيذه..
أمـا < /> هذا يسمي End Tag أو وسم النهاية , وبداخله يوضع الأمر نفس الأمر الموجود في وسم البداية للدلالة علي نهاية تنفيذ هذا الأمر .
وأما بالنسبة ل <HTML>
<Head>
تكتب هنـا الجملة التي تريد أن تكون عنوانا لصفحتك
<Head/>
<Body>
هنـا توضع المحتويات التي تريدها بداخل الصفحة
<Body/>
<HTML/>
شوف وياية .. في البداية :: في أول كود :: كتبنا <HTML>كدليل أننا نريد البدء في تنفيذ أمر , وفي النهاية كتبنا <HTML/> للدلالة علي إنتهاء تنفيذ الأمر .. وهذا نفس الكـلام الذي سيتكرر مع كل كود أو أمر سنقوم بكتابته من الآن .
هسة افتح النوت باد مالتك و ابدي أكتب وياية مثل الصورة
[Link nur für registrierte Benutzer sichtbar]
الأكواد هي
<HTML>
<Head>
mostafa<title>
<title/>
<Head/>
<Body>
The Puni$her
<Body/>
<HTML/>
ملاحزة مهمة جدا
اتمنى أنه الاكواد اتكتبوهة بيدكم مو تسولهة كوبي بيست أحسن لغرض التعلم و الاحتراف
بعد كتابـة الأكواد في النوت باد مالتك هسة نخزن الشغل مالتك على شكل صفحة انترنت روح على كلمة File و أختار Save As و اخزن الملف مع مراعاة الإمتداد Html. فمثلا احفظه بإسم mostafa.html
[Link nur für registrierte Benutzer sichtbar]
هسة تروح للمكان الي خزنت بي الصفحة مالتك الخاصة و تفتح الصفحة
شوف شراح يطلعلك
[Link nur für registrierte Benutzer sichtbar]
لاحظ أن في مكان الرأس Head عبارة " The Puni$her" أي أن الكود أو العنصر title هو المسئول عن منطقة الرأس
وفي منطقة الجسم Body عبارة " [Link nur für registrierte Benutzer sichtbar] ([Link nur für registrierte Benutzer sichtbar]) " لكن بالطبع تفتقد التنسيق والجمال لكن أُهنيك فأنت قد توصلت إلي نتيجة رائـعة من اول محاولة الك
لنكن متفقيـن من البداية أن منطقة الرأس Head منتهية أي لا يتم التعديل فيها
إلابتغيير الجملة نهائيا " أي ليس هناك شكل أو لون..... فراح كل عملنا و شغلنا ايكون في التنسيق علي منطقة الجسم Body
و هذا الي راح أشرحة الكم أنشاء الله بالدرس الثاني
أتمنى لهنا كفيت و وفيت بالشرح مالتي و أستفاديتو من عندة ولو الشي القليل
تحياتي
The Puni$her