![]() |
الدرس الثاني: الخطوة الأولى (دورة الـphp)
قبل الإنطلاق، أردت التنبيه إلى أنه نظرا لبساطة المقدمة رأيت أن أضيف الدرس الثاني اليوم. لكن ابتداءا من الأسبوع القادم سيكون هنالك درسان أسبوعيا، الأحد و الأربعاء و هذا لترك وقت للتجريب و الإستيعاب (و الوقت لي أيضا لكتابة الدروس)<?xml:namespace prefix = o /><o:p></o:p> 2.1) الخطوة الأولى:<o:p></o:p> مرحبا بكم في الدرس الثاني من دورة الـPHP للمبتدئين.<o:p></o:p> في المرة السابقة توقفنا عند تحميل برنامجي NotePad++ و WAMPServer بعد أن رأينا تعريفا للغتي HTML و PHP و الفرق بينهما.اليوم سنتطرق للجانب التطبيقي و ذلك بـ: <o:p></o:p> . التعرف أكثر على برنامجي WAMP و NotePad++<o:p></o:p> · كتابة أول صفحة Html و تجريبها<o:p></o:p>· كتابة أول صفحة PHP و تجريبها<o:p></o:p> برنامج NotePad++:<o:p></o:p> هو عبارة عن برنامج لمعالجة النصوص يشبه مفكرة الويندوز<o:p></o:p> لكن الفرق أنه يسمح بتلوين النص حسب الكود الذي نريد إدخاله ليسهل عملية القراءة. و يتم اختيار اللغة من شريط الأدوات في الأعلى كما في الصورة السابقة ليتم التلوين حسبها. عملية تنصيب (Install) البرنامج (NotePad++) بسيطة عادية لا تحتاج لشرح. أول صفحة HTML : كود HTML يكتب بين الإقتباسين: و هما يخبران متصفح الإنترنت أن ما بينهما عبارة عن كود HTML. تنقسم الصفحة إلى قسمين: المقدمة: [PHP]<head></< font>head>[/PHP]<o:p></o:p> فيها تعريف بالعنوان و السكريبتتات (مثلJavaScript) يمكن فيها أيضا التصريح بألوان و أحجام النصوص و العناوين (عن طريق CSS) و المزيد. و هي اختيارية، أي إذا تركت فارغة سيتم الكتابة بالأسود و بخط عادي.<o:p></o:p> الجسم: [PHP]<body></< font>body>[/PHP]<o:p></o:p> <o:p></o:p> فيه كل ما يظهر على الصفحة من نصوص و صور و روابط و جداول و حتى حقول النصوص و الأزرار. و أوامر PHP غالبا ما تكون هنا بين عناصر الصفحة.<o:p></o:p> تعمدت السرعة في الشرح لأن هذا لا يهمنا أن نفهمه ستكون مجرد عادة نكتبها في أمثلة لنحفظها. باختصار، تنظيم صفحة HTML يكون كالتالي: <o:p> كود PHP:
</o:p> مثال بسيط لجعل كل ما مضى حقيقة مفهومة، أفتح NotePad++ و اكتب ما يلي:<o:p></o:p> كود PHP:
تجريب الحل<o:p></o:p> قم بحفظها بإسم« test.html » الآن يمكنك فتحها في متصفح الإنترنت، أ رأيت ؟ الأمر في غاية البساطة.<o:p></o:p> نعم بسيط إذا عملنا نسخ و لصق الكود ...... لكن لا أدري ما معنى p h1 br أم تود التهرب من الشرح ؟؟؟<o:p></o:p> حسنا حسنا، كنت سأشرح لكنك تسرعت:<o:p></o:p> ·ما يكتب بين إقتباسي title يظهر في الأعلى كعنوان للنافذة<o:p></o:p> · h1 تعني عنوان من المستوى الأول (كبير) و نتدرج في مستويات حجم النص بتدرج الأرقام h1 h2 h3 ........<o:p></o:p> · p تعني فقرة نص عادي.<o:p></o:p> · br/ تعني أن ما بعدها يكتب في سطر جديد<o:p></o:p> ·Dir=rtl تعني اكتب من اليمين إلى اليسار (right to left) نستعملها في الصفحات العربية<o:p></o:p> أمر في غاية البساطة ما رأيك.<o:p></o:p> أجل نوعا ما، لكن من أين لي أن أعرف كل هذه الرموز و غيرها ؟؟ هل أنتظر الوحي ؟؟<o:p></o:p> سؤال في محله، قلت في البداية أنه بدون HTML لا يمكن استعمال PHP لكن درسنا ليس حول HTML. يمكن الإستعانة بمحركات البحث لكن على كل حال سنستعمل معا في الأمثلة كل الرموز الأساسية التي ستسمح لنا بالعمل بشكل طبيعي.<o:p></o:p> برنامج WampServer :<o:p></o:p> هذا هو البرنامج الذي سيسمح لنا بتركيب سيرفر محلي « localsost » يمكننا من فتح صفحات PHP دون الحاجة إلى الإنترنت.<o:p></o:p> بعد التنصيب (Install) تظهر النافذة التالية: فنختار الزر Débloquer البرامج متخفي، و عند تشغيله نجده كما يلي: http://www4.0zz0.com/2009/08/05/17/876962159.png أول خطوة هي جعله بالفرنسية. ننقر عليه بزر الفأرة الأيمن ثم نختار اللغة. عند النقر عليه بالفأرة (النقر العادي) نجد القائمة التالية: تذكر هذه الصورة جيدا، سنتطرق لأهم ما في القائمة مع الأمثلة. أول صفحة PHP : كل ما مر بنا إلى حد الآن عبارة عن تمهيد، و مازلنا لم نتكلم عن PHP الذي هو موضوعنا الأساسي. لا يهم، لقد جاء الوقت الذي انتظرناه طويلا. سنكتب أول صفحة PHP ثم نجربها. لكن قبل ذلك سنقوم بتهيئة السيرفر. تتذكر القائمة السابقة (الصورة السابقة)، إختر منها Répertoire www سيفتح لنا الملف الذي نحفظ فيه صفحاتنا لتجريبها هنا نقوم بإنشاء ملف جديد بإسم tests إنتهى. الآن نفتح NotePad++ و نختار لغة PHP من قائمة اللغات . و نضع الكود التالي: <o:p></o:p> <o:p></o:p> <o:p> كود PHP:
</o:p> <o:p></o:p> <o:p></o:p> تجريب الحل<o:p></o:p> الآن نحفظ الصفحة بإسم page1.php و نحفظها في الملف السابق:C:\wamp\www\tests الآن كي نجربها، إفتح قائمة wamp، (الصورة التي طلبت منك أن تحفظها) نختار منها Localhost فنحصل على الصفحة التالية:<o:p></o:p> هنا نختار ملفنا التالي: http://www4.0zz0.com/2009/08/05/17/894357568.png الآن سنجد الصفحة التي كتبناهاpage1.php نفتحها فنجد المثال. ملاحظة: يمكن استعمال الرابط التالي: http://localhost/tests/page1.php لكن الأفضل اتباع الخطوات السابقة لتجنب المشاكل. كل هذا من أجل كتابة سطر ؟؟ أليس أسهل كتابته بلغة HTML و أوفر على نفسي عناء تعلم لغة جديدة ؟؟ إنتظرت منك أن تقول هذا، أقول لك صحيح ما تقول لكن سترى أهمية هذا فيما بعد. كما رأينا كود و يمكن إضافته في أي مكان نريده وسط كود HTML على شرط أن نحفظها صفحة PHP . الأمر echo يعني أن يكتب ما بعده على الصفحة و سنرى أهمية الأمر. شيء مهم أود التنبيه إليه، لاحظ النقطة الفاصلة في آخر سطر echo. هي مهمة بعد كل أمر للفصل بين الأوامر و عدم كتابتها يسبب مشاكل. إنتهينا الآن من هذا الدرس و من المقدمة و العموميات، و سندخل في الدروس الجدية بدءا من الدرس القادم. من يريد معرفة مدى استيعابه للدرس الأول فليجب على الأسئلة التالية و يبعثها لي على الخاص ليتم التصحيح. التقويم الذاتي: ماذا يعني الرمز /br ؟ · الرجوع إلى السطر الجديد · البقاء في نفس السطر · يمحي السطر الجديد · هذا رمز خاطئ نكتب أوامر PHP بين رمزين ؟ <o:p></o:p> كود PHP:
ماهو أمر الكتابة على الصفحة بلغة PHP ؟ · printf · writeln · disp · echo كيف نفصل بين الأوامر في لغة PHP؟ · النقطة · النقطة الفاصلة · الفاصلة · الفراغ أين نكتب أوامر PHP ؟ · في بداية الصفحة · في صفحة مستقلة · في أي مكان وسط كود HTML · في نهاية الصفحة |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
شكرا عبد الله على الدرس الممتع لي عودة مع المثال لكن مجرد تساؤل هل أرفعه على سيفر خارجي مثلك، كمثال طبعا على إستضافة مجانية او اكتفي بتصوير مثالي ووضعه على رابط تحميلي icon30 تحية لي عودة |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
بارك الله فيك اخي عبد الله لكن قبل ان اصل الى نهاية الدرس راني حبست هناnosweat ارجو ان تشرح لي اذا استخدمت البرنامج بالعربية فباي طريقة احفظ العمل http://www12.0zz0.com/2009/08/05/17/676678218.gif |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
لك الإختيار أنا قمت بالمثال ليسهل الفهم و رفعت مثالي ليتسنى للمشاركين مقارنة عملهم بعملي فقط سلام (أين الأجوبة) |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
تحية مجددة ، ها قد أتيت بالأمثلة و الأجوبة عبد الله سوف تأتيك عبد الخاص cupidarrow لقد أنشئت قاعدة جديدة على إستضافة لأعرض عليكم كل الدروس و سأتسفيد منها **** لقد قمت مثلا بإضافة أسطر أخرى و h2 أخرى ووو لكن لا يظهر أني مفتبس الكلام و مغير الكلمات فقط sly ههه **** المثال 01 و هو بلغة html http://blogdz.r3r.info/testhtml.html المثال 01 و هو بلغة php http://blogdz.r3r.info/new.php أنتظر تقييمكم كـمـبـيـوتـر كـمـبـيـوتـر |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
سؤال هل تظهر الصور في الموضوع ؟؟ |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
أخي موح أضغط حفظ على ثم اختر نوع العمل php أم html جرب و نحن في الخدمة icon30 |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
رائع جابر...راك هارب علينا يا خويا اصبر نزير السنتورة و نفوت الفيتاس...ههههههه |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
nosweat nosweat nosweat ههههه ، راك خلعتي الغاشي يا موح درك يوقع فيها إزدحام كبير ههههههه هه و من وراء الأزدحام نهربلكم ههههههtears واااااااش رايك في سيناريو surrender بالشوية برك موح نجيبوها الكل و نحن جميعا مبتدئين مازلنا نتعلم و نستفيد من بعض قالك عيد الله رايح يزيد لي td cour و tp قالك شوية هههههههه sly جهز روحك bleh |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
اقتباس:
بارك الله فيكما تم الامر بنجاح جابر..شكرا لك بصح ما عليش خلي عبد الله يزيد يشرح اكثرnosweat و انت فهمني على اي موقع حملت الصفحة...و الا الامر معقد؟؟؟ الصور كانت تظهر في البداية لكن الان لاn_o و اظن السبب هو ثقل المنتدى لا غيرsurrender |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
nosweat nosweat nosweat ههههه ، راك خلعتي الغاشي يا موح درك يوقع فيها إزدحام كبير ههههههه هه و من وراء الأزدحام نهربلكم ههههههtears واااااااش رايك في سيناريو surrender بالشوية برك موح نجيبوها الكل و نحن جميعا مبتدئين مازلنا نتعلم و نستفيد من بعض قالك عيد الله رايح يزيد لي td cour و tp قالك شوية هههههههه sly جهز روحك bleh |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
المنتدى كارصة عظمى
موح في اليل تتحسن الحالة و نفهمك في طريقة الرفع جيد موح و شرط يا خو |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
اوكي خويا جابر قاع رانا في الهم سوى كي تقدر حط الشرح هنا ربي يحفظكicon30 |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
السلام عليكم أهلا عبد الله clap أردت تنبيهك أن الصور لا تظهر فرجاءا إرفع على imageshack لي عودة طبعا |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
السلام عليكم
موح : الأمر يتطلب تسجيل في موقع من مواقع الإستضافة المجانية و رفع الصفحة إليه |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
السلام عليكم
بارك الله فيك اخي عبد الله واسف جدا على التاخير لقد رفعت الصفحة على سيرفر لصديق لي http://ta3lime.com/test.html |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
السلام عليكم وهذه الصفحة الثانية http://ta3lime.com/page1.php |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
جيد جابر أعلم أنك لن تخيب ظني بالتوفيق |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
أعتذر موح عن التأخير فعندي مشاكل مع سونلغاز الحمد لله جابر يقوم بالواجب كما ينبغي بالتوفيق |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
أرى أنك تريد القفز على الخطوات http://montada.echoroukonline.com/images/icons/E5.gif إن أردت نصيحتي الأفضل المتابعة خطوة خطوة. إستضافة الصفحات هو أسهل شيء لكن هو الخطوة الأخيرة عندما تصبح مستعدا لبناء موقع كامل و تجريبه في المنزل نستطيع تعلم رفعم على النت (طبعا رأي فقط) درجة درجة خو icon30 |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
بارك الله فيك لقد تم تغير موقع الرفع و سيتم تعديل الروابط عن قريب |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
لقد قمت بالتطبيق لكن كيف سأرفعه لتشاهدوه؟icon31 هنالك شيء لم أفهمه: حين كتبنا السطر باستعمال php كان عادياsurrender يعني مثله مثل الذي قبله بالـ html هل من توضيح؟ شكرا جزيلاclapclap |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
اقتباس:
و أخيرا جاء فارس عمل جيد قمت به أخي هذا يشجعني على المتابعة سلام |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
هل جربت صفحة php عندك في المنزل قارنيها بصفحتي ثم أجيبك عن سؤالك |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
لقد تم تجديد روابط الصور
إن كانت لا تظهر أرجو إبلاغي |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
باركـ الله فيكـ عبد الله على الدّرس قمت بتطبيق المثال الخاص ب HTML فقط الآخر PHP لا (لم تظهر لي الصّور) icon36 سلاااااام |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
أجل..جربتها لكني لم أقصد عملي فقط حتى في الصفحة التي قمت بإنشائها أنت السطر المكتوب بـ php عادي لم أفهم بعد الفرقn_o |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
أخي موح لرفع الصفحات يلزمك إستضافة إن كنت غير خبير بالأستضافات ووو أبلغك شيئ و هو الأهم هل تعرف كيف تستعمل برنامج ftp لرفع الصور ما رأيك لو نتقاسم تلك الأستضافة التي رفعت عليها أنا ؟؟ و اي عضو يريد أعطيه البيانات لكن تبقى سرية لكي لا تخرب من طرف المتطفلين cupidarrow موح كما قال عبد الله أنصحك بالتعلم و في الاخير سأضع لكم دروس شاملة عن رفعها و كهدية أشرح لكم رفع مجلة+منتدى و هي سهلة icon30 تحياتي |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
جيد (هل قارنته بالتطبيق الذي رفعته أنا) الصور تم تجديد روابطها أتمنى أنها تعمل. |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
سهام هل رأيت صفحة html قومي بإضافة لها كود php فقط و في أي سطر كما تريدين و احفظي الملف بصيغة php و مبرووووووك عليك هي مجرد عملية تحصيل حاصل جربي و نحن في الخدمة و غن تأخرنا فعذرا فالشروق تقيل جدااااااااا اقتباس:
هاجر هل تريدين الفرق بين اللغتين ؟ هو الفرق لو تقرأين الدرس الأاول تفهميه أي أن php تعطي دينامكية و حيوية للصفحة عكس html و الفرق يظهر جليا مع تقدم الدروس و الخدمات المقدمة على الصفحة أتمنى أن أكون اصبت ، إن أصبت فمن الله و إن أخطات فمني و من الشيطان تحية |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
عن عملك هل فتحت صفحة php ببرنامج wamp كما شرحت ؟؟ و هل قارنتها بصفحتي ؟؟ (أريد التأكد أنك على الخط الصحيح فقط) عن المثال الذي قمت به أنا أقول أجل السطر مكتوب عادي و كان يمكن كتابته بـ html لكن هذه خطوة أولى للتعرف على مبادئ أوامر php سنتعرف على أهمية هذا الأمر في الدروس المقبلة |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
ملاحظة لجميع الإخوة و الأخوات: عند القيام بالتطبيقات ليس مهما رفع الصفحات. المهم تجريبها في المنزل و مقارنتها بالمثال الذي أرفعه أنا. سؤال لجميع الإخوة و الأخوات: هل برنامج wamp يعمل بشكا عادي ؟؟ أي، هل تم تجريب صفحة php على الحاسوب في المنزل ؟؟ أنتظر الرد من الذي لديه مشاكل |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
وا لي مساعدة شرحت اليك على سريع الطريقة عن طريق فديو يمكنك اعتماد على الصورة ايضا كل الاحترام لي الاخ الفاضل عادل وا مراقب الغالي علينا http://www.mediafire.com/download.php?trl43kymmdn |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اما العمل بي شكل ناجح على ملف php اما ملف html تما عمل بي نجاح عليه ايضا
وا ارفقت لي اخي الشرح لي طريقة بي نجاح وا يمكن لي الاعضاء النضر فيها شرح طريقة اخي بلة سوفت بي نجاح رابط شرح لغة php http://www.mediafire.com/download.php?trl43kymmdn الرابط الثاني شرح اغتين وا كيفية تعامل معهما http://www.mediafire.com/download.php?jzgmyymg14m شكرا اخي الفاضل على الدرس وا ننتضر الدروس التالية شكرا جزيلا |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
|
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
عندي لايوجد مشكل في عربية او اني لم اشغل زر انكودر في فاير فوكس اما اني لو رجعت في انتر اكسبلور كلام يطلع عربي وا عملك وا تطبيقك كويس كثير يا اخي واصل وان شااء الله نستفيد جميعنا باذن الله تعالى |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
نعم عبد الله قارنته بتطبيقكـ clap و نجحت أيضا بتطبيق المثال الخاص بphp و لكن ظهر مشكل في اللّغة فقط اقتباس:
اقتباس:
باركـ الله فيكـ جوبا لقد اتّبعت الخطوات و نجح الأمرicon30 تحياتي |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
السلام عليكم
أخي جابر اقتباس:
جرب حفظها unicode لكي تظهر اللغة العربية |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
اقتباس:
واصل وا اتفدنا منك ايضا |
رد: الدرس الثاني: الخطوة الأولى (دورة الـphp)
|
| الساعة الآن 11:13 AM. |
Powered by vBulletin
قوانين المنتدى