نادى الاتصالات والتقنية

نادى الاتصالات والتقنية (http://dsl.adslsolutions.net/index.php)
-   منتدى تطوير وإدارة وتصميم المواقع (http://dsl.adslsolutions.net/forumdisplay.php?f=42)
-   -   دورة الصياد لتصميم الإستايلات بالفرونت بيج (http://dsl.adslsolutions.net/showthread.php?t=1322)

انا غيييير 06-08-2010 07:54 PM

دورة الصياد لتصميم الإستايلات بالفرونت بيج
 


أولا ً : توزيع صور الاستايل بالفرونت بيج:-

نفتح برنامج الفرونت بيج Microsoft Office FrontPage 2003 النسخه العربية

الان بعد فتح البرنامج
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
سيظهر لك التالي
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
احذف الكود هذا وارجع الى ( تصميم )
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
بعدها
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
اعمل ادراج جداول وادرج عرض 5 صفوف
والطول 3 اعمده
تابع

http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

الان اضغط بزر الماوس الايمين واختر خصائص الجدول وبعدها عدل الأعدادت
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
بعد تعديل الإعدادت اضغط على موافق فتصبح الجداول كالآتي
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
الان ظلل على اول صف او خمس مربعات اي السطر الاول
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
واضغط بزر الماوس الايمين واختر خصائص الخليه
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
سيظهر لك الصندوق التالي لتحديد خلفية الجداول المحدده اختر منطقة التمدد في الهيدر
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

واضغط فتح ثم على موافق

وكرر العمليه على الصف الثالث
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
اختر خلفية تمدد الفوتر واضغط على فتح

الآن ننتقل على إدارج الصور

اضغط على أول جدول على اليمين في الاعلى

نبحث عن الصورة التاليه في الاداوت

http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
واضغط عليها فيظهر التالي اختر الصورة او الزواية اليمين
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
واضغط ادراج
نفس العملية على باقي الجداول
هذه العمليات تعني تجميع الصورة لتظهر صورة الاستايل بالشكل الذي كان عليه في الفوتوشوب قبل تقطيعه ... تابع
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
لاحظ الخطوة اذي هنا نضغط على العمود كمان هو مبين بالخط المقطع مع السحب بالماوس الى الجهه اليمين ..... ارجوا انها وضحت
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
هاذي الصور في الجهه المقابله اي الزواية من جهه اليسار
اردحها واسحب العمود الى جهه اليسار
وكرر العمليه على الفوتر في الصف الثالث
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

الان نأتي الى مرحله ادارج الصور التي في الوسط ( Heder1 + Heder2 ) + ( Foter1 + Forter2) ادرجهم بكل سهوله عن طريق الصورة http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

الان انا ادرجت الصور وكل شىء الحمد لله تمام
الان لاحظ معي مناطق التمدد العرضيه اضغط على الفراغ بزر الماوس الايمين واختر خصائص الخليه
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
نفس الشىء في الفراغ الآخر المقابل له اي جهه اليسار
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
الان بحمد الله انتهينا من إدراج الصور ذهب الكثير وبقي القليل .... تابع اخوي
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
هذا ناتج العمل ... لاحظ العمودين
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
لازم نحذفهم
تابع عن طريق قائمة جداول اختر رسم جدول فتظهر اداة الممحاه لحذف الجداول اسحب بواسطه الفأرة الجدولين اللذان داخل المربع فيصبح الناتج كالآتي ....
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
الان الحمد لله انتهينا من كل شىء ... نترك وضع الروابط لوقت آخر ....
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
العمل النهائي وتابع طريقة أخذ اكواد الهيدر والفوتر
::::::::::::::::::::::::::
اضغط على تعلميات برمجية ليظهر الكود التالي
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

الان تابع ...

http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
ضلل كما هو مبين واضغط بزر الماوس الايمن واختر استبدال سيظهر الصندوق التالي ....

http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

كما هو مبين عندك على اليسار
اكتب مثلا Huntvb_com
اضغط على استبدل الكل ....
الان بحمد الله انتهنا وجاء وقت اظهار الاكواد لكل من الهيدر والفوتر شوف الصورة التالية وطبق مثل ما هو
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
دقق النظر

انا اخذت كود الهيدر ووضعته في ملف TXT

واخذت ايضا كود الفوتر ووصعته في ملف TXT
شوف كيف شكل الأكواد :::-
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif
http://www.huntvb.com/vb/images/droo...Huntvb.com.gif

والسلام خير ختام احفظ الاكواد للدرس الجاي







الساعة الآن 04:40 PM.

dsl.adslsolutions.net