عدد المساهمات : 361 نقاطي : 882 السٌّمعَة : 13 تاريخ التسجيل : 13/03/2011 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: شرح لبرنامج الفرونت بيج 2003 الخميس أبريل 28, 2011 9:42 am
أهلاً بكن طالباتي الغاليات ..
هذه أهم النقاط التي بتعلمها تستطيعين انشاء موقعك الالكتروني في 5 دقائق فقط
لنبدأ
الواجهة الرئيسية للبرنامج :
يعد فرونت بيج من أهم البرامج استخداماً في إنشاء صفحات الويب وذلك للمزايا التي يتمتع بها من حيث السهولة في التعامل إضافة إلى الإمكانيات التي يتمتع بها . ويبين ( الشكل 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 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: رد: شرح لبرنامج الفرونت بيج 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 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: رد: شرح لبرنامج الفرونت بيج 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 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: رد: شرح لبرنامج الفرونت بيج 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 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: رد: شرح لبرنامج الفرونت بيج 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 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: رد: شرح لبرنامج الفرونت بيج 2003 الخميس أبريل 28, 2011 10:26 am
وبكذا نكون خلصنا أهم النقاط لعمل موقع الكتروني
أي سؤال او استفسار انا حاضرة
دمتم بحب
Miss Mariam مشرفة قسم الحاسب الآلي
عدد المساهمات : 361 نقاطي : 882 السٌّمعَة : 13 تاريخ التسجيل : 13/03/2011 العمر : 37 الموقع : في قلب من أحبه ويحبني
موضوع: رد: شرح لبرنامج الفرونت بيج 2003 الثلاثاء مايو 03, 2011 3:00 pm
بنات ثالث أدبي اختباركم السبت ..جهزو أنفسكم ..
amany AL otebi
عدد المساهمات : 28 نقاطي : 36 السٌّمعَة : 1 تاريخ التسجيل : 25/03/2011
موضوع: رد: شرح لبرنامج الفرونت بيج 2003 السبت مايو 07, 2011 9:21 am
لآ آملك آلكلآم آلوآفـي ~
لشرحكـ آلرآئـ ع ـ
ماقصرتي كفيتي وفيتي
سلمت تلك الانامل على ماقدمته لنا..
ماننحرم من جديدكـ الراائع
لكِـ الود وعبق الورد ..،
تيتشر برنامج عندي عربي مو عارفه كيف احوله انقلش اتمنى تساعديني