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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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