الدرس الأول

الدرس الثاني

الدرس الثالث

الدرس الرابع

اضف موقع سفــن لقائمتك المفضلة

الدرس الأول

 

اطبع هذه الصفحة

# تمهيـــد :


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

 


# تعّرف على واجهة فرونت بيج 2000 :

ولكن قبل البدء في شرح رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب 
* تبدأ صفحة html أو الإتش تي ام ال بـالوسم <html> وتنتهي بـالوسم </html> .
* تنقسم الصفحة إلى منطقتين هما : 
1- منطقة الرأس أو الهيد: وتبدأ بـالوسم <head> وتنتهي بـالوسم </head> وتحتوي على عنوان الصفحة .
2- منطقة الجسم أو البودي: وتقع بين الوسمين <body> و </body> .. وكل ما سيظهر في الصفحة سيكون موجود في هذه المنطقة .
والآن افتح الفرونت بيج2000 ، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal / HTML / Preview .

* القسم Normal : هو منطقة العمل التي سيتركز فيها شرحنا .
* القسم HTML : لمشاهدة الكود الذي يكتبه البرنامج خلف الصفحة .
* القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف شيء للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview .

* إليك الآن شرح أهم رموز أشرطة أدوات فرونت بيج 2000 :

انتهى الدرس الأول


 

الدرس الثــــــاني >>>>>

 

 


جميع الحقوق محفوظة

s7m@soon.com