نبدأ معكم الحلقة الاولى.. من دروس الفرونت بيج 2000 وإليك هذه الخطوات السهلة التي بعد اكمالها وتطبيقها سيصبح موقعك جاهز بإذن الله
أولا : قبل البدء في تصميم موقعك عليك تحديد موضوعه هل هو شخصي - برامج - تعليم - ثقافي .. إلخ
ثانياً : ماهي البرامج اللازمة لتصميم صفحات الويب ؟
1- المفكرة ( Notepad ) : وهي موجودة ضمن البرامج الملحقة بويندوز ... ويتم استخدامها لتحرير النصوص التي ستضعها في موقعك ومن ثم نسخها ولصقها في الفرونت بيج .
2- مايكروسوفت فرونت بيج 2000 (FrontPage): وهو موضوع شرحنا ، وقد اخترناه لأنه من عائلة ميكروسوفت أوفيس التي اعتاد الكل تقريبا على استخدامها وهذا سيسهل من استخدامه . وهو برنامج قوي تستطيع أن تصمم صفحات بمستوى احترافي بواسطته . ويوجد هذا البرنامج ضمن مجموعة أوفيس 2000 كما ذكرنا ( وهو غير معّرب ) .
3- برنامج رسومي : لإضافة لمسات جمالية للصفحة كالخلفيات والعناوين .. إلخ . ومن هذه البرامج ما يلي : * فوتوشوب (Photo Shop) * بينت شوب (Paint Shop Pro) * فلاش (Flash) * الرسام المرفق بويندوز أو أي برنامج رسومي آخر تجيد استخدامه . وسيكون هناك دروس لبعض هذه البرامج في الموقع بمشيئة الله .
--------------------------------------------------------------------------------
تعّرف على واجهة فرونت بيج 2000 : ولكن قبل البدء في شرح رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب
نقسم صفحة الويب إلى منطقتين هما:
1- منطقة الرأس أو الهيد: وتبدأ بـالوسم وتنتهي بـالوسم وتحتوي على عنوان الصفحة .
2- منطقة الجسم أو البودي: وتقع بين الوسمين و .. وكل ما سيظهر في الصفحة سيكون موجود في هذه المنطقة . والآن افتح الفرونت بيج2000 ، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal / HTML / Preview .
* القسم Normal : هو منطقة العمل التي سيتركز فيها شرحنا .
* القسم HTML : لمشاهدة الكود الذي يكتبه البرنامج خلف الصفحة .
* القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف شيء للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview . * إليك الآن شرح أهم رموز أشرطة أدوات فرونت بيج 2000 :