تصميم سكامه لاي موقع - شرح مبسط للغايه

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

تصميم سكامه موقع مبسط للغايه

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

.: المتطلبات :.

استضافه لرفع السكامه عليها
Notepad++ لتسهيل العمل
القليل من الانجليزيه
واخيرا الصبر

سيتم وضع رابط تحميل Notepad++ وملف التبليغ اسفل الموضوع

تصميم سكامه موقع مبسط للغايه

1. اولا نقوم بالدخول الى صفحه تسجيل الدخول الخاصه بالموقع المستهدف


تصميم سكامه موقع مبسط للغايه

2. نضغط "كلك يمين" ثم View page source - عرض مصدر الصفحه




3. الان نرى كود الصفحه




4. نقوم بتحديد الكل ثم "كلك يمين" ونسخ النص



5. نذهب الى Notepad++ ونلصق النص هناك




6. نضغط CTRL+F للبحث عن "=action"






7. نقوم بتحديد النص الذي يحتوي على خلفيه رماديه كما ترى بالصوره



8. ونقوم باستبداله ب "login.php" - هذا الملف الذي يستعمل لجلب اسم المستخدم وكلمه السر ولوصول التبليغ



9. الان بعدما استبدلنا النص نقوم بحفظ النص



10. نصع اسم "facebook.html" او "paypal.html" او حسب الموقع الذي تعمل عليه لكن يجب توفر "html." في اخر اسم النص لكي تعمل الصفحه




11. الان حان وقت التعديل على نص التبليغ (login.php)



الاخضر - الرابط المراد اعاده التوجيه اليه بعدما تضغط الضحيه على تسجيل الدخول
الاحمر - اسم الملف الذي سيحتوي على اسم المستخدم وكلمه السر

12. نقوم بحفظ النص باسم "login.php"



13. والان ينتج لدينا ملفان (اعتذر على الصوره الصادمه هههههه)



ملف "login.php" - للتبليغ, فلا تعطيه للضحيه
ملف "facebook.html" الصفحه المزوره وقم باعطاء رابطها للضحيه بعد رفعها على الاستضافه

تصميم سكامه موقع مبسط للغايه

.: رابط تحميل Notepad++ :.

هنا

.: رابط تحميل ملف التبليغ"

هنا

انا اعتذر عن اي خطأ فلا احد منا معصوم