ط§ظ„ط¯ط±ط³ ط§ظ„ط§ظˆظ„ ظپظٹ ط¨ط±ظ…ط¬ط© ظ…ظˆظ‚ط¹ ط§ط¬طھظ…ط§ط¹ظٹ ظ…ط«ظ„ ط§ظ„ظپظٹط³ط¨ظˆظƒ





هذا الدرس مفصل الاول من دورة برمجة موقع اجتماعي مثل الفيسبوك

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

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






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

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





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


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


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




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



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



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



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

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




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


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



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



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



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


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


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



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



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

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

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




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



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




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


في خانة ال databases "موجودة على اليمين"



نقوم بالضغط على اشارة الـ+
ونضغط على MySQL conniction مثل الصورة




1) نضع اسم التصال "يمكن كتابة اي شيء باللغة الانجليزية"
2) نضع هنا localhost
3) اسم المستخدم لقاعدة البانات للسيرفر SERVER المحلي "انا عندي 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




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




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




التعديل الأخير كان بواسطة Sulieman; 10 - 11 - 2014 الساعة 18:12





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©