الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: شرح لبرنامج الفرونت بيج 2003   الخميس أبريل 28, 2011 9:42 am



أهلاً بكن طالباتي الغاليات ..

هذه أهم النقاط التي بتعلمها تستطيعين انشاء موقعك الالكتروني في 5 دقائق فقط

لنبدأ

flower

الواجهة الرئيسية للبرنامج :

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






انشئي موقعك

1- من قائمة File ، حددي خيار New ثم Page or Web لتفتح مربع حوار يمين الشاشة ( انظر الشكل 3 - 3 ) .

2- حددي خيار Empty Web ومن بين القوالب المتاحة حدد One Page Web .

3- حددي موقع مجلد الويب وضعي اسماً لموقع الويب الذي تقومين بإنشائه .

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   الخميس أبريل 28, 2011 9:53 am

أ
التعامل مع النص :

يضاً يتيح لك فرونت بيج تزيين النص وتنسيقه بالإضافة إلى وضع النص الأصلي في الصفحة ، وستلاحظين إن كان لك معرفة وتعامل سابق مع برامج أوفيس أن الأمر لا يختلف كثيراً مع فرونت بيج وستجدين أن إضافة النص سهل جداً كما لو أنك تكتبن ملف وورد وتقومين بتنسيقه


يمكنك باستخدام فرونت بيج :

تعديل حجم النص .

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

توسيط النص على الشاشة .

إضافة ألوان الى النص .

تغيير الخط الظاهر على الشاشة .



وغيرها الكثيررررررررررررررر


مثال على :

إضافة النص إلى صفحة الويب :



لنبدأ بكتابة أي فقرة نريدها :

1- عند الموضع الذي يظهر فيه مؤشر الكتابة ، اكتبي ما يلي :

بسم الله الرحمن الرحيم

لاحول ولا قوة إلا بالله


لابد أن تحددي النص الذي تريدن تغييره أو إضافة أي سمة إليه ، مثلاً لتغيير حجم النص الذي كتبناه ، سنقم بما يلي :

1- حددي نص بسم الله الرحمن الرحيم .

2- من قائمة Format ، حددي أمر Font . في مجموعة Size ، استخدمي شريط التمرير حتى تصلي إلى خيار 7 ثم حدديه، انقر بعد ذلك زر ok ، لا بد أن يظهر النص لديك بنفس الحجم الموجود في الشكل .

بشكل عام ، يمنحك فرونت بيج قدراً معقولاً من حرية الاختيار في تحديد حجم النص الذي تكتبه ، ويبين( الشكل 1-3 ) المدى المتاح لك في تغيير حجم النص حيث يبدأ من 8 إلى 36 نقطة .







إضافة الألوان والسمات :

والآن ، لنقم بإضافة بعض السمات إلى النص ، ابدئي بتغيير لون العنوان :

ولتغيير لون النص :

1- حددي عنوان النص .

2- من قائمة Format اختر أمر Font لتفتح مربع حوار Font ( انظر الشكل 2-3 ) .



نختار الآن لون الخط وشكله الذي نفضله ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   الخميس أبريل 28, 2011 10:02 am



إضافة الصور باستخدام فرونت بيج :

لإضافة صورة إلى صفحة الويب :

1- من قائمة Insert ، حددي خيار Picture ثم From File لتفتح مربع حوار Picture .

2- حددي ملف الصورة التي تريدين إدراجها في صفحتك .

3- انقري زر ok وستظهر الصورة في صفحة الويب .

4- من قائمة File ، حدد أمر save لتفتح مربع حوار save as ( انظر الشكل 1 - 6 )

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




واخيرا ...انقري زر ok لتحفظ ملف الصورة مع موقع الويب الخاص بك .



تعديل ملفات الصور لديك :

من الإعدادات التي يمكنك القيام بها لتعديل ملفات الصور ما يلي :

× التحكم في أبعاد الصورة داخل الصفحة

× التحكم في طريقة محاذاة النص بالنسبة للصورة

× تحديد إذا ما كان سيتم عرض الصورة داخل الحدود

× إضافة ارتباط تشعبي إلى الصورة


ولتعديل طريقة عرض الصورة داخل صفحة الويب :
1- حددي الصورة التي تريدين تعديلها .

2- من قائمة Format ، حددي أمر Properties لتفتح مربع حوار Picture Properties ( انظر الشكل 6 - 2 )






- لإضافة ارتباط تشعبي إلى الصورة ، اكتبي عنوان URL الخاص بالارتباط التشعبي الذي تريدين ربطه مع الصورة ، وذلك باستخدام جزء Default Hyperlinks . في مربع الحوار قد يكون عنوان URL أحد المواقع الأخرى على الويب أو ملفاً أخر على الموقع الخاص بك ، ويمكنك استخدام Browse لتحدد عنوان URL إذا لم تستطع أن تتذكره .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   الخميس أبريل 28, 2011 10:10 am

إنشاء الارتباطات

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

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

يتيح لك فرونت بيج إنشاء الارتباطات التي تريدها في صفحات الويب الخاصة بك .


أنواع الارتباطات :

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

ولنبدأ أولاً بـ الارتباطات إلى صفحات داخل الموقع :

1- اكتبي النص التالي :

لـ صفحة مقالاتي أو أي نص آخر تريدين أن تنشئ له ارتباطاً .

حددي الكلمات .
2- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink .

اضغطي على الأيقونة التي تحمل شكل مجلد فوقه سهم منحني ( انظر الشكل 1 - 8 ) فيفتح لك مربع حوار , من Look in حددي موقع الصفحة التي تريدها أن ترتبط إلى هذه الكلمات ثم اضغط على موافق .





وهكذا تكون قد حصلت على ارتباط إلى صفحة داخل الموقع .



لـ انشاء ارتباط إلى مواقع أخرى :


1- قومي بإنشاء صفحة جديدة .

2- اكتبي النص التالي :

صدى لـ تصميم مواقع الانترنت أو أي نص آخر تريدين أن تنشئ له ارتباطاً .

حددي الكلمات .

3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink .

4- في خانة Address ، اكتب النص التالي : www.sadaagroup.com ( انظر الشكل 2 - 8 ) .

5- انقر زر ok لإغلاق مربع الحوار وحفظ الارتباط .




الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   الخميس أبريل 28, 2011 10:14 am

إنشاء ارتباط إلى بريد الكتروني :

قومي بالخطوات 1 و 2 و 3 السابقة وبعد أن تفتح مربع الحوار Insert Hyperlink اذهبي إلى E-mail Address

فيفتح لك مربع حوار اكتبي في خانة E-mail address عنوان الإيميل الذي ترغبين زوار الموقع ان يستخدموه لارسال ايميل لك .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   الخميس أبريل 28, 2011 10:26 am

وبكذا نكون خلصنا أهم النقاط لعمل موقع الكتروني








أي سؤال او استفسار انا حاضرة

دمتم بحب
iloveu
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Miss Mariam
مشرفة قسم الحاسب الآلي
مشرفة قسم الحاسب الآلي


عدد المساهمات : 361
نقاطي : 882
السٌّمعَة : 13
تاريخ التسجيل : 13/03/2011
العمر : 32
الموقع : في قلب من أحبه ويحبني

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   الثلاثاء مايو 03, 2011 3:00 pm

بنات ثالث أدبي اختباركم السبت ..جهزو أنفسكم ..
Surprised
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
amany AL otebi

avatar

عدد المساهمات : 28
نقاطي : 36
السٌّمعَة : 1
تاريخ التسجيل : 25/03/2011

مُساهمةموضوع: رد: شرح لبرنامج الفرونت بيج 2003   السبت مايو 07, 2011 9:21 am

لآ آملك آلكلآم آلوآفـي ~

لشرحكـ آلرآئـ ع ـ

ماقصرتي كفيتي وفيتي

سلمت تلك الانامل على ماقدمته لنا..

ماننحرم من جديدكـ الراائع

لكِـ الود وعبق الورد ..،










تيتشر
برنامج عندي عربي مو عارفه كيف احوله انقلش
اتمنى تساعديني
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
شرح لبرنامج الفرونت بيج 2003
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» احذر الاسبيرانزا
» تساؤلات حول الامتحانات المهنية
» صور bmw325
» أطلس النحو العربي
» شرح برنامج اكسس 2003

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ¸¸.•´´¯`••._.• ( الحاسب الآلي ) `•.¸¸.•´´¯`•• :: نشاطات صفية-
انتقل الى: