الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع ::

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

في الدرس السابق انتهينا بفضل الله سبحانه وتعالى من خطوة إدراج جميع الصور الخاصه بالتصميم وفي هذا الدرس سوف نقوم بشرح كيفية إدراج الروابط الخاصه بكل زر وتصميم الصفحات الفرعية .

سوف نقوم بإدراج الروابط الخاصه بكل زر :-

اختر من قائمة البرنامج view ثم ثم Toolbars ثم Pictures كما في الصوره :-

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_bFXYxJuIX4

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_bFXYxJuIX4

ستظهر لك هذه النافذة اختر منها الاداه الآتية :-

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_9ZdhNT1uxl

ثم قم بالتحديد بها على زر الرئيسية سيظهر لك نافذه اكتب بها رابط الرئيسية وهوindex.htm كما بالصوره :-

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 749x197 وحجمها 78 كيلو بايت .

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_OXo76CBR

وكذلك نفس الخطوات في زر المنتدى لكن الرابط حسب رابط المنتدى الخاص بك vB مثلا ,

أما بالنسبة لزر الاستضافة فقم بتسميته بإسم الصفحه الفرعية التي تريدها وليكن host.htm , وأيضا زر اتصل بنا .

نأتي بعد ذلك الى تغيير رابط الصوره اضغط على Code وهو أسفل البرنامج كما يلي

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 784x482 وحجمها 23 كيلو بايت .

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_AT4XqD6004

ثم غيرجميع روابط الصوره من
file:///C:/--------s%20and%20Settings/MicroTheme%20™/Desktop/newdesign/images

الى images فقط وذلك كما في الصوره :-

هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 784x482 وحجمها 103 كيلو بايت .

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_rZEw6TPINm

افعل ذلك مع جميع الصور ,

وللاختصار وتغيير جميع الصوره مره واحده اضغط من الكيبورد Ctrl + f ثم replace

كما يلي :-

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_xEKllToNsh

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_xEKllToNsh

ثم اضغط Replace All

بعد ذلك ارجع إلى التصميم نفسه ثم قم بحفظ العمل كما يلي

اضغط من قائمة البرنامج file ثمsave as ثم اختر المجلد الخاص بنا وهو newdesign بأسم index.htm

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

أما بالنسبة لصفحة الاستضافة فقم بتصميمها بالشكل الذي تريده عن طريق برنامج الفرونت بيج وبعد الانتهاء منها قم بحفظها في المجلد الخاص بنا وهو newdesign بأسم host .htm

وكذلك نفس الخطوات مع زر اتصل بنا وبذلك أصبح لدينا ألان في مجلد newdesign مجلد Images وثلاث صفحات htm وهما الرئيسية والاسضافه واتصل بنا كما يلي :-

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_mTctptYzgj

الدرس السابع:- تركيب التصميم في بـرنامـج الفرونت بيج :: الجزء الرابع :: Alm7tarfin_mTctptYzgj

وبهذه الخطوة قد انتهينا من الجزء الرابع والاخير في عنصر تركيب الاتصميم في برنامج الفرونت بيج .

==================

[size=16]موعيدنا ان شاء الله في اللقاء القادم يوم السبت 18 / 8 / 2007والعنصر الرابع في الدورة وهو رفـــع التصميم على الموقع عن طريق الـCPanel أو برنامج الـ FTP .

[/size]