شرح الفرونت بيج بالصور

الرئيسيةأحدث الصورالتسجيلدخول
 
شرح الفرونت بيج بالصور
المواضيع الجديدة منذ آخر زيارة لياستعراض مشاركاتكمواضيع لم يتم الرد عليهاأفضل مواضيع اليومافضل اعضاء اليومافضل 20 عضو
 
شرح الفرونت بيج بالصور  Empty

شاطر | 
 

 شرح الفرونت بيج بالصور

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
ام ابراهيم
نائب المدير

نائب المدير
ام ابراهيم


المشاركات :
1856


تاريخ التسجيل :
05/08/2011


الجنس :
انثى

البلد :
مصر

sms :
لااله الا الله

شرح الفرونت بيج بالصور  Caaaoa11شرح الفرونت بيج بالصور  Empty

شرح الفرونت بيج بالصور  _
مُساهمةموضوع: شرح الفرونت بيج بالصور    شرح الفرونت بيج بالصور  Emptyالثلاثاء 30 أغسطس 2011 - 20:52 

دورة شرح الفرونت بيج بالصور

الدرس الاول

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

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


شرح الفرونت بيج بالصور  1-3

3-1
في
الجانب الأيسر ستجد شريط العرض Views Bar . هذا الشريط يتيح لك سرعة تغيير
طرق العرض الخاصة بصفحات الويب فضلاً عن تغيير الخصائص المتنوعة في
البرنامج . ومن طرق العرض Navigation والذي يتعلق بإنشاء أشرطة التحرك ،
وأيضاً عرض المهام Tasks .

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

شرح الفرونت بيج بالصور  2-3

2-3
بعد إخفائك شريط العرض يمكنك أيضاً الوصول إلى خيارات العرض الأخرى الخاصة بالموقع الذي أنشأته , وذلك من خلال قائمة View .
في
فرونت بيج يمكنك الوصول إلى أكثر الخصائص استخداماً من خلال أشرطة الأدوات
القياسية التسعة . يعرض شريط الأدوات القياسي Standard وشريط التنسيق
Formatting .

يعرض عليك الشكل 3-3 النافذة
الرئيسية وبداخلها شريط الأدوات القياسي وشريط التنسيق ، بينما يعرض الشكل
3-4 كافة اجزاء العرض وبعض اشرطة الأدوات التسعة .


شرح الفرونت بيج بالصور  3-3

شرح الفرونت بيج بالصور  3-4

شرح الفرونت بيج بالصور  67909f191bws3


كيفية إنشاء موقع ويب
عندما
تقوم بإنشاء مجموعة صفحات للويب لوضعها في موقع على الويب . فإن فرونت بيج
يتيح لك تجميع تلك الصفحات في وحدة واحدة ليطلق عليها في النهاية " ويب "
Web . رغم أننا نستخدم فرونت بيج إنشاء وتعديل الصفحات الفردية دون القيام
بإنشاء موقع ويب ، فإنك ستجد تحفيزاً قوياً على إنشاء موقع ويب يجمع
الصفحات التي أنشأتها . وذلك للأسباب التالية :

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

قم بإنشاء أول موقع ويب خاص بك .
1-من قائمة File ، حدد خيار New ثم Web لتفتح مربع حوار New ( انظر الشكل 3-5 ) .
2-من بين القوالب اختر الموقع الذي تريد إنشائه ومبدئياً حدد خيار One Page Web .
3-حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه .
4-إنقر زر OK في حالة عدم وجود مجلد الويب ، سيطلب منك إنشاؤه في هذه الحالة انقر زر yes لإنشاء المجلد والموقع . ( انظر الشكل 3-6 )

شرح الفرونت بيج بالصور  5-3

شرح الفرونت بيج بالصور  6-3


كيفية إنشاء ملف HTML
بعد أن تعلمت كيفية إنشاء موقع الويب الخاص بك ستتعلم الآن كيفية إنشاء صفحات داخل موقعك حيث أن للموقع أن يحوي عدد من الصفحات .
لإضافة صفحة جديدة في موقعك ، قم بما يلي :
1-من قائمةFile حدد خيار New ثم Page حتى تفتح مربع حوار New ثم انقر علامة تبويب General ( انظر الشكل 3-7 ) .

شرح الفرونت بيج بالصور  7-3

3-7
2- سوف يعرض لك المربع New قوالب متنوعة لصفحات ويب . قم بتحديد خيار Normal Page ثم انقر زر OK . ستظهر لك صفحة فارغة .
عندما
تقوم بإنشاء الصفحات ستأخذ هذه الصفحات الأسماء الافتراضية للملفات مثل
new page1.htm و new page2.htm لذا احفظ الصفحات بأسماء أخرى أكثر وضوحاً
حتى يمكنك التعرف عليها بسهولة .

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


شرح الفرونت بيج بالصور  67909f191bws3شرح الفرونت بيج بالصور  67909f191bws3




الدرس الثانى

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



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


القوالب
templates عبارة عن هياكل جاهزة يمكنك استخدامها في إنشاء أنواع مختلفة من
مواقع وصفحات الويب . وإلى جانب كونها هياكل جاهزة ، تأتي القوالب في شكل
هياكل فارغة .

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

أنواع القوالب المتاحة في فرونت بيج
القوالب نوعان هما قوالب الصفحات page templates وقوالب المواقع web templates .
قوالب المواقع
هناك تشكيلة مكونة من ثمانية قوالب للمواقع يمكنك اختيار ما تريد منها حسب ما يناسبك ( انظر الشكل 4-1 )

شرح الفرونت بيج بالصور  5-3

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

هذا وصف لقوالب ومعالجات مواقع الويب في فرونت بيج :
× Corporate Presence Wizard : هذا المعالج يرشدك إلى خطوات إنشاء موقع ويب خاص بأعمالك التجارية .
×
Customer Support Web : يمكنك هذا المعالج من إنشاء موقع ويب خاص بدعم
المستهلكين ، يصلح هذا القالب لشركات البرامج التي تقوم بإنشاء مواقع دعم
المستهلكين .

× Discussion Web Wizard : يرشدك هذا المعالج إلى عملية إنشاء موقع مناقشة يشبه مجموعات الأخبار .
×
Import Web Wizard : يمكنك هذا المعالج من إنشاء أرشيف على الويب يحتوي
على ملفات من كمبيوترك الخاص بك . كما يمكنك من استيراد أحد مواقع الويب
إلى موقع آخر داخل فرونت بيج .

× Project
Web : يقوم هذا المعالج بإنشاء موقع ويب يتم تأسيسه وفق مشروع معين يحوي
الجدول الخاص بهذا المشروع وحالته وعدده وملفات الأرشيف والمناقشات .

× Personal Web : يكنك من إنشاء موقع ويب شخصي يعكس أنشطتك واهتماماتك الخاصة .
× One Page Web : يحوي هذا القالب صفحة ويب واحدة .
× Empty Web : لا يحوي أي صفحة ويب بداخله .
استخدام قالب معالج الويب
لاستخدام قالب بسيط في إنشاء موقع ويب ، قم بما يلي :
1- من قائمة File ، حدد الخيار New ثم Web حتى تفتح مربع حوار New وبداخله علامة تبويبWeb Site محددة .
2- حدد نوع القالب الذي تريد استخدامه ، كأن تختار قالب Customer Support Web مثالاً
3- حدد المجلد أو الدليل الذي تريد أن تنشئ فيه موقع الويب ثم انقر زر ok .
4-
في حالة عدم وجود هذا المجلد بالفعل ، سيسألك البرنامج إن كنت تريد إنشاءه
. في هذه الحالة انقر زر yes وسيقوم فرونت بيج بعد ذلك بإنشاء القالب
طالما انتهيت من إنشاء المجلد الخاص به .

5- بعد بضع ثوان ، سيتم إنشاء القالب .
يقوم فرونت بيج بإضافة صفحة آو أكثر إلى موقع الويب بعد تحديد أي قالب من القوالب ما عدا قالب Empty Web .
استخدام القوالب لإنشاء أنواع مختلفة من صفحات الويب
على
غرار قوالب المواقع ، تمثل قوالب الصفحات أيضاً هياكل فارغة يمكنك
استخدامها لإنشاء صفحات الويب داخل موقعك ، أيضاً يمكنك إنشاء أي عدد من
صفحات الويب باستخدام القوالب الخاصة بها .


شرح الفرونت بيج بالصور  3-4

3-4
رغم
أن عدد القوالب ثمانية فقط إلا أنه يحتوي على 36 قالباً للصفحات . ويبين
الشكل 4-4 معظم قوالب الصفحات التي يمكنك اختيار ما يناسب احتياجك منها .

كما يعرض فرونت بيج نموذجاً بسيطاً لكل قالب صفحة قبل أن تقوم بإنشائها على عكس قوالب المواقع .
لإنشاء صفحة ويب باستخدام أحد القوالب قم بما يلي :
1- من قائمة File حدد خيار New ثم خيار Page لتفتح مربع حوار New حدد علامة تبويب General إذا لم تكن محددة .

شرح الفرونت بيج بالصور  7-3

4-4
2- حدد نوع القالب الذي تريد استخدامه ، كأن تختار قالب – Left ، Narrow aligned Body مثلاً ( انظر الشكل 4-5 ) .

شرح الفرونت بيج بالصور  5-4

5-4
سيقوم القالب الذي حددته بعرض نموذج مصغر له في مربع المعاينة .
3- انقر زر ok بعد ثوان معدودة ، سيتم إنشاء الصفحة الجديدة من القالب الذي حددته ( انظر الشكل 4-6 ) .

شرح الفرونت بيج بالصور  6-4

6-4
عند استخدام القوالب ستلاحظ أن فرونت بيج يقوم بإنشاء مواقع وصفحات الويب باستخدام بعض هذه القوالب
تعلمت في هذا الدرس كيفية إنشاء مواقع وصفحات الويب باستخدام القوالب في فرونت بيج .
 الموضوع : شرح الفرونت بيج بالصور   المصدر :منتديات تقى الإسلامية  الكاتب:  ام ابراهيم

 توقيع العضو/ه:ام ابراهيم

الرجوع الى أعلى الصفحة اذهب الى الأسفل

 

شرح الفرونت بيج بالصور

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 

مواضيع مماثلة

+
(( تذكر جيداً: يمنع وضع صورذوات الأرواح ويمنع الردود الخارجة عن الشريعه ويمنعالاشهار باى وسيلة والله شهيد ))
صفحة 1 من اصل 1

تذكر قول الله تعالى :{{ مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ }} سورة ق الآية 18


صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات تقى الإسلامية :: .:: المنتديات التقنية ::. :: واحة الكمبيوتـر والإنترنت-