[درس مفصل] طريقه تقطيع او تجهيز الواجهه + التعديل عليها + تركيب installها الشرح طريقة بالصور

[Chakira]

السلام عليكم


الردس طلب من احد الاعضاء بالمنتدي


وهو


طريقه تقطيع الواجهه + طريقه التعديل عليها + طريقه تركيب installها


يجب توافر برنامج الفوتوشوب للتقطيع الواجهه


وبرنامج فورنت بيدج للتعديل عليها


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


نبدا اول حاجه


بتقطيع الواجهه


نفتح البرنامج ونسحب الواجهه جواه داخل البرنامج


http://www.al-afdal.com/vb/images/statusicon/wol_error.gifاضغط هنا لعرض الصوره بحجمها الطبيعي
http://www.al-afdal.com/up/uploads/07b38aa1f5.jpg


يوجد يسار البرنامج صندوق ادوات نختار منه اداه التقطيع وهي


http://www.al-afdal.com/up/uploads/03ffb06c13.jpg


نضغط عليهاا


ونذهب للجزء المراد تقطيعه


وهو الجزء المراد عمل ارتباط تشعيبي له


نضغط علي طرف الجزء بالصوره ونسحب للطرف الاخر ( نظلل الجزء )


حتي يصبح شكله كالتالي ونعمل كل جزء نريده بهذه الطريقه


http://www.al-afdal.com/vb/images/statusicon/wol_error.gifاضغط هنا لعرض الصوره بحجمها الطبيعي
http://www.al-afdal.com/up/uploads/d826a546e5.jpg


الان انتهينا من التقطيع


نبدا بحفظ العمل


نذهب لقائمه ملف ( file )





ونختار حفظ للنسيج العالمي ( save to ewb )


http://www.al-afdal.com/up/uploads/ce03af2e86.jpg


نضغط علي تم


http://www.al-afdal.com/vb/images/statusicon/wol_error.gifاضغط هنا لعرض الصوره بحجمها الطبيعي
http://www.al-afdal.com/up/uploads/eab827d120.jpg


يجب تسميه الملف بأسم index.html


ونحفظ العمل


http://www.al-afdal.com/up/uploads/2721a6fd04.jpg


انتهينا من الفوتوشوب


نذهب للتعديل علي الواجه باستخدام الفورنت بيدج


نفتح البرنامج ونفتح الواجهه بداخله


او نذهب للواجهه وكليك يمين علي ملف الاندكس ونختار ايديت Edit


http://www.al-afdal.com/up/uploads/5eee8c3a43.jpg


هيفتح لينا برنامج الفورنت بيدج


http://www.al-afdal.com/vb/images/statusicon/wol_error.gifاضغط هنا لعرض الصوره بحجمها الطبيعي
http://www.al-afdal.com/up/uploads/8ade8ad4cd.jpg


نضغط علي الصوره المراد عمل لينك لها


وكليك يمين ونختار ارتباط تشعيبي


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


ويجب ان يكون الكود code كامل


http://www.al-afdal.com/up/uploads/2c2e7854b4.jpg


ونضغط موافق


في بعض الاحيان نجد ايطار لونه ازرق ظهر حول الصوره اللي عملنلها ارتباط تشعيبي


لازم نحزف الايطار دا عشان شكل الواجهه مش يبوظ


هندوس كليك يمن علي الصوره إللي عمنلها ارتباط تشعيبي ونختار خصائص الصوره


http://www.al-afdal.com/vb/images/statusicon/wol_error.gifاضغط هنا لعرض الصوره بحجمها الطبيعي
http://www.al-afdal.com/up/uploads/cd4fab024d.jpg


هنلاحط وجود رقم 2 فوق الخط الاحمر


هنمسح الرقم دا ونخليه صفر ( 0 )


http://www.al-afdal.com/up/uploads/c173e227ea.jpg


وندوس موافق


ونعمل كده مع كل صوره قطعناهاا


ودلوقتي طريقه الحفظ


من قائمه ملف او فايل


هنختار حفظ


ونأفل البرنامج وانتهي


http://www.al-afdal.com/up/uploads/4d1123ff7a.jpg


هناخد الملفين إللي بأسم images و index.html


ونرفعهم خارج ملجد الـ vb
يعني بجوار المجلد وليس بداخله


لو في واجهه قديمه يرجي حزف ملفاتها اولاااااااا


تم وان شاء الله يكون سهل ومفيد


عنوان الموضوع الاصلي (http://www.al-afdal.com/vb/showthread.php?t=1606)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©