منتدى قسنطينة programme
السلام عليكم

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



العاب رائعة ومجانية برامج كمبيوتر افلام موسيقى اغاني جزائرية اسلاميات رياضة و الكثير الكثير تفضلوا و استمتعوا مع احلى موقع موقع التميز CONSTPRO
 
الرئيسيةدخولالتسجيل
السلام عليكم السادة الاعضاء نرجوا زيادت مشاركاتم وشكرا مدير المنتدى
انفلونزا الخنازير تصيب لبنان
"الشروق" تعود إلى موقع الجريمة الإرهابيةأهالي الضحايا: حسبنا الله في دماء آبائنا وأبنائنا
مبروك عليكم الاعضاء الكرام : الان و حصريا على منتدى التميز منتدى constpro قصة الف ليلة وليلة ، ترقبوا كل يوم ليلة جديدة
انفلونزا الخنازير تدخل الجزائر عبر امراة قادمة من ميامي امريكا
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
منتدى
التبادل الاعلاني
احداث منتدى مجاني
سبتمبر 2017
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
     12
3456789
10111213141516
17181920212223
24252627282930
اليوميةاليومية
التبادل الاعلاني
احداث منتدى مجاني
ازرار التصفح
 البوابة
 الصفحة الرئيسية
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 ابحـث
احصائيات
هذا المنتدى يتوفر على 112 عُضو.
آخر عُضو مُسجل هو MEDIRAM فمرحباً به.

أعضاؤنا قدموا 254 مساهمة في هذا المنتدى في 229 موضوع

شاطر | 
 

 التعرف على محتويات فرونت بايج الجزء الاول

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin
avatar

عدد المساهمات : 188
تاريخ التسجيل : 01/05/2009
العمر : 25
الموقع : constpro.ahlamontada.com

مُساهمةموضوع: التعرف على محتويات فرونت بايج الجزء الاول   السبت 27 يونيو - 12:35


الدرس الأول

مقــــدمــه

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

مرحبا بك , يمكنك انشاء موقعك ونشره على النت بكل سهوله فالامر ليس معقدا كما يبدو للبعض ونحن هنا سنقوم بمساعدتك لانشاء موقع الذي طالما حلمت به.

وبالطبع ففي بداية الأمر يتوجب أن تكون على استعداد تام و رغبه حقيقيه في عمل الموقع الذي تريد فمتى توفرت الرغبه والعزيمه فتأكد بأنك قادر على تصميم موقع جدير بالاهتمام والمتابعه وشيئا فشيئا وبممارسة تطوير الموقع ستجد أن لديك موقعا خياليا.

فلاتنسى أن مشوار الألف ميل يبدأ من الصفر.

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

سنعرفك في البدايه على محتويات برنامج فرونت بيج كي نسهل عليك طريقة بدء العمل. أنظر الشكل 2-1.







2-1



هيـــا الى الـــعمـــل !!

* لنبدأ العمل الآن بأول خطوه وهي انشاء الملف الذي سيتضمن جميع صفحات موقعك ومايختص به

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

2- من القائمه الرئيسيه اختر file>New>Web

يعرض لك الآن فرونت بيج مربع

قم باختيار one page web

بعد ذلك احذف النص المكتوب في الفراغ تحت

specify the location of the new web

وادخل مايلي C:/My Webs/Cocktail

أو قم باستبدال Cocktail بالاسم الذي ترغب أن يكون اسم موقعك

بعد ذلك اضغط Ok. انظر الشكل 2-2.



2-2



* ملاحظه لقد قمنا بادخال Cocktail كمثال

ويمكنك ادخال بديل له كاسم موقعك الذي تريد انشاءه.

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



الــدرس الثاني

ادراج الصفحات والنصوص

الآن وبعد أن أنشأنا ملفا خاصا للموقع ستتعلّم كيفية ادراج الصفحات وحفظها وتسجيلها لتنضم لباقي ملفات موقعك.

1- من القائمة File اختر New>Page

يعرض لك فرونت بيج لوحه

الآن من التبويب General

قم باختيار Normal page .

كما هو موضح بالشكل 2-3

واضغط Ok








2-3



2- من أعلى القائمة اختر Save لحفظ أو تسجيل الصفحة

فيعرض لك فرونت بيج لوحه

ستجد فراغا مكتوبا أمامه File name . قم بحذف new_page_1 وادخل على سبيل المثال Index

أو اسم الصفحه التي تريد حفظها

مع ملاحظه ان الصفحه الرئيسيه للموقع يجب أن تكون باسم

Index

بعد ذلك اضغط save لحفظ الصفحه بالملف الخاص لموقعك.

انظر الشكل 2-4.








2-4



النــص وخصائصه

3- ستتعلم في هذه الخطوه كيفية ادراج النص وتغيير ألوانه وخصائصه.

4- في البدايه قم بكتابة نصك وليكن كوكب كوكتيل على سبيل المثال

5- حدد كل النص بالماوس أو بضغط Shift مع الضغط على السهم الأيمن بلوحه المفاتيح حتى تحدد النص كلية .

6-اختر الآن نوع الخط من القائمه المنسدله بالأعلى والتي موضحه بالشكل 2-5 وحدد حجمه ولونه وخصائصه كما هو موضح بالشكل التالي. أو اضغط هنا لتشاهد توضيح أكبر للنموذج.








ملاحظه: يمكنك اللجوء لطريقه أسهل وذلك باتباع الخطوات التاليه

1- حدد النص ومن ثم انقر عليه بالزر الأيمن للماوس فتظهر لك قائمه

. أختر منها Font ومن ثم حدد لون النص وحجمه ونوع الخط من المربع الذي سيظهر لك كما هو موضّح بالشكل 2-6.






2-6



2- يمكنك اضافة العديد من الخصائص على النص من خلال هذا المربع الذي أمامك فلتغيير لون النص افتح القائمه المنسدله Color والتي تعرض لك العديد من الألوان المختلفه.اختر منها ماتشاء من ألوان.

3- ولجعل النص عريضا اختر Bold تحت قائمة Font style.

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

4- لجعل النص مائلا اختر Italic من القائمه نفسها.





الــدرس الثالث

ادراج الصور والارتباطات والخلفيات

* ستتعلم بهذا الدرس كيفية وضع الصور والارتباطات لمواقع أخرى أو لصفحات موقعك, أيضا ستقوم بوضع صور الخلفيات لصفحاتك والتي ستزيد من جمال الصفحه. لنبدأ بالخطوه الأولى وهي وضع الارتباط أو مايسمى بــ Link.

كيف تدرج ارتباط تشعبي لصفحه أخرى

1- اكتب النص الذي تريد ان تضع له ارتباط من موقعك. سنضع على سبيل المثال كوكب كوكتيل.

2- لوضع الارتباط حدد كامل النص بالماوس ومن ثم اضغط على النص بالزر الأيمن للماوس فتظهر لك قائمه اختر منها Hyperlink. انظر الشكل2-7.









ملاحظه: الطريقه مختصره اضغظ من لوحة المفاتيح المفتاحين CTRL+K . ويمكنك مشاهدة نموذج التعرف على محتويات الفرونت بيج بالدرس الأول والذي يوضح لك بالشكل طريقه أكثر اختصارا لادراج ارتباط .

3- يعرض لك فرونت بيج الآن مربع حواري.

4- اذا كنت تود انشاء ارتباط لصفحه أخرى سبق وأن أنشأتها وتريد وضع ارتباط لها بموقعك فقم باختيار الصفحه الذي تريد ربطها من مجموعه الملفات المعروضه في هذا المربع. أما اذا أردت الربط بصفحه خارجيه من الويب. كوكب كوكتيل على سبيل المثال, فضع عنوان الموقع في الفراغ المخصص لوضع الرابطه واضغط OK. انظر الشكل 2-8.






2-8



* لاحظ بأن كلمة كوكب كوكتيل قد أصبحت مسطّره الآن وهذا يعني انها مرتبطه بالموقع وستنقلك الى هذا الموقع مباشره بمجرّد الضغط عليها بالمتصفح وستبدو لك على هذا النحو:

كوكب كوكتيل

كيف تدرج صوره

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

1- حدد الموضع الذي تريد وضع الصوره به ثم من أعلى القائمه الرئيسيه اختر Insert>Picture>From File. أو اتبع الطريقه السهله بالضغط على رمز الصوره من أعلى القائمه.راجع الدرس الأول ونموذج التعرف على محتويات برنامج الفرونت بيج.

خصائص الصوره

2- قم بتحديد الصوره الآن بعد أن قمت بادراجها ومن ثم انقر عليها بالزر الأيمن للماوس لاضافة بعض الخصائص والارتباطات لها.

3- اختر من القائمه التي ظهرت لك Picture Properties كما هو موضح بالشكل2-9






2-9



4- يعرض لك فرونت بيج الآن مربع . لاحظ بأن عنوان الصوره هو تحت مسمى Picture source. انظر الشكل 2-10.

** وهذا يعني انه بامكانك تعديل عنوان هذه الصوره اذا كنت تريد استبدال عنوانها بآخر من الوب مباشره فقم بتغييره من هذا الخيار**

وقم بالضغط على Browse اذا كنت ترغب في اختيار صوره أخرى

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://constpro.ahlamontada.com
 
التعرف على محتويات فرونت بايج الجزء الاول
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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