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



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

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

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



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

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



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

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

لنبدأ

flower

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

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



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


انشئي موقعك

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

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

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

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



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

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

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

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


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

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

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

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

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

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



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


مثال على :

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



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

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

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

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


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

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

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

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




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


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

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

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

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

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

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

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



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

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



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

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

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

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

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

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

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


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

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



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

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

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

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

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

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


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

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



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


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



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

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

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

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

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

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


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

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

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

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

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

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

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


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


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



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


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

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

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

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

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

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

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




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



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

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

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

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

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



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

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

وبكذا نكون خلصنا أهم النقاط لعمل موقع الكتروني
شرح لبرنامج الفرونت بيج 2003 1317309lsk5aj07xu

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

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

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

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

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



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

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

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

amany AL otebi


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

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

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

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

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

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

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

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










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

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