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

[GeeK4aRaB]

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

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

بعد الانتهاء من مرحلة التصميم والتقطيع قم بعمل مجلد خاص على الجهاز الخاص بك بأسم الموقع وليكن 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 .

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

[دامك معي]

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

[رمز للوفاء]

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

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

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