من تعلم انشاء المواقع من الصفر حتى الإحتراف بالـ HTML, CSS

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..






اليوم سوف تكون بداية
الشرحات الحقيقية لإنشاء المواقع الإليكترونية الخاصة.

فكرة هده
الدورة جاءت عندما لاحظت أن هناك الكثير من ألأعضاء يريدون انشاء مواقع
اليكترونية

ولكن لا يجدون مواضيع مكتملة ومشرحة بشكل واضح, فقط بعض
الشرحات المبتورة تكون بداية لإنشاء موقع أو تطوير الى غير دلك

والتي
تجلعهم يتراجعون عن فكرة انشاء موقع اليتكروني

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

-وأهم شئ هو المتابعة وطرح ألأسئلة حول ألأشياء
غير الواضحة,ومن جهتي سوف أشرح بالتفصيل كل ألأشياء التي

لم يتم
توضحها في الشرحات,كما سوف أجيب عن الإستفسارات التي سوف تتفضلون بطرحها.

لن
أطيل في الكلام وتدكورا أن هده الدورة حصريا ولم يتم التطرق لها في أي
منتدى.أقول هدا لأنني متأكد أن هناك

شخص واحد لن يعجبه أمر احضار
الجديد.


قبل البدأ في الدورة يجب على جميع ألأعضاء تحميل برنامج
notepad++

لأنه سوف يساعدنا في الشرحات واليكم رابط تحميل
البرنامج

Télécharger Notepad++ gratuit


بعد التحميل
وتثبيث البرنامج ندهب الى اعداد البرنامج حسب اللغة البرمجية التي سوف

نستعمل,ودلك
كما يلي:



ثم
نتخار اللغة التي سوف نعمل عليها



















ثم





نجرب العمل ودلك بالضغط على الملف الدي قمنا
بانشائه,حيث سوف تظره النتيجة التالية:





الكثير
منكم طبعا الدين لم يسبق لهم البرمجة سوف يقولون يستاهل اعدام
كل هدا
التعب وفي ألأخير نصل الى نتيجة غير مرضية
أقول لكم ان اردتم الوصول الى
أي شئ عليكم بالصبر فا القادم أحلى
وادا لم تستوعبوا هدا الدرس
وتطرحوا استفسراتكم أكيد لن تكونوا في الصورة
في الدرس القادم

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..





https://2img.net/r/ihimizer/img339/2074/14016816.gif

قائمة
الدروس السابقة

[هذا الموضوع متميز] الدرس(1):من تعلم انشاء
المواقع من الصفر حتى الإحتراف(حصريا)

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

في الدرس السابق وصلنا الى هده
النتيجة



وأظن
أن الكثير منكم لم تعجبه النتيجة بحكم أنها عادية وغير منظمة

لكن
حديثنا سوف يستمر وسوف تقومون أنتم بتنظيم هده النتيجة مرغمين

كيف
دلك ؟ هدا ما سوف نراه ألأن.

لنعد الى شكل الوثيقة العام الدي
عملناه من قبل مع اضافة بسيطة عليه



ألأن
سوف نحاول التقدم في تصميم الموقع وسوف نتخار الجزء العلوي للصفحة كا
مثال لنعمل عليه

فيما سوف نطبق نفس الشئ على باقي ألأجزاء فقط
يلزمنا التركيز وفهم هدا الشرح لنقوم بتعميمه على وسط الصفحة وأسفل الصفحة :

رأس
الصفحة كنا قد حددناه سابقا في هدا الجزء



نعود
الى وسم الستايل ونقوم بتعريف ستايل الخاص لرأس الصفحة على الشكل التالي :



ألأن
سوف نأخد الستايل الخاص لنضعه كا شفرة لرأس الصفحة ودلك على الشكل التالي:



أتوماتكيا كل الخصائص التي وضعناها في الستايل سوف تظره في رأس الصفحة
على الشكل التالي:



بدأت
ألأمور تتحسن تدريجيا وتظهر معاليم الموقع لكن ليس بالشكل المطلوب
والمنتظر

متفق معكم تماما نحن ألأن حسب وجهة نظري لم نفعل شئ
ولازلنا نقدم المفاهيم ألأساسية

لحد ألأن استعملنا html و css بشكل
بسيط سوف نتقدم في الدرس القادم.

أريد أن أشير في ألأخير أن لغة CSS
هي المسؤولة عن تنسيق الصفحات ودلك فيما يخص ألألوان

وحجم الكتابات
الى غير دلك من الخصائص التي سوف نراها عندما نتقدم في الدروس

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..

https://2img.net/r/ihimizer/img339/2074/14016816.gif



للتدكير فقط قمنا سابقا بتقسيم صفحة البداية الى ثلاث أجزاء :

1-الجزء
العلوي

2-الجزء الوسط

3-الجزء السفلي

-وفي الدرس
السابق رأينا كيف نعمل على الجزء العلوي.

اليوم في هدا الدرس سوف
نعمل على باقي ألأجزاء.

وصلنا الى هنا



وكانت
النتيجة على الشكل التالي:



ألأن
سوف ننتقل لنعمل على وسط الصفحة

وسوف نقوم بنسف الشئ الدي قمنا به
في أعلى الصفحة مع تغير بسيط جيدا

هو أن وسط الصفحة سوف يكون كبير
شيئا ما على أعلى الصفحة

وبالتالي سوف نغير height من 150 الى 400
بيكسيل

ثم سوف نغير لون الخلفية كي يظهر لنا الفرق

ادن:



نتيجة
التعديل الثاني



لاحظوا أننا لم نضيف شئ عن ما رأيناه سابقا ؟

فقط غيرنا المقايس
أما ألأكواد نفسها .

لكن هناك مشكل بسيط أن الكتابة جاءت على
اليسار,ولكن كما نعلم اللغة العربية تكون من اليمين الى اليسار

-الجواب
سهل جيدا وهو على الشكل التالي:



النتيجة
بعد التعديل



نستمر
ألأن في تفصيل موقعنا ودلك بالعمل على أسفل الصفحة



النتيجة
النهائية لعملنا هي :



ألأن
انتهينا من تقسيم الصفحة

يمكنكم تغير ألألوان حسب دوقكم أنا
استعملت هده ألألوان لأنها تظهر بشكل واضح

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..


نستمر في عالم انشاء المواقع ودلك مع
الدرس الرابع من دروسي حول

انشاء موقع اليكتروني من الصفر اليوم سوف
نفصل في الموقع أكثر فا أكثر.

قبل دلك راجعوا الدرس الثالث كي
تعرفوا أين وصلنا.

كا رأيتم شكل الصفحة لم يكن وسط الشاشة؟؟

ولعمل
دلك سوف نضع ما يالي:



ألأن
سوف نعود الى الستايل أعلى الصفحة ونقوم باضافة ستايل خاص للصفحة.



-------------------------

ألأن
سوف نتقدم أكثر في الدرس وسوف نحاول ادخال الروابط الى الصفحة

هده
الروابط سوف تكون في الصفحة



على
مستوى كود الستايل سوف نضيف نضيف ما يلي:



بعد
حفض المعلومات سوف تظهر النتائج على الشكل التالي



كما
لاحظتم فان ألأزرار لا تظهر بالشكل الجيد وبالتالي سوف نزيد من تنظيمها
ودلك بما يلي:

نعود الى كود الستايل لنضيف عليه :



فتصبح
النتيجة كالتالي



النتيجة
تظهر منظمة بعض الشئ وسوف نعود لتنظمها أكثر في الدرس القادم

الشكل
العام لملف HTML يكون على هدا الشكل

<html >
<head>
<--SS--
type="text/--SS--">


</--SS-->

<title>
akelo programme </title>

<style type="text/css">


body{
font-family:verdana;
font-size:14
px;
margin:auto;
}

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..

في الدري السابق كنا قد وصلنا الى الصفحة
التالية



ألأن
سوف نقوم باضافات أخرى على الصفحة:

والإضافة سوف تكون عندما نضع
الفأرة على الزر يجب أن يتغير لون الزر كيف دلك ؟

سهل جيدا :

نصعد
الى الستايل ونضيف ما يلي



ليس
هناك شئ معقد للشرح فقط لون الخلفية وسمك الإطار

والنتيجة سوف تكون
كما يلي:



ألأن
سوف نقوم بتنظيم جديد للروابط ودلك بعمل بتقسيم جديد



ادن
التقسيم الجديد سوف يصبح كما يلي :

أي أننا سوف ننقل ما بداخل
#haut

الى #



ثم
سوف نضيف





النتيجة
سوف تصبح



سوف
نضيف صورة أو لوغة للموقع في أعلى الصفحة



في
ألأخير سوف نصل الى النتيجة التالية

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..


كنا قد وصلنا في الدرس السابق أي (الدرس
الخامس الى هده الصفحة)



اليوم
سوف نعود لنفسر بعض ألأشياء المهمة والتي تضيف لعملنا تنظيم واحترافية
أكثر

كما تعلمون فاننا نضع أكواد HTML و CSS في نفس الصفحة,وهدا
طبعا يخلق لنا بعض الإرتباك

وأيضا عندما سوف نضيف أشياء أخرى على
الموقع سوف تظهر لنا صعوبان على مستوى فهم ألأكواد

وبالتالي سوف نضع
أكواد HTML و CSS في ملفين منفصلين؟؟؟

لكن السؤال المطروح كيف سوف
نضعهما منفصلين ونستفيد من ربطهما معا ؟

تابعو الشرح:

في
الدروس السابقة كنا نضع أكواد CSS هنا



ألأن
سوف نأخد تلك ألأكواد التي قمنا بوضعها سابقا ونضعها في ملف منفصل على
هدا الشكل:



ألأن
سوف نقوم بحفظ الملف بصيغة ِ



ألأن
لدينا ملفين ألأول بلغة HTML والدي كنا نعمل عليه مند البداية والثاني
بلغة CSS

والدي قمنا بأخد أكواده من الملف السابق وسوف نضيف اليه
أكواد كلما دعت الضرورة

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



ألأن
كل شئ على ما يرام لكن بقية شئ أساسي هو الربط بين الملفين كي يشتغلا ؟؟؟

ندهب
الى ملف HMTL وبالضبط الى هنا:



حيث
سوف نقوم باستدعاء الستايل الدي سوف نحتاج



أنظروا
كم ربحنا من تنظيم وضعنا كل ألأكواد في ملف خارجي وقمنا باستدائها عن طريف
رابط الملف

هنا نكون قد دخلنا احتراف المواقع لأننا بهده الطريقة
ندخل عالم التنظيم والتنسيق

وهده ألأشياء اساسية في تعلم انشاء
المواقع

في الدروس القادمة سوف نعتمد هده الطريقة كا طريقة أساسية .

طبعا
سوف نحصل على نفس النتيجة التي حصلنا عليها في الدرس السابق أي :

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..







سوف
نستمر في خوض غمار المنافسة على انجاز الموقع الخاص بنا حيث اليوم سوف نجب
على بعض الملاحظات الخاصة بتناسق

ألألوان والتي طرحها ألأخ الغالي
الياس في الدرس السابق,فكما يعلم الجميع فان مظهر الموقع شئ أساسي في
استقطاب الزوار الى موقع

وللتغير على خلفية الموقع وتناسق ألألوان
سوف نغير قيمة هده الخاصية background

ونعطي لها القيمة التي نراها
مناسبة ولتسهيل العمل عليكم في اختيار الألوان المناسبة اليكم هده اللوحة

اختاروا
قيمة background حسب رغبتكم
#FFFFFF #FFFFCC #FFFF99 #FFFF66
#FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF
#FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC
#FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366
#FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033
#FF0000
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF
#CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC
#CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666
#CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333
#CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
#99FFFF
#99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC
#99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966
#999933 #999900
#9966FF #9966CC #996699 #996666 #996633
#996600
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF
#9900CC #990099 #990066 #990033 #990000
#66FFFF #66FFCC
#66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66
#66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933
#669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF
#6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC
#660099 #660066 #660033 #660000
#33FFFF #33FFCC #33FF99 #33FF66
#33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33
#33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF
#3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC
#333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066
#330033 #330000
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33
#00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF
#0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC
#006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366
#003333 #003300
#0000FF #0000CC #000099 #000066 #000033
#000000



ضعوا مثلا background:#0000FF

في السابق
تطرقنا الى أعلى الصفحة ووسط الصفحة اليوم سوف نتطرق الى أسفل الصفحة حيث
يمكننا أن نضع ما نشاء

نفتح ملف style.css

ثم نعمل على وضع
خصائص أسفل الصفحة,أنا شخصيا وضعت هكدا



ألأن
سوف ندهب الى ملف html وندهب بالتحديد الى أسفل الصفحة ونكتب ما نشاء مثلا
أنا كتبت



بعد
التغيرات التي قمت بها على مستوى ألألوان واضافة أسفل الصفحة سوف يظهر
موقعنا على الشكل التالي:



لحد
ألأن كل شئ يدهب حسب ما نريد وبطريقة سهلة وسليسة

نفترض أننا نريد
انجاز صفحة أخرى تشعبية مثلا عندما نضغط على براميج تظهر لنا صفحة جديدة
خاصة بالبراميج ؟

أظن أنكم تقولون أن ألأمر معقد بعض الشئ ؟

لا
ليس مقعد امر عادي جيدا لنعد الى الفصحة الرئيسية ونلاحظ جيدا هده
ألأكواد:

مكان حرف aaaaa سوف نضع رابط السفحة بكل بساطة



ألأن
سوف ننشئ صفحة أخرى عادية وجديدة ونربطها بالصفحة ألأصلية

أنا
اخترت اسم لصفحة البراميج (logiciel.html)

طريقة ربط الصفحتين :

ندهب
الى الصفحة ألأولى ونضع



ألأن
ندهب الى الصفحة الرئيسة ونضغط على براميج سوف تظهر لنا صفحة جديدة

أنا
وضعت الصفحة فارغم على هدا الشكل

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..



بعدما عملنا 7 دروس في HTML و CSS
اليوم ومن أجل اعطاء مجال لرد ألأنفاس سوف نحاول

عدم الإستمارارية
في التسلسل,حيث سوف نعود الى التسلسل فيما بعد.

لأني لاحظت أن
الكثير يريد تعلم PHP لأنهم في الحقيقة يسمعون أن لغة PHP هي ألأكثر
استعمالا في عالم انشاء المواقع

والمنتاديات,نعم هدا صحيح على أن
لغة PHP هي الأكثر استعمالا لكن لنطرح سؤالا جوهريا :

هل يمكن
لتلميد أن يبدأ بالدراسة من الباكالوريا وبعد دلك ينزل الى القسم ألأول ؟

قواعد
الدراسة لا تختلف أبدا سواء كانت علميا أو أدبية فا لأساس أساس,وكل شئ
بدون أساس ينهار.

-هده المقدمة كان لابد منها كي نضع النقاط على
الحروف× وكما رأيتم حاولنا في الدروس السبعة الماضية

أن نعمل على
العناصر ألأساسية قبل الدخول في المغامرات المتتالة والمشوقة.

أتمنى
ألا يأتي أحد الحساد عفى الله عنه وأرجه للطريق المستقيم ويقول أن المقدمة
منقولة لأنه

في كل درس يحاول أن يبحث عن أي شئ يعلق عليه فشله في
التشكيك في كفاءة عمل ألأخرين.

اليوم سوف نعمل درس مستقل تماما عن
الدروس الماضية ولكن طبعا في اطار انشاء الموقع الدي شرعنا فيه سابقا

قبل
دلك نحتاج الى تثبيث سيرفر محلي,لمادا ؟

لغة HTMl يمكننا تجربها عن
طريق متصفح عادي مثل Internet explorer أو Ferfox

أو opera الى غير
دلك من المتصفحات المعروفة,بينما لا يمكننا تجريب لغة PHP على هده
المتصفحات مباشرة

وبالتالي نحتاج الى تثبيث سيرفر خاص على الجهاز
يعني Localhost

الكثير من ألأعضاء المبتدئين سوف يجدون صعوبة في
استيعاب المفاهم في أول مرة لكن بطرح ألأسئلة

سوف نتجاوز كل الأشياء
غير الواضحة ونحن هنا من أجل دلك.

-------------------------------------------------------------

طيب
قمنا بتثبيث السيرفر المحلي ثم لدينا برنامج notpead+

ادن نتوكل
على الله ونبدأ في العمل.

لن أتكلم عن تاريخ اللغة أو مراحلها بقدر
ما سوف أتطرق لها عمليا وسوف أبدأ بالمقارنة بين PHP و



لاحظو
جيدا أن لغة PHP تبدأ بعلامة استفهام متبوعة باسم اللغة وتنتهي بعلامة
استفهام فقط ؟؟؟

ادن هكدا يبدأ ملف PHP وينتهي,كي لا نتقدم ونحرق
المراحيل دعنا نقوم بدمج PHP داخل HTML:



كتبنا
فقط وسما البداية والنهاية فادا حفظنا الملف وقمنا بتجربته سوف تظهر لنا
صفحة بيضاء

-ألأن سوف نكتب شئ كي يظهر لنا عند تجريب العمل



سوف
نقوم بحفظ الملف ونتبهوا دجيدا لطريقة حفظ الملف:



والنتيجة
سوف تظهر على هدا الشكل



هده
مجرد بداية وأعتقد أنه سوف يكون لكم عدة تساؤولات سوف نجيب عنها بحول الله

وهنا
سوف تعرفون لمادا بدأت من HTML

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..


اليوم نستمر ا في القاء دروس PHP والتي
شرعنا فيها في الدرس السابق,حيث سوف نغوص قليلا في بعض ألأشياء المهمة

ندكر
فقط أننا في الدرس السابق رأينا أمر الطباعة echo





نسيت
أن أشير في الدرس السابق الى أمر print وهو يعمل نفس الشئ مثل echo

يقوم
بطباعة الجملة المراد طباعتها .



-------------------------------------------------------------

اليوم
سوف نتكلم أيضا عن شئ مهم جيدا في لغة PHP

هدا الشئ سوف يدخل في
تكوين الموقع الدي نحن بصدد انجازه,ونتكلم هنا عن المتغيرات. مادا نقصد
بالمتغيرات ؟

-بالنسبة لمن درسوا الرياضيات أظن أنهم فهموا مند
البداية مادا نقصد بالمتغيرات,وبالنسبة لمن لم يسبق لهم أن درسوا

الرياضيات
فا لأمر سهل وليس بالتعقيد الدي يعرفونه عن الرياضيات.وسوف أقوم باعطاء
تعريف شخصي للمتغيرات.

المتغير هو عنصر يمكن أن يحمل عدة قيم؟ مثلا
درسنا في الرياضيات كثيرا حرف (X) والكثير منا كان يحتار مادا يساوي (X)

لكن
وصلنا الى أن العنصر (X) يأخد قيم حسب الوضعية أو الحل الدي نتوصل اليه
بعد ما نكون قد استعملنا الطروق الرياضية

للوصول الى النتيجة.لكن في
لغة PHP ألأمر سهل لنلاحظ:

هنا كتبنا فقط الوسم العام للغة حيث
أننا سوف نستعملها مستقلة عن





لاحظو
جيدا النتيجة على أننا قمنا بطباعة قيمة المتغير التي قمنا بتعرفها في
السابق



-بعضكم
سوف يقول لمادا وضعنا متغير ادا كنا في ألأصل نعرف الإسم ونعرف كل شئ ؟
وبالتالي كان من الممكن

وضع طباعة الإسم مباشرة ؟

في
الحقيقة سؤال وجيه,لكن الجواب عنه سهل جيدا.نحن نتحدث ألأن عن لغة PHP يعني
لغة دينامية أي ليست ثابثة مثل HTML

فا ليس كل من سوف يدخل الى
موقعك سوف يقوم بالتسجيل بنفس الإسم وان كل الزوار اسمهم "عثمان" وبالتالي
فان الأسماء سوف تتغير

من شخص لأخر فهناك من يحمل اسم "زكرياء" وأخر
اسمه "أيوب" وهكدا....الخ ونحن هنا نضع متغير يقبل القيمة التي نقوم
بادخالها اليه كيف ما كانت هده القيمة مفترضة لكل زائر يريد التسجيل

هدا
فقط جواب بسيط على كل من سوف يتسائل لمادا وضعنا متغير ولم نقوم بطباعة
الجملة بشكل عادي.

وكي تتضح الفكرة أكثر سوف نضع تطبيق رقمي يختلف
كثيرا عن التطبيق الحرفي,لعلنا نقنع من لم يقتنعوا بعد بفكرة المتغير



النتيجة
التي سوف تظهر لنا هي:



طبعا
يمكنكم تغير ألأرقام وتطبيق باقي العمليات على المتغيرات مثل الطرح
والقسمة والضرب

مع تغير ألأرقام حسب الحاجة


كل ما نحتاجه
منكم هو الدعاء لنا بالخير

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..


قبل العودة لدمج كل ما رأيناه لحد ألأن
في موقعنا لا بد من أن نعرج على شئ مهم ومهم جيدا في PHP

ولا يمكن
بدونه أن ننجز موقع متكامل ؟؟

الشرطيات :مادا نقصد بالشرطيات ؟

فالشرطيات
هي دوال نقوم باستعمالها عندما تكون لنا خيارات متعددة ومن اللازم اختيار

شرط
من بين الشروط والدي يتحقق بعد عملية المقارنة بين كل الشروط.

لنبدأ
من حيث وصلنا في الدرس السابق؟؟ كنا قد وصلنا الى المتغيرات وقمنا
بمناقشتها في مثالين

لاحظوا جيدا :



ألأن
سوف نبدأ مع أول دالة شرطية



سوف
نقوم بالتجريب على الرقم 5 فادا كان المتغير قيمته 5 سوف يكتب لنا كما في
الصورة



لكن
نفترض أننا غيرنا المتغير الى 7 هل سوف يكتب نفس الجملة "الرقم الدي تم
ادخاله يساوي 5" ؟

وهل 7 تساوي 5 ؟

للإجابة على هدا التساؤول
نلاحظ ما يلي :



أضفنا
Else في حالة العكس أي أننا ادا أدخلنا العدد غير الموجود في الشرط

سوف
تظهر لنا رسالة تخبرنا أننا لم ندخل الرقم الطلوب.

طبعا طريقة
تجريب التطبيقات معروفة لدلك لا داعي لتكرارها كل مرة

اليكم النتيجة
ألأخيرة:





كل
ما نحتاجه منكم هو الدعاء لنا بالخير

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..

نواصل اغوص في معاليم PHP وبالضبط مع
الشرطيات المهمة والتي نستعملها كثيرا في برمجة المواقع

لنتابع شرح
هدا الدرس



لنتابع
الشرح ونضع عداد عبارة عن متغير ثاني:

لكن لمادا وضعنا متغيران معا
؟

المتغير ألأول وضعنا به عدد المرات المسموح بالتكرار

المتغير
الثاني هو العداد الدي سوف نستعمله من أجل التكرار لاحظوا



لحد
ألأن لم نقوم بشئ سوى أننا قمنا باحداث متغيران لكن لنتابع حتى نرى
النتيجة

كي نعرف سبب وجود المتغيران



ادا
قمنا بحفظ الملف لن يظهر شئ لحد ألأن ؟ لمادا في نظركم لن يظهر شئ ؟

لنراجع
السابق:نحن ألأن قمنا بعمل متغير أقصاه 5 ويمكنكم أن تضعوا 10 أو 20 أو ما
تشاؤون من ألأعداد,واضح ؟

ثم قمنا باحداث متغير ثاني عبارة عن عداد
سوف يقوم بحساب عدد مرات تكرار المتغير ألأول.

ثم أدلخنا المتغيران
في دالة شرطية,لكن لم نقول لحد ألأن لهده الدالة مادا سوف تحسب لنا .؟

طيب
أنا سوف أقول لها كرر لي هده الكلمة "مرحبا بكم في تعلم انشاء المواقع مع
عثمان"



النتيجة
سوف تظهر غير منظمة وسوف تكون كما يلي:



لتنظيم
النتيجة سوف نحتاج لستعمال لغة HTML وهنا سوف أجيب عن الدي يقولون لا داعي

لتعلم
HTML لأنها لغة قديمة وبسيطة؟ كل لغات البرمجة مهمة ويجب تعلمها من ألأساس

لاحظوا
مادا سوف نظيف كي تصبح الصورة واضحة



لاحظوا
النتيجة ألأن :



أنظروا
كيف قمنا بانجاز حلقة التكرار تقوم بتكرار العنصر هنا وضعنا جملة

يمكن
أن تضعوا ما تشاؤون.كما أننا قمنا بتكرار العنصر 5 مرات

لكن بعض
العباقيرة سوف يلاحظون أن الجملة تم تكرارها 6 مرات

وبالتالي فان
ما قمنا به عمل فاشل نعم يا عباقيرة حسب رأيكم يمكن أن يكون فاشل

ولكن
لنعود للتوضيح فقط .

المتغير $akelo قمنا في ألأول باعطائه قيمة
صفر(0) وفي الدالة الشرطية أيضا قمنا بالتأكيد على البداية من الصفر

والدالة
ليست أنا أو أنت أو هشام أو محمد فالبنسة للدالة فان الصفر عدد له قيمة
(يا دي النيلة على رأي اخونينا المصرين )

ادن كيف عملت الدالة ؟

-طبعت
جملة أولى موازية للصفر(0)

-جملة ثانية(1)

...

...

..

..

حتى
الجملة رقم خمسة(5) ادن أحسبوا معي :0,1,2,3,4,5

كم هو عدد ألأرقام
؟ اليس 6 ؟ وكم هو عدد الجمل اليس 6

ادن انتهت الإشكالية


كل
ما نحتاجه منكم هو الدعاء لنا بالخير

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..

نواصل اغوص في معاليم PHP وبالضبط مع
الشرطيات المهمة والتي نستعملها كثيرا في برمجة المواقع

لنتابع شرح
هدا الدرس مع دالة switch .

تكلمنا في الدروس السابقة في حالة وجود
التكرار أو وجود شرطين أو ثلاثة شروط قمنا باستعمال

if وifelse و
for

اليوم سوف نستعمل ما لا نهاية من الشروط ادا أردنا كيف دلك ؟
هدا ما سوف نراه ألأن.

نفترض أننا نريد التعرف على عاصمة دولة معينة
عندما ندخل اسم الدولة,مثلا ندخل "المغرب" تظهر لنا الرباط

ادن
لنبدأ :



سوف
نحاول أن نتطرق الى حالة المغرب وبعد دلك نقوم بتعميم الشرح على باقي
الحالات



النتيجة
هي كا التالي:



ألأن
سوف نضيف باقي الدول بشكل بسيط جيدا



ألأن
سوف نحصل على نتيجة مغايرة



أظن
أن هده الدالة الشرطية ليس فيها اشكال.

في الدرس القادم سوف نعود
لنعمل على الموقع من جديد

ادن تابعونا



https://2img.net/r/ihimizer/img339/2074/14016816.gif

كل
ما نحتاجه منكم هو الدعاء لنا بالخير

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..

اليوم نواصل دروس تصميم مواقع خاص,بصفة عامة
كلما لاحظت أن ألأعضاء

أصبحوا يحسون بأن ألأمور بدأت تأخد بعض
الصعوبة أحاول تكسير الخوف

وأخد قسط من الراحة استعدادا لمغامرات
قادمة.

لندكر بما سبق:

-لحد ألأن رأينا القليل عن HTML و css
وphp

كما أننا عملنا بشكل منفصل ولم نقوم بربط اللغات مع بعضها
البعض

جاء اليوم دورنا لكي نقوم بهده العملية البسيطة والتي سوف
تجعلنا نتسلق درجات في سلم البرمجة

-أقولها وأكرر نحن في اطار البحث
عن أسهل الطروق لبرمجة موقع خاص.كنا قد تقدمنا وبعد دلك

عملنا فاصل
لأخد قليل من الزاد حول PHP لنعود الى المعركة من جديد.

بدأنا
استعدوا في القتال حامي الوطيس

كنا قد وصلنا في الدروس السابقة الى
انشاء ملفين كما في الصورة



قمت
بتغير index الى home عادي جيدا ولكن يكون له اي تأثير

ألأن لنقوم
بادخال لغة php على لغة html,كيف دلك ؟ لنتابع:





ألأن
سوف نقوم بتتمة باقي مكونات ملف html بشكل عادي



النتيجة
هي كا التالي:



لن
أطيل عليكم في مرحلة الربط بين اللغتين php و html

ألأن أظن أن
معاليم الموقع بدأت تتضح كيف دلك ؟

لقد قمنا بالتطرق الى ألألوان
والخطوط والمتغيرات والشرطيات,سوف نحاول أن نجمع كل ما رأيناه في السابق

ونضيف
عليه الجديد لندهب قدوما الى ألأمام في تكوين موقعنا .

لي عودة غدا
ان شاء الله





كل ما نحتاجه منكم هو الدعاء لنا
بالخير

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

و الصلاة و السلام على أشــرف المــرسليـن
..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..


الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و
مـن يظـلل فلن تـجد له ولياً

اهلا بكم اخوانى اعضاء ومشرفى ومحبى
هذا المنتدى العظيم ..


اليوم نواصل دروس تصميم مواقع خاص,بينما
أنا بصدد التقدم في انشاء الدروس افتكرت أنني نسيت شئ مهم جيدا؟

هدا
الشئ سوف يجمع لنا كثير من المزايا في درس واحد.

فالجميع يعرف دور
الجداول داخل المواقع,وبما أنني عملت خطأ لا يغتفر لكوني نسيت التطرق الى
هدا المكون ألأساسي رغم أن الطريق لا زال شاق وطويل,سوف أحاول اليوم بكل ما
أوتيت من قوة بأن أعوضكم ضياع السنين .

درسنا اليوم سوف يكون حول
الجداول وسوف أكون أكثر صبرا حيث سوف أتطرق الى الجداول بستعمال html ثم
php

لنبدأ أولا بالغة HTML فالوسم العام للجدول يكون كا التالي:



ألأن
داخل الجدول سوف نضيف سطر أوفقي



بعد
دلك سوف نقوم بتقسيم السطر عن طريق اضافة خانات للجدول ودلك كما يلي :



ألأن
سوف نطبيق على جدول كي تظهر لكم ألأشياء واضحة لاحظوا :



والنتيجة
تظهر على الشكل التالي



ألأن
سوف تقولون أن ألأمر لا يعتلق بجدول لأن النتيجة لا تظهر على شكل جدول ؟



النتيجة
ألأن سوف تكون أكثر وضوح



أظن
أن النتيجة ظهرت أكثر وضوحا كما يمكنكم اضافة ألأولوان والخلفيات حسب
الدوق

ولكن ظهر اشكال جديد(الله يستر من الإشكالات المعقدة خخخخخخ)
نحن ألأن قمنا بانجاز جدول فيه ثلاث خانات

وصفين,وبالتالي فان
ألأمر سهل؟

لكن السؤال الدي يطرح نفسه هو في حالة ادا كنا نريد أن
ننجز 1000 صف وا 2000 خلية كم نحتاج من tr و td

سوف تستمرون ثلاث
أيام أو أكثر في النسخ واللصق دون جدوى هنا تظهر محدودية لغة html
وبالتالي نضطر الى استعمال لغات أخرى.

ادن كيف نقوم بعمل جدول
باستعمال PHP ؟ لنتابع ولكم الحكم.حيث سوف نرى دور الشرطيات ودور المتغريات
في عمل الجداول





ألأن
حدددنا عدد الخلايا الإجمالي للجدول وبقية أن نقوم بالتقسيم



ألأن
سوف نقوم بغلق الجدول والصفوف



النتيجة
التي سوف تظهر لنا

يمكنكم تغير عدد الخلايا حسب الحاجة مثلا أنا
وضعت 16 يمكنكم أن تضعوا 20 أو 30 أو كما تشاؤون

أيضا أن وضعت 4
أعمدا أنتم يمكنكم أن تضعو 5 أو 6.............الخ

وكما ترون يمكنكم
من خلال تغير رقم معين أن يتغير الجدول كليا وهنا يظهر الفرق بين HTML

و
PHP


كل ما نحتاجه منكم هو الدعاء لنا بالخير

فهرس الدروس

الدرس(1):من
تعلم انشاء المواقع من الصفر حتى الإحتراف(حصريا)

الدرس(2):من دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف

الدرس(3):من دورة تعلم انشاء
مواقع اليكترونية من الصفر حتى الإحتراف

الدرس(4):انشاء المواقع من
الصفر حتى الإحتراف

الدرس(5):انشاء
المواقع الإليكترونية من الصفر حتى الإحتراف بدون براميج

الدرس(6) من دروس تعلم انشاء
المواقع من الصفر حتى الإحتراف

الدرس(7):من دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف

الدرس( من دروس تعلم انشاء المواقع من الصفر حتى الإحتراف(php)

الدرس(9)دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف(PHP)

الدرس(10):من دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف(الشرطيات PHP)

الدرس(11) من دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف (php الشرطيات)

الدرس(12) من دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف(الشرطيات PHP)

الدرس(13) من دورة تعلم انشاء
المواقع من الصفر حتى الإحتراف

الدرس(14)دورة تعلم انشاء
المواقع(اليوم الجداول-php-html)