دورة تعليم تصميم المواقع بالفرونت بيج بسهولة تامة (شرح + صور)

السلام عليكم

اقدم لكم اليوم شرحا بسيطا لتعليم الفرونت بيج
يعني بمجرد انك سوف تقرأه رح تكون محترف في تصميم المواقع بالفرونت بيج
لانه شرح مدعم بالصور كما سترون معي
نبدأ بمحتويات الدروس
اولا هي خمس دروس و لن اضعها كلها حتى ارى هل هناك تفاعل مع الموضوع
محتويات الدروس
التعرف على محتويات فرونت بيج
انشيء المجلد الخاص بموقعك
أدرج الصفحات ونسق النصوص
أدرج الصور والارتباطات والخلفيات
كيف تدرج ارتباط لصفحه أخرى؟
كيف تدرج صوره؟
كيف تدرج خلفيه؟
كيف تدرج خلفيه صوتيه؟
كيف تدرج جدول؟
كيف تدرج شريط متحرك? >> Marquee
كيف تنشر موقعك؟

الدرس الاول
مقــــدمــه
التعرّف على محتويات برنامج فرونت بيج
مرحبا بك , يمكنك انشاء موقعك ونشره على النت بكل سهوله فالامر ليس معقدا كما يبدو للبعض ونحن هنا سنقوم بمساعدتك لانشاء موقع الذي طالما حلمت به.
وبالطبع ففي بداية الأمر يتوجب أن تكون على استعداد تام و رغبه حقيقيه في عمل الموقع الذي تريد فمتى توفرت الرغبه والعزيمه فتأكد بأنك قادر على تصميم موقع جدير بالاهتمام والمتابعه وشيئا فشيئا وبممارسة تطوير الموقع ستجد أن لديك موقعا خياليا.
فلاتنسى أن مشوار الألف ميل يبدأ من الصفر.
لتصميم موقع فانك تحتاج الى برنامج تقوم فيه بتصميم صفحات موقعك ونحن ننصحك ببرنامج فرونت بيج فهو البرنامج الوحيد الذي يمكنك انشاء صفحات موقعك وتصميمها بكل بساطه لتبدو لك بالمتصفح كما صممتها تماما.بالاضافه الى أنه عملي وسهل لمن ليست لهم خبره بالتصميم أو يصعب عليهم التعامل مع اللغة الشهيره الــ 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 كمثال
ويمكنك ادخال بديل له كاسم موقعك الذي تريد انشاءه.
بهذا تكون قد أنشأت ملفا خاصا بصفحات موقعك سيتضمن بعد ذلك جميع الملفات والصور التي تخص موقعك. هيا بنا الآن الى الدرس الثاني.

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 كمثال

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

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