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