الدرس الأول : كيفية تحميل صفحة على الموقع المستضيف Front Page

[ahmida]

الدرس الأول : كيفية تحميل صفحة على الموقع المستضيف Front Page
http://www.alajyale.com/vb/besmllah.gif



سنتعلم في هذا الدرس على بيئة برنامج الفرونت بيج .. ثم كيف ننشي صفحة واحدة ومن ثم تحميلها على الموقع ..
نقوم بفتح برنامج الفرونت بيج

http://www.alajyale.com/vb/images/statusicon/wol_error.gifهذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 706x351 الابعاد 22KB.http://www.gulfson.com/vb/imgulfson/803.gulfson

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


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


قبل أن نبدأ في تصميم الصفحة لابد لنا من معرفة أمور هامة وأساسية عن التصميم في فرونت بيج




الخطوة الأولى : تصميم الصفحة (http://www.alajyale.com/vb)1- يقوم البرنامج بإنشاء مجلد image مع كل موقع ويب نضع في هذا المجلد جميع الصور الموجودة في الموقع لاحظ ذلك في قائمة المجلدات 2- حتى يكون التصميم ثابتا في جميع المتصفحات نستخدم الجداول وسنلاحظ لك في الدروس القادمة بإذن الله 3- استخدام الحروف الإنجليزية الصغيرة عند تسمية الصفحات والصور

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

http://www.alajyale.com/vb/images/statusicon/wol_error.gifاضغط هنا لمشاهدة الصورة بالحجك الطبيعي.http://www.gulfson.com/vb/imgulfson/804.gulfson

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

http://www.alajyale.com/vb/images/statusicon/wol_error.gifهذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 685x360 الابعاد 34KB.http://www.gulfson.com/vb/imgulfson/805.gulfson

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

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

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

http://www.alajyale.com/vb/images/statusicon/wol_error.gifهذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 506x320 الابعاد 18KB.http://www.gulfson.com/vb/imgulfson/806.gulfson

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

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



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

(http://www.alajyale.com/vb)من قائمة ملف => نشر في ويب => ستظهر لنا هذه النافذة

http://www.gulfson.com/vb/imgulfson/807.gulfson

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

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

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

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

http://www.gulfson.com/vb/imgulfson/808.gulfson

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

http://www.gulfson.com/vb/imgulfson/809.gulfson
(http://www.alajyale.com/vb)
يمكننا أن نقولك لك مبرووووووك فهذي اول صفحة ويب من تصميمك

قم بكتابة العنوان الذي حجزته لنشاهد نتيجة عملك
كما في الرابط التالي http://toty.port5.com/ (http://www.gulfson.com/vb/?gsr=http%3A%2F%2Ftoty.port5.com%2F)