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

[ahmida]

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

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 706x351 الابعاد 22KB.

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


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


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




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

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

اضغط هنا لمشاهدة الصورة بالحجك الطبيعي.

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 685x360 الابعاد 34KB.

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

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

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

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 506x320 الابعاد 18KB.

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

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



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

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



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

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

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

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



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



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

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