دروس رمضانية مع همسة ابداع [ الفرونت بيج ]

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

بداية احب اشكر جميع الاعضاء من مديرنا عدنان والغزال أيضا

ومراقبنا ابن غزة موريس

على الجهود المبذولة ومن احسن الى احسن

____________________________

موضوعنا يتخصص بدروس في شهر رمضان الكريم

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

..

سأستهل البداية معكم أول ايام الشهر

أرجوا أن تعم الفائدة للجميع ..

انتظروني

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

أ لــف شــكــر لــك أخي همسه إبداع

وإنـشـالـه تــفــيــدنـا الدروس الرمضانيه

تح يآآ تـي

/

/

/

/

/

رادوي الزعيم

ننتظر بدايه الدروس وهذه اول فعاليه في رمضان والقادم اجمل

ننتظر الدروس في شهر تشرح فيه النفوس

نتظر الدروس باحبس النفوس

نحن بالانتظار

فكره حلوه بس تصميم موقع على الفرونت بيج احنا نبقى منتديات

ننتظر ابداعك

جاري الانتظار

فرونت بيج نفس الي في المدرسه بتذكرنا في مدرسنا

الدرس الاول

خطوات سهله مهمه لكل مبتديء ببرنامج الفرونت
بيج نقدمها لكم بشرح مبسط ونصائح قيمه لكل من
يرغب فعلا بدراسة هذا البرنامج المتميز ونتمنى لكم
الفائده انشاءالله سيتم شرح التالي على 5 خطوات:
تعرف على محتويات فرونت بيج
انشيء المجلد الخاص بموقعك
أدرج الصفحات ونسق النصوص
أدرج الصور والارتباطات والخلفيات
كيف تدرج ارتباط لصفحه أخرى؟
كيف تدرج صوره؟
كيف تدرج خلفيه؟
كيف تدرج خلفيه صوتيه؟
كيف تدرج جدول؟
كيف تدرج شريط متحرك? >> Marquee
كيف تنشر موقعك؟

الدرس الأول
مقــــدمــه

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Downloadcenter

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

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage

2-1
هيـــا الى الـــعمـــل !!
* لنبدأ العمل الآن بأول خطوه وهي انشاء الملف الذي سيتضمن
جميع صفحات موقعك ومايختص به
1- اولا قم بتشغيل برنامج فرونت بيج
2- من القائمه الرئيسيه اخترfile>New>*** أو بالعربيه اختر ملف < جديد
يعرض لك الان فرونت بيج مربع
قم باختيارone page *** أو (بالعربيه) اختر : موقع ويب ذو صفحة واحدة
بعد ذلك احذف النص المكتوب في الفراغ تحت
specify the location of the new *** او بالعربية : حدد موضع موقع ويب الجديد
وادخل مايليC:/My ***s/Cocktail
أو قم باستبدالCocktail بالاسم الذي ترغب أن يكون اسم موقعك
بعد ذلك اضغطOk. انظر الشكل 2-2.
دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage2

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage2

2-2
* ملاحظه لقد قمنا بادخالCocktail كمثال
ويمكنك ادخال بديل له كاسم موقعك الذي تريد انشاءه.
بهذا تكون قد أنشأت ملفا خاصا بصفحات موقعك سيتضمن
بعد ذلك جميع الملفات والصور التي تخص

انتهى درسنا الاول ورمضان كريم

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] W6w2005041313414561d065

بدايه موفقه وواصل في عطائك

شكرا لك

بدايه جميله وواصل بعطائكــ

تحيا تي

/

/

/

/

/

/

/

/

/

/

رادوي الزعيم

شكرا لك

بدايه جميله

الــدرس الثاني
ادراج الصفحات والنصوص

الآن وبعد أن أنشأنا ملفا خاصا للموقع ستتعلّم كيفية
ادراج الصفحات وحفظها وتسجيلها لتنضم لباقي ملفات موقعك.
1- من القائمةFileاخترNew>Page
او بالعربيه اختر : جديد , ثم من القائمه اختر : صفحة فارغه
2- الان من أعلى القائمة اختر Save لحفظ أو تسجيل الصفحه
فيعرض لك فرونت بيج لوحه
ستجد فراغا مكتوبا أمامهFile name . قم بحذف new_page_3
مثلا وادخل على سبيل المثالmypage
أو اسم الصفحه التي تريد حفظها
مع ملاحظه ان الصفحه الرئيسيه للموقع يجب أن تكون باسم
index
بعد ذلك اضغطsave لحفظ الصفحه بالملف الخاص لموقعك.
ملاحظه ::: الفرونت بيج ينشيء صفحة الاندكس تلقائيا
في مجلد الموقع يمكنك فتحها والتعديل عليها ان وجدتها في المجلد
انظر الشكل2-4.

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Fronpage3

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Fronpage3

2-4

_______

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

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

4- في البدايه قم بكتابة نصك وليكن شبكة كوكتيل على سبيل المثال
5- حدد كل النص بالماوس أو بضغطShiftمع الضغط على
السهم الأيمن بلوحه المفاتيح حتى تحدد النص كلية .
6-اختر الآن نوع الخط من القائمه المنسدله بالأعلى
والتي موضحه بالشكل 2-5وحدد حجمه ولونه وخصائصه
كما هو موضح بالشكل التالي.
دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage4

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage4

2-5
* ملاحظه: يمكنك اللجوء لطريقه أسهل وذلك باتباع الخطوات التاليه
1- حدد النص ومن ثم انقر عليه بالزر الأيمن للماوس فتظهر لك قائمه
. أختر منهاFontأوخطومن ثم حدد لون النص وحجمه ونوع الخط من
المربع الذي سيظهر لك كما هو موضّح بالشكل 2-6.
دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage5

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage5

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

الألوان المختلفه.اختر منها ماتشاء من ألوان.
3- ولجعل النص عريضا اخترBoldتحت قائمة Font style أو نمط الخط.
ويمكنك استعمال خاصيه تعريض الخط هذه من شريط الأدوات
الموجود بأعلى قائمة البرنامج.
4- لجعل النص مائلا اخترItalicمن القائمه نفسها.

شكرا لك الدرس سهل وخفيف

يعطيكـ الف عافيه درس سهل جدا

تحياتي

رادوي الزعيم

شكرا لك على الموضوع

ماقصرت

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

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

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage6

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage6

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

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Fronpage7

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Fronpage7

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

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

4- يعرض لك فرونت بيج الآن مربع .اختر عام من التبويب
بالاعلى, لاحظ بأن عنوان الصوره هو تحت مسمىPicture source.أو الصورة
انظر الشكل2-10.
**وهذا يعني انه بامكانك تعديل عنوان هذه الصوره
اذا كنت تريد استبدال عنوانها بآخر من الوب مباشره
فقم بتغييره من هذا الخيار**
وقم بالضغط علىBrowse أو استعراضاذا كنت ترغب في اختيار صوره أخرى
.
دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage8

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage8

2-10
4- ولاضافة تأثير للصوره أي بمجرد الاشاره عليها
بالماوس سيظهر وصف لها أو تعليق. فقم بكتابة ذلك
امام مايسمى بــ **** أو النص.
5- لاضافة رابطه من هذه الصوره لموقع وب او صفحه أخرى
أدخل عنوان الموقع أمام مايسمى بـLocation أو الموقع.
أو قم باختيار صفحه من صفحات موقعك لربطها من خلال
النقر على الزر الموجود أمام هذا الفراغ مباشره وهو
Browse أو استعراض. سيعرض لك مربع ملفات أختر منه
الصفحه التي تود ربطها.

6- في الخيار الذي يليه ستجد مايسمى بـ Target Frame أو

الاطار الهدف وأمامه رمز يشبه صورة القلم. هذه الخاصيه
تمكن الارتباط لعنوان الموقع الذي وضعته على الصوره من
أن يظهر في صفحه جديده تفتح غير الصفحه الرئيسيه
التي عليها الصوره ولاختيار هذه الخاصيه اضغط على الرمز
الموجود أمامTarget Frame أو الاطار الهدف ومن القائمه
اخترNewWindow أو اطار جديد.
كما هو موضح لك بالشكل 2-10.
كيف تدرج خلفيه
1- من القائمه الرئيسيه اختر Format>Background أو
اختر تنسيق < خلفيه
2- سيظهر لك مربع حواري.
3- في لسان التبويب Background . ستجد مستطيلا فارغا
أمامهBrowse أو استعراض. اضغطBrowseأو استعراض
واختر من القائمه التي ستظهر لك بالمربع ملف صورة
الخلفيه التي تود وضعها بصفحتك.انظر الشكل 2-11

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage9

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage9

2-11
* ملاحظه:يمكنك أيضا من خلال هذه الخطوه وبهذا
المربع الذي أمامك تغيير لون خلفيتك حتى ولو كانت
خلفيتك عباره عن صوره فانه من الضروري تحديد لون
يتناسب ولون خلفيتك كي تظهر بالمتصفح بمظهر
متناسق جميل. وبالاضافه الى ذلك فان هذا المربع
يمكنك من تغيير ألوان الروابط الأساسيه والروابط المزاره
والنشطه كما تشاء من خلال قوائم الألوان التاليه والموجوده
بنفس هذا المربع الموضح بالشكل 2-11. وهي :
Hyperlink
Visited hyperlink
Active hyperlink
ادراج خلفيه صوتيه
1- لوضع خلفيه صوتيه أو موسيقى ترافق الصفحه, أختر
التبويبGeneral أو عام من أعلى المربع السابق نفسه.
2- ستجد فراغا امامهbackground sound أوصوت في الخلفيه
3- اضغطbrowseأواستعراضواختر الخلفيه الصوتيه من
القائمه المعروضه لديك. انظر الشكل2-12

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage10

دروس رمضانية مع همسة ابداع [ الفرونت بيج ] Frontpage10

2-12
* ملاحظه :لاحظ بأن نص صفحة جديدة 1 الموجود بأول
فراغ سيكون ظاهرا بالشريط العلوي للمتصفح عند عرض
موقعك بمتصفحك. لذلك تمكنك هذه الخاصيه من وضع

تعليق مبسّط أو عباره مجمله تصف موقعك أو صفحتك

يعطيك العافيه

درس بقمة الروعه

الف شكر لك على الدرس الثالث والحمد لله على السلامه

» عادات رمضانية في دولة قطر
» رمضانيات (عادات رمضانية من مختلف الدول )
» ابداع التايب
» ابداع التايب
» ابداع روبن مع الريال