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

[البدر]

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

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

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

بسم الله الرحمن الرحيم

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

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

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

حمل الواجهه
دوس هنا للتحميل ([Only Registered Users Can See Links])


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

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

ركز وياي

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

[Only Registered Users Can See Links]


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

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

وتكتب اسم منتداك على البنر مال الواجهه
[Only Registered Users Can See Links]

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

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

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



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

نبدي

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

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

كما في الصورة التاليه

[Only Registered Users Can See Links]

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

واجعل حدود الصور صفر
[Only Registered Users Can See Links]


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

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

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

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

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

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

رابط الصورة
<IMG SRC="images/sa-cool2007_02.gif" WIDTH=99 HEIGHT=419 ALT=""></TD>

بعد التعديل
<IMG SRC="[Only Registered Users Can See Links]" WIDTH=99 HEIGHT=419 ALT=""></TD>

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

[Only Registered Users Can See Links]

انتهينا تقريبا لم يبق الا حفظ العمل

توجه الى ملف > حفظ بأسم > غير ما يلزم تغيره من عنوان الصفحه وغيره

وقم بحفظ العمل بأسم index
[Only Registered Users Can See Links]


قم برفع الملفات ( index ومجلد الصور ) إلى موقعك وليس الى vb


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