< درس > الدرس الاول في برمجة موقع اجتماعي مثل الفيسبوك

اليوم سنشرح اعداد البرنامج لبدء العمل , ونحضر ملف الاستايل لنعمل عليه ومن ثم سنقوم ببناء صفحة تسجيل الاعضاء :bleh:

نفتح برنامج الدريم ويفر ومن ثم نختار new site مثل الصورة






الان نعمل التالي :

1- ندخل اسم الموقع
2- نضغط عند رقم اثنين
3- نختار المجلد الذي سنعمل عليه ويكون موجود في ملف www بالسيرفر المحلي





بعد ذالك نضغط على كلمة servers كما موضح بالصورة


ثم نضغط على اشارة الزائد +


ونختار connct using : local/Network




1) connect using: local/network
2) server name: ضع الاسم الذي تريده
3) server folder : نختار نفس المجلد الذي اخترناه سابقا
4) عنوان الموقع على السيرفر المحلي
5) ومن ثم نضغط على advanced عند الرقم 5



نضع اشارة صح بجانب automaticlly upload file to server on save
وبعد ذالك نضغط save



بعد ذالك نضع صح على Testing
ومن ثم save



هكذا انتهينا من اعداد البرنامج تقريبا
الان جاء دور تحميل ملف الاستايل , وهو من مدرسة كليبرز , اراه مناسب لانه خفيف وجميل

تحميل الاستايل




الان نفك الضغط عن الملف وننقل محتوياته الى المجلد الذي اخترناه كي نعمل عليه ( انا انشئت ملف اسمه usf )


ملف image يوجد به الصور الخاصة بالتصميم
ملف styles ويحتوي على ملفات الـ css الخاصة بالتنسيق واضافة الجمالية
ملف index.html وهو الموقع



الان نرجع للبرنامج و نضغط على refresh كما توضح الصورة لكي تظهر الملفات التي اضفناها للموقع
1600*1200



الان نضغط على index.html ضغطتين سريعتين كي نفتحها



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


نقوم الان بالدخول الى phpmyadmin الخاصة بالسيرفر المحلي


ونقوم بانشاء قاعجة بيانات جديدة , انا اسميتها usf وبعد ذالك نضغط على create



نبني جدول جديد اسمه users وهو جدول الاعضاء



هذا هو الجدول الذي بنيته , واضع ولا يتحتاج لشرح

الان نعود الى واجهة البرنامج

ومن ثم نختار file ومن ثم save us ونسميه signup.php
هكذا اصبح عندنا ملفان الاول index.html والثاني signup.php وهما مثل بعض




بعد ان قمنا بحفظها نضغط عليها مرتان كيف نفتحها ونعدل عليها



بعدما فتحنا صفحة signup.php نقوم بحذف منها الاشياء التي لا نحتاجها , فنحن نريد ان نبني صفحة للمستخدمين الجدد ولدخولهم , انظروا ماذا سافعل انا




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


في خانة ال databases "موجودة على اليمين"
نقوم بالضغط على اشارة الـ+
ونضغط على MySQL conniction مثل الصورة




1) نضع اسم التصال "يمكن كتابة اي شيء باللغة الانجليزية"
2) نضع هنا localhost
3) اسم المستخدم لقاعدة البانات للسيرفر المحلي "انا عندي root"
4) كلمة السر لقاعدة البانات "انا ما عندي كلمة سر"
5) نضغط على select ونختار القاعدة اتي انشئناها اليوم
6) ومن ثم اوكي



جاء دور انشاء نموذج تسجيل اعضاء , الان يجب ان نضغط بالفائرة على المكان الذي سندخل اليه النموذج

1) لذالك يجب ان تضغط داخل الجدول في الجزء الفارغ
2) نضغط على data
3) نختار record insertion form wizard





connection : وهو الاسم الذي كتبناه في الشابق
tables : تظهر لنا جول الـ users وهو الجدول الذي سنضيف اليه حقول عن طريق هذا النموذج
after insertion , go to : اي بعد ادخال الحقل اذهب الى " تحديد الصفحة التي سنفتحها بع نجاح عملية الادخال
انا كتبت signupsucces.php , سنبنيها لاحقا
الان نختار user_id ونضغط على علامة ناقص - لازالته من النموذج , لا نحتاج له في عملية الادخال لانه AUTO_INCREMENT
اي انه كل مرة يسجل عضو جديد يحصل على id اوتوماتيكي تسلسلي

ثم نضغط على user_firstname ونغير الـ Lable: الى الاسم الاول
ثم نضغط على user_lastname ونغير الـ Lable: الى الاسم الثاني

نعيد الكرة مع كل الحقول
عندما نصل الى user_password
نضغط على display as: ونختار password field




واخيرا نضغط اوكي

الان ننسق النوذج قليلا
نضغط على رأس النموذج ونختار class ثم tbl






نعيد العملية مرة اخرة بالجهة الثانية من النموذج ولكن هذه المرة نختار class ثم msg10tion




الان نضغط على الجدول الخارجي ونضع قيمة border صفر كي لا يظهر البرواز




الان نضغط ctrl+s للحفظ , ونضغط preview in firefox




وتظهر لنا نتيجة عملنا , رائع اليس كذالك ؟




هذا هو درس اليوم , الموعد القادم غدا انشاء الله :shiny01: