remongirgis
06-23-2007, 06:56 PM
بعدما زاد الطلب على شرح تركيب الواجهه للموقع
قمنا بالشرح الحصري لها على جوهرة العرب
ويلا وياي بالشرح خطوه بخطوه
الواجهات على نوعين مقطعة وغير مقطعه وقد تكون بنوعين
الاول هو امتداد psd يعني ملف مفتوح للفوتوشوب
والثاني html يعني ملف مفتوح للفرونت بيج
الان نبدي بالاول psd
دوس هنا للتحميل (http://www.mr-sa.com/upsa/worod.rar)
بعدما يكمل التحميل
قم بفتحها بالفوتوشوب
ركز وياي
اختار الاداة وطبعا هاي الي راح نقوم بالتقطيع بواسطتها
http://img510.imageshack.us/img510/1711/92752988gh4.png
نقوم بالتقطيع وبعضكم يتسائل ما هو التقطيع ؟
التقطيع هو تهيئة الواجهة لأضافة رابط فيما بعد
يعني تقطع كلمة المنتديات وتصبح وحدها في مربع خاص لأضافة رابط المنتديات فيما بعد
وتكتب اسم منتداك على البنر مال الواجهه
http://img520.imageshack.us/img520/3580/73572168hs4.png
وألان انتهينا من عملنا بالفوتوشوب بعد ان حفظنا المشروع
ملاحظة هامة: ملفات الواجهه هي الاندكس ومجلد الصور الخاص به
الان نتوجه للفرونت بيج وهو برنامج مرفق مع المايكروسوفت اوفيس
الان نحن داخل الفرونت بيج
نبدي
اختار ملف > فتح > اختار ملف الاندكس الخاص بالواجهه
نقوم بأختيار المناطق التي قطعناها لأضافة الروابط التشعبيه لها
كما في الصورة التاليه
http://img179.imageshack.us/img179/7334/34631541un4.png
بعد ذلك قم بالضغط بزر الماوس الايمن واختار خصائص الصور ( picture properties )
http://img292.imageshack.us/img292/6823/92282413iz7.png
والان نضغط بالزر الايمن على نفس المنطقة المقطعه واذهب على اخر الخيارات
اضافة رابط تشعبي ( hyperlink )
والان اصعب شيء في تركيب الواجهه
انتقل الى تعليمات برمجيه ( code ) توجد في اسفل الفرونت بيج
وقم بأضافة موقعك قبل روابط الصور
رابط الصورة
<IMG SRC="images/sa-cool2007_02.gif" WIDTH=99 HEIGHT=419 ALT=""></TD>
<IMG SRC="www.arabjewel.110mb.com/images/sa-cool2007_02.gif" WIDTH=99 HEIGHT=419 ALT=""></TD>
http://img149.imageshack.us/img149/261/87728720cr2.png
انتهينا تقريبا لم يبق الا حفظ العمل
توجه الى ملف > حفظ بأسم > غير ما يلزم تغيره من عنوان الصفحه وغيره
وقم بحفظ العمل بأسم index
http://img299.imageshack.us/img299/8140/44069705oe8.png
حمل الواجهه واجعل حدود الصور صفر وقم بأضافة رابط المنتديات بعد التعديل لا تنسى الفاصله / بين موقعك ومجلد الصور قم برفع الملفات ( index ومجلد الصور ) إلى موقعك وليس الى vb
قمنا بالشرح الحصري لها على جوهرة العرب
ويلا وياي بالشرح خطوه بخطوه
الواجهات على نوعين مقطعة وغير مقطعه وقد تكون بنوعين
الاول هو امتداد psd يعني ملف مفتوح للفوتوشوب
والثاني html يعني ملف مفتوح للفرونت بيج
الان نبدي بالاول psd
دوس هنا للتحميل (http://www.mr-sa.com/upsa/worod.rar)
بعدما يكمل التحميل
قم بفتحها بالفوتوشوب
ركز وياي
اختار الاداة وطبعا هاي الي راح نقوم بالتقطيع بواسطتها
http://img510.imageshack.us/img510/1711/92752988gh4.png
نقوم بالتقطيع وبعضكم يتسائل ما هو التقطيع ؟
التقطيع هو تهيئة الواجهة لأضافة رابط فيما بعد
يعني تقطع كلمة المنتديات وتصبح وحدها في مربع خاص لأضافة رابط المنتديات فيما بعد
وتكتب اسم منتداك على البنر مال الواجهه
http://img520.imageshack.us/img520/3580/73572168hs4.png
وألان انتهينا من عملنا بالفوتوشوب بعد ان حفظنا المشروع
ملاحظة هامة: ملفات الواجهه هي الاندكس ومجلد الصور الخاص به
الان نتوجه للفرونت بيج وهو برنامج مرفق مع المايكروسوفت اوفيس
الان نحن داخل الفرونت بيج
نبدي
اختار ملف > فتح > اختار ملف الاندكس الخاص بالواجهه
نقوم بأختيار المناطق التي قطعناها لأضافة الروابط التشعبيه لها
كما في الصورة التاليه
http://img179.imageshack.us/img179/7334/34631541un4.png
بعد ذلك قم بالضغط بزر الماوس الايمن واختار خصائص الصور ( picture properties )
http://img292.imageshack.us/img292/6823/92282413iz7.png
والان نضغط بالزر الايمن على نفس المنطقة المقطعه واذهب على اخر الخيارات
اضافة رابط تشعبي ( hyperlink )
والان اصعب شيء في تركيب الواجهه
انتقل الى تعليمات برمجيه ( code ) توجد في اسفل الفرونت بيج
وقم بأضافة موقعك قبل روابط الصور
رابط الصورة
<IMG SRC="images/sa-cool2007_02.gif" WIDTH=99 HEIGHT=419 ALT=""></TD>
<IMG SRC="www.arabjewel.110mb.com/images/sa-cool2007_02.gif" WIDTH=99 HEIGHT=419 ALT=""></TD>
http://img149.imageshack.us/img149/261/87728720cr2.png
انتهينا تقريبا لم يبق الا حفظ العمل
توجه الى ملف > حفظ بأسم > غير ما يلزم تغيره من عنوان الصفحه وغيره
وقم بحفظ العمل بأسم index
http://img299.imageshack.us/img299/8140/44069705oe8.png
حمل الواجهه واجعل حدود الصور صفر وقم بأضافة رابط المنتديات بعد التعديل لا تنسى الفاصله / بين موقعك ومجلد الصور قم برفع الملفات ( index ومجلد الصور ) إلى موقعك وليس الى vb