2 : تصميم صفحة ويب فـي FrontPage

[admin]

السلام عليكم

عـسى ما أبطينا علـيكم بـالجزء الثانـي ! ؟

الدرس مفصل ان شاء الله خفيف جداً بس يحتاج متابعة ,,

للرجـوع للدرس مفصل الأول تفضل من ] هـــنـــا (http://www.dzbatna.com/t346791/) ![


للـي يهمه خـفة تصفح الموقع ,, أنصحك بإعادة التقطيع مرّة أخرى http://www.dzbatna.com/images/smilies/cupidarrow.gif

لا تعيده كامل .. لكن المناطق اللي لها لون واحد وكبيره نوعاً مـا ,, اقطعها




ليخف حجم صفحة موقعك ,, لا تخـاف !! تقطيعك لها مايخليك ماتفهم الدرس مفصل ,,


يالله نسمّـي بالله

افتح برنــامج FrontPage ستجــده مُـلحق مع برامج الأوفيس

وهذه صـوره لــه


http://www.ibda3k.com/img/webdesign/frontPage/1.gif

سنستدعــي صفحتنا الـى هنـا ,, من قائمة ملـف – فتح

تظهر لنا هذه القائمة ..


http://www.ibda3k.com/img/webdesign/frontPage/2.gif
نختار صـفحة الويب

ستظهر لنا الصفحة في الفرونت بيج
http://www.ibda3k.com/img/webdesign/frontPage/3.gif

ماذا يتوجب علينا الآن ! مارأيكم ان نجعل تصميمنا في وسط الصفحة ؟

نقوم بتحديد كامل الصفحة ,, بالضغط على زر الفأرة الايمن مرتين ومن ثم ضغط زر توسيط .. تابعوا الصورة

http://www.ibda3k.com/img/webdesign/frontPage/4.gif

الآن نريد ان نضيف ]ارتباط تشعبي[ قد تكون المرة الأولى التي يسمع بها احدكم

مثال على الارتباط التشعبي ,, حينما تضغط على المنتدى forum تنقل للمنتدى أليس كذلك !

هذا هو الارتباط التشعبي ,, تفعيل الصوره او النص وتمكينه من نقل الزائر من صفحة الى اخرى

أظن ان مفهوم الإرتباط التشعبي وصل لكم ؟

اذا فلنبدأ بتطبيقه ..

اريد الآن ان انقل زائري الى مكتبة الدروس عن طريق الضغط على مكتبة الدروس

اذهب الى صورة مكتبة الدروس واضغط عليها بزر الفأرة الأيسر..

واختار خصـائص الصورة ,, نغير سمك الحدود الـى 0 (صفر) إتبّع الصورة


http://www.ibda3k.com/img/webdesign/frontPage/5.gif

قمنا بتغير سمك الحدود كي لا تظهر حدود حينما نضع الارتباط التشعبي

الآن من خصائص الصورة اختر من التبويب العلوي الاختيار ( عام ) ,, تابع الصـورة


http://www.ibda3k.com/img/webdesign/frontPage/6.gif

نختار من الارتباط التشعبي الافتراضي الخيار ( استعراض)

ستظهر لنا مثل هذه القـائمة

http://www.ibda3k.com/img/webdesign/frontPage/7.gif

وفـي خيار العنوان ,, نكتب رابط المكان الذي نريد للزائر التوجه اليه ,,

انا اريده ان يتوجه لمكتبة الدروس .. إذا سأكتب lesson))

بعد كتابة اسم الصفحة التي سيتوجه اليها الزائر ,, هل تريد للزائر ان تنفتح له صفحة اخرى غير الصفحة الرئيسية التي هو فيها ,, ام تريده ان تنفتح في نفس الإطار او في اطار صغير ؟؟

لتحديد كل هذا ,, اختر الخيار الموضوع بالصوره ألا وهو الاطار الهدف


http://www.ibda3k.com/img/webdesign/frontPage/8.gif

فتحت لنا قائمة الإطار الهدف ! الآن سنظم المرور : )


http://www.ibda3k.com/img/webdesign/frontPage/9.gif

اظنها واضحه جداً .. ان كنت لا تريد أي اضافات ,, اترك الخيار كما هو

الآن كمل شغلك وكمل الارتباط التشعبي من نفسك ..

لكن لاتنسى ان تجعل في كل مره تقوم بالارتباط التشعبي .. سمك الحدود = 0

....................


المنطقة التي ستكون مكانها كلمة الموقع هو الإطار الذي في المنتصف ..

إضغط على وسط الإطار وقم بالضغط من لوحة المفاتيح على زر Delete

سيظهر لك هكذا


http://www.ibda3k.com/img/webdesign/frontPage/10.gif

والآن اكتب مايحلو لك

..............

في جهة اليمين اريد ان اضيف بعضاً من خدماتي ..

وبعد ان اضفت ماأريد


http://www.ibda3k.com/img/webdesign/frontPage/11.gif

اظن اني انتهيت ؟

الحمدلله انتهيت ..

نقوم بحفظ الصفحة .. : ملف – حفظ بإسم – ونحفظ الصفحة

وإرفع الصفحة التي حفظتها بالفرونت الى موقعك وايضا مجلد images مُهم جدا رفعه

فهو يحتوي على صور الموقع وبدونه لن تظهر صور الصفحة

...........

أتمنى اني قدمت درس مفصل مفيد للكل

استقبل استفساراتكم بصدر رحــب



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