إعلانات نصية

تحميل لعبة gta v

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

أعلن هنا

النتائج 1 إلى 3 من 3

الموضوع: الدرس الرابع : تركيب التصميم في برنامج الفرونت بيج :-

  1. افتراضي الدرس الرابع : تركيب التصميم في برنامج الفرونت بيج :-

    السلام عليكم ورحمة الله وبركاتة

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

    بعد الانتهاء من مرحلة التصميم والتقطيع قم بعمل مجلد خاص على الجهاز الخاص بك بأسم الموقع وليكن newdesign ثم قم بحفظ العمل في هذا المجلد وذلك عن طريق الضغط على file ثم save for web ثم save ثم اختر مجلد newdesign وقم بالضغط على save كما هو موضح بالصوره الاتيه :-





    افتح مجلد newdesign ستجد ملف images وهو يحتوي على صور التصميم وملف بصيغة html كما هو في الصورة الآتية :-





    افتح برنامج الفرونت بيج FrontPage وافتح عمل جديد ثم اضغط في أي مكان بزر الماوس الأيمن ثم page properties ثم ضع هذه القيم كما بالصوره الاتية :-




    بعد ذلك من قائمة البرنامج قم بإدراج جدول كما هو موضح بالصورة :-



    بعد إدراج الجدول اضغط بزر الماوس الأيمن ثم اختر table properties وضع القيم التالية :-






    بعد ذلك قم بإدراج الصورة الخاصة بالهيدر وذلك كما يلي :-




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


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

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

    كيفية ادارج القوائم :-

    قم بإدراج جدول أخر أيضا ثم اضغط بزر الماوس الأيمن ثم اختر table properties وضع القيم التالية :-





    بعد ذلك قم بتقسيم هذا الجدول إلى قسمين وذلك بالضغط على الجدول بزر الماوس الايمين ثم اختر insert columns

    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 820x536 .
    ضع زر الماوس في القسم الأيمن ثم إدراج جدول أخر بنفس القيم ليصبح بهذا الشكل :-

    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 805x436 .

    بعد ذلك قم بتقسيم هذا الجدول إلى ثلاث صفوف وذلك بالضغط بزر الماوس الأيمن ثم اختار split cells واختر هذه القيم :-

    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 798x430 .


    أو اضغط على زر الـ Tab في الكيبورد مرتين متتاليتين لاختصار الخطوة السابقة .

    ضع الماوس في الصف الأول ثم ادارج صوره ثم قم بإدراج الصورة الأولى من قائمة " من عملاءنا " ليصبح بهذا الشكل
    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 796x422 .


    بعد ذلك اضغط بزر الماوس الأيمن في الصف الثاني ثم اخترcell properties ثم اضغط علىBrowse ثم اختر الجزء الثاني من قائمة " من عملاءنا " وذلك لإدراجها كخلفية لكي تستطيع الكتابة عليها , كما في الصورة آلاتية :-

    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 805x430 .
    ثم أدرج الجزء الثالث من قائمة " من عملاءنا " كصوره ليصبح الشكل النهائي كما يلي :-


    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 796x422 .
    بعد ذلك وبنفس خطوات إدراج قائمة " من عملاءنا " قم بإدراج قائمة الدعم الفني ليصبح الشكل كما يلي :


    هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 784x482 .


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

    افضل موقع للمصممين
    خطوط عربية ملفات مفتوحة موقع عربي
    www.gfx4arab.com

  2. افتراضي

    بارك الله فيك ..........

  3. #3

    افتراضي رد: الدرس الرابع : تركيب التصميم في برنامج الفرونت بيج :-

    شرح في قمة الروعه

    الله يجعله في موازين حسناتك ..

    بس سؤال وين بقية السلسله؟؟

المواضيع المتشابهه

  1. شرح تركيب منتدى (vBulletin 4.2.0) الجيل الرابع بالصور
    بواسطة admin في المنتدى تطوير المواقع والمنتديات
    مشاركات: 0
    آخر مشاركة: 01-01-2016, 07:49 PM
  2. الدرس الثالث تصميم القوائم وتقسيم التصميم
    بواسطة GeeK4aRaB في المنتدى دورة تصميم المواقع
    مشاركات: 4
    آخر مشاركة: 03-12-2010, 04:08 PM
  3. عنوان الدرس :: الدرس الرابع عشر :- تشغيل الصوت بمجرد مرور الماوس فوق العمل
    بواسطة GeeK4aRaB في المنتدى منتدى عالم الفـــلاش والسويتش
    مشاركات: 2
    آخر مشاركة: 12-07-2010, 01:13 AM
  4. عنوان الدرس :: احتراف السويش ماكس ( الدرس الرابع ) تحريك النص + الماسك
    بواسطة GeeK4aRaB في المنتدى منتدى عالم الفـــلاش والسويتش
    مشاركات: 1
    آخر مشاركة: 11-02-2010, 03:26 AM
  5. عنوان الدرس :: الدرس الرابع :- تحريك الاشكال بمسار محدد
    بواسطة GeeK4aRaB في المنتدى منتدى عالم الفـــلاش والسويتش
    مشاركات: 0
    آخر مشاركة: 08-06-2008, 06:29 PM

الكلمات الدلالية لهذا الموضوع

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •