شرح برامج » لغات البرمجة » الدرس الرابع في برنامج Front Page

 الدرس الرابع في برنامج Front Page  أضيف في: 6-12-1426هـ
الدرس الأول :
سنتعلم في هذا الدرس على بيئة برنامج الفرونت بيج .. ثم كيف ننشي صفحة واحدة ومن ثم تحميلها على الموقع ..
نقوم بفتح برنامج الفرونت بيج

http://www.c4arab.com/images/lessons/office/frontpage/dars6/aldars11.gif

ولفتح موقع ويب جديد نتبع الأتي : من قائمة ملف => جديد => صفحة أو ويب=> تظهر لنا قائمة في الجهة اليسرى نختار منها صفحة ويب فارغة => ستظهر لنا نافذة قوالب موقع ويب نختار منها صفحة ويب فارغة
هكذا نكون قد فتحنا موقعا جديدا سنقوم الآن بفتح صفحة لبدأ التصميم


من قائمة ملف =>جديد => صفحة ويب =>تظهر لنا قائمة في الجهة اليسرى نختار منها صفحة فارغة
لاحظ أننا نختار صفحة ويب فارغة عند فتح موقع ويب جديد ونختار صفحة فارغة لإدراج صفحة في موقع ويب موجود


قبل أن نبدأ في تصميم الصفحة لابد لنا من معرفة أمور هامة وأساسية عن التصميم في فرونت بيج
1- يقوم البرنامج بإنشاء مجلد image مع كل موقع ويب نضع في هذا المجلد جميع الصور الموجودة في الموقع لاحظ ذلك في قائمة المجلدات
2- حتى يكون التصميم ثابتا في جميع المتصفحات نستخدم الجداول وسنلاحظ لك في الدروس القادمة بإذن الله
3- استخدام الحروف الإنجليزية الصغيرة عند تسمية الصفحات والصور

الخطوة الأولى : تصميم الصفحة

لتغير لون خلفية الصفحة من القائمة تنسيق => خلفية
ستظهر لنا هذه النافذة

http://www.c4arab.com/images/lessons/office/frontpage/dars6/aldars12.gif

الآن قم بإدراج ما تشاء من الصور ثم أكتب النص الذي تريد مثلا ( هذه أول صفحة أقوم بإنشائها وما زال الموقع تحت الإنشاء ) ثم قم بإجراء التنسيق الذي تريد من لون الخط ونوعه وحجمه كما تفعل ذلك في برنامج الورد

http://www.c4arab.com/images/lessons/office/frontpage/dars6/aldars13.gif

يمكنك عمل معاينة لمشاهدة الصفحة كيف تظهر عند رفعها في الموقع بأختيار الوضع معاينة من أسفل الصفحة .

بعد أن تنتهي من تصميم وتنسيق الصفحة سنقوم بحفظها وذلك بإتباع التالي

من قائمة ملف => حفظ باسم=> نقوم بتسمية الصفحة بالاسم index (استخدم حروف صغيرة ) إذا كان الموقع يحتوى على صور فستظهر لك هذه النافذة التي تطلب منك حفظ هذه الصور قم بتحديد الصورة ثم أضغط تغير المجلد وحدد مجلد image حتى يتم حفظ جميع الصور في مجلد واحد

http://www.c4arab.com/images/lessons/office/frontpage/dars6/aldars14.gif

لاحظ بأن اسم الصفحة قد تغير هكذا نكون قد انتهينا من أعداد وتنسيق الصفحة يمكنك الآن عمل معاينة لها في المستعرض انترنيت اكسبلورر أو أي مستعرض آخر

من قائمة ملف => اختر معاينة في مستعرض => ثم اختر افتراضي =>معاينة



الخطوة الثانية : رفع الملف إلي الموقع

من قائمة ملف => نشر في ويب => ستظهر لنا هذه النافذة

http://www.c4arab.com//images/lessons/office/frontpage/aldars100.gif

قم بكتابة FTP التي حصلت عليها عند حجز الموقع ثم اضغط موافق

أكتب أسم المستخدم وكلمة المرور ثم اضغط موافق

http://www.c4arab.com//images/lessons/office/frontpage/aldars100.gif

ستظهر لك نافذة اضغط على نشر ثم انتظر حتى يتم نقل الملفات إلي الموقع

صورة توضح أن البرنامج يحاول الاتصال بالملقم

http://www.c4arab.com/images/lessons/office/frontpage/dars6/aldars15.gif

انتظر حتى يتم تحميل الملفات جميعها وتظهر لك هذه النافذة

http://www.c4arab.com/images/lessons/office/frontpage/dars6/aldars16.gif

يمكننا أن نقولك لك مبرووووووك فهذي اول صفحة ويب من تصميمك

قم بكتابة العنوان الذي حجزته لنشاهد نتيجة عملك
كما في الرابط التالي http://toty.port5.com/



أتمنى أن أكون قد وفقت في شرح الدرس الأول

الكاتب: LaSer_26 انقر هنا لمراسلة LaSer_26 أنقر هنا للإنتقال إلى موقع LaSer_26 إضافة للمفضلة إضافة لمفضلة Google إضافة لمفضلة Delicious إضافة لمفضلة Digg إضافة لمفضلة Facebook
 



 

المنتديات

الأذكار

ألعاب الأدعية الصحيحة
راديو وصفات طبخ
مواقع تسوق مكتبة القصص