شرح تركيب واجهه لموقعك

«®°•.¸.•°°•.¸¸.•°°•.¸.•°® »السلام عليكم ورحمة الله وبركاته«®°•.¸.•°°•.¸¸.•°° •.¸.•°®»

بعدما زاد الطلب على شرح تركيب الواجهه للموقع

قمنا بالشرح الحصري لها على جوهرة العرب

ويلا وياي بالشرح خطوه بخطوه

الواجهات على نوعين مقطعة وغير مقطعه وقد تكون بنوعين

الاول هو امتداد psd يعني ملف مفتوح للفوتوشوب
والثاني html يعني ملف مفتوح للفرونت بيج

الان نبدي بالاول psd

حمل الواجهه

دوس هنا للتحميل

بعدما يكمل التحميل

قم بفتحها بالفوتوشوب

ركز وياي

اختار الاداة وطبعا هاي الي راح نقوم بالتقطيع بواسطتها
شرح تركيب واجهه لموقعك 92752988gh4

نقوم بالتقطيع وبعضكم يتسائل ما هو التقطيع ؟

التقطيع هو تهيئة الواجهة لأضافة رابط فيما بعد
يعني تقطع كلمة المنتديات وتصبح وحدها في مربع خاص لأضافة رابط المنتديات فيما بعد

وتكتب اسم منتداك على البنر مال الواجهه

شرح تركيب واجهه لموقعك 73572168hs4

وألان انتهينا من عملنا بالفوتوشوب بعد ان حفظنا المشروع

ملاحظة هامة: ملفات الواجهه هي الاندكس ومجلد الصور الخاص به

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

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

نبدي

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

نقوم بأختيار المناطق التي قطعناها لأضافة الروابط التشعبيه لها

كما في الصورة التاليه
شرح تركيب واجهه لموقعك 34631541un4

بعد ذلك قم بالضغط بزر الماوس الايمن واختار خصائص الصور ( picture properties )

واجعل حدود الصور صفر

شرح تركيب واجهه لموقعك 92282413iz7

والان نضغط بالزر الايمن على نفس المنطقة المقطعه واذهب على اخر الخيارات

اضافة رابط تشعبي ( hyperlink )

وقم بأضافة رابط المنتديات

والان اصعب شيء في تركيب الواجهه

انتقل الى تعليمات برمجيه ( code ) توجد في اسفل الفرونت بيج

وقم بأضافة موقعك قبل روابط الصور

رابط الصورة
شرح تركيب واجهه لموقعك Sa-cool2007_02