تعلم فرونت بيج لبناء المواقع الالكترونية-درس-1

[mahmasri2006]

السلام عليكم ايها الاخوة والاخوات

بناء على طلب بعض الاعضاء شرح طريقة بناء المواقع باستخدام برنامج فرونتبيج فانني ساقوم بنشر سلسلة من الدروس لتغطية هذا الموضوع

بالتزامن مع شرح طريقة بناء المواقع باستخدام برمجة HTML

اتمنى ان تستفيدوا

-------------------------
الدرس الاول
-------------------------

التعرف على فرونت بيج 2003

يعد فرونت بيج من أهم البرامج استخداماً في إنشاء صفحات الويب وذلك للمزايا التي يتمتع بها من حيث السهولة في التعامل إضافة إلى الإمكانيات التي يتمتع بها . ويبين الشكل (1) الواجهة الرئيسية التي ستراها عند العمل في فرونت بيج .

( 1 )

كيفية إنشاء موقع ويب :

1 - من قائمة ملف قم باختيار جديد يظهر لك مربع حوار يمين الشاشة قم باختيار موقع ويب ذو صفحة واحدة الشكل ( 2 ) .
2 - تظهر لك العديد من القوالب المتاحة اختر منها موقع ويب ذو صفحة واحدة أو موقع ويب فارغ .
3 - حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه .

( 2 )

كيفية إنشاء صفحات داخل الموقع :

بعد أن تعلمت كيفية إنشاء موقع الويب الخاص بك ستتعلم الآن كيفية إنشاء صفحات داخل موقعك حيث أن الموقع يحوي عدد من الصفحات .
لإضافة صفحة جديدة في موقعك ، قم بما يلي :
من قائمة ملف قم باختيار جديد ومن ثم صفحة فارغة .
عندما تقوم بإنشاء الصفحات ستأخذ هذه الصفحات الأسماء الافتراضية للملفات مثل new page1.htm و new page2.htm لذلك احفظ الصفحات بأسماء أخرى أكثر وضوحاً حتى يمكنك التعرف عليها والتعامل معها بسهولة .
تعلمت في هذا الدرس كيفية إنشاء موقع ويب وإضافة الصفحات إلى هذا الموقع .
ملاحظة مهمة : يجب أن تسمى الصفحة الرئيسية للموقع index حصراً .

[mahmasri2006]

تدريب على ما سبق
------------------

قم بتشغيل برنامج فرونت بيج

انشيء موقع جديد باسمك

ثم انشء صفحة جديدة واحفظها داخل هذا الموقع

باسم

index.htm

ثم اكتب فيها النص التالي

اهلا وسهلا بكم في منتديات طلاب جامعة القدس المفتوحة

احفظ

ثم انقر فوق مفتاح

F12

لعرض الملف في المتصفح
لمعاينة ملفك

[أماني قواسمي]

بارك الله فيك اخي الكريمmahmasri2006
على الدرس الرائع
اتمنى ان يستفيد الجميع
وان نرى المزيد من المواضيع القيمة
لك مني كل التقدير

[mahmasri2006]

بارك الله فيكم

ادعو الله ان يوفقنا جميعا لما فيه الخير والصلاح

[mahmasri2006]

تعلم فرونت بيج لبناء المواقع الالكترونية-درس-2

استخدام القوالب في فرونت بيج

القوالب عبارة عن هياكل جاهزة يمكنك استخدامها في إنشاء أنواع مختلفة من مواقع وصفحات الويب . وإلى جانب كونها هياكل جاهزة ، تأتي القوالب في شكل هياكل فارغة .
إن طبيعة القالب يمكنك تخيلها في أنك تريد بناء بيت صغير ، هل الأفضل لك أن تبدأ في بنائه من فراغ ، أو أن تشتري هيكلاً جاهزاً له ؟ بالتأكيد من الأسهل شراء هيكل جاهز بأعمدة وأساسات ثم تبدأ في بنائه , المقصود – أن الهيكل أو ( القالب ) يعمل بمثابة الأساس الذي ينبني عليه موقع أو صفحة الويب ، الأمر الذي يتيح لك إظهار العمل بالشكل الذي تريد .
القوالب نوعان هما قوالب الصفحات وقوالب المواقع .


قوالب المواقع :

من قائمة ملف حدد خيار جديد يظهر لك مربع حوار يمين الشاشة اختر منه قوالب موقع ويب أخرى الشكل ( 1 ) .
وتكون هذه القوالب على شكل هياكل فارغة يمكنك من إنشاء أنواع معينة من مواقع الويب ، كما يحتوي فرونت بيج على المعالجات ، هذه المعالجات عبارة عن قوالب تلقائية تستفيد منها في إنشاء مواقع ويب أكثر تعقيداً .

( 1 )

استخدام قالب معالج الويب :

لاستخدام قالب بسيط في إنشاء موقع ويب ، قم بما يلي :

1- من قائمة ملف ، حدد الخيار جديد ثم قوالب موقع ويب أخرى .

2- حدد نوع القالب الذي تريد استخدامه .

3- حدد المجلد أو الدليل الذي تريد أن تنشئ فيه موقع الويب ثم انقر زر موافق .

يقوم فرونت بيج بإضافة صفحة آو أكثر إلى موقع الويب بعد تحديد أي قالب من القوالب ما عدا قالب موقع ويب فارغ .

استخدام القوالب لإنشاء أنواع مختلفة من صفحات الويب :

على غرار قوالب المواقع ، تمثل قوالب الصفحات أيضاً هياكل فارغة يمكنك استخدامها لإنشاء صفحات الويب داخل موقعك ، أيضاً يمكنك إنشاء أي عدد من صفحات الويب باستخدام القوالب الخاصة بها الشكل ( 2 ) .

( 2 )

يعرض فرونت بيج نموذجاً بسيطاً لكل قالب صفحة قبل أن تقوم بإنشائها على عكس قوالب المواقع .

لإنشاء صفحة ويب باستخدام أحد القوالب قم بما يلي :

1- من قائمة ملف حدد خيار جديد يظهر لك مربع حوار يمين الشاشة اختر منه قوالب صفحة أخرى .

2- حدد نوع القالب الذي تريد استخدامه , تلاحظ نموذج مصغر له في مربع المعاينة .

3- انقر زر موافق بعد ثوان معدودة ، سيتم إنشاء الصفحة الجديدة من القالب الذي حددته .

تعلمت في هذا الدرس كيفية إنشاء مواقع وصفحات الويب باستخدام القوالب في فرونت بيج .

-------------
نلتقي بكم في الدرس القادم والتعامل مع النص

[mahmasri2006]

تدريب
----------------

ارجو تشغيل برنامج فرونت بيج

الذهاب الى ملف ثم جديد

اختيار صفحة فارغة من الجهة اليمنى في الشاشبة

حفظ هذا الملف كما شرحنا في الدرس السابق

--------------------

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

[تاله]

شرح رائع ومميز

بارك الله فيك اخي mahmasri2006 وجزاك كل الخير

تمنياتي للجميع بالتوفيق والاستمرار

[طالب حاسوب]

بارك الله فيك على الدروس الرائعة والمفيدة عن ForntPage لتصميم صفحات الويب
دروس مفيدة للمبتدئين
جزاك الله خير

[mahmasri2006]

بارك الله فيكم جميعا

اللهم علمنا ما ينفعنا وانفعنا بما علمتنا