دروس في تصميم الاستيلات .. (3)

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

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

الآن .. بعد ان صممنا الاستايل وقطعناه .. وحفظناه على صيغة html ..سوف يكون لدينا مجلد للصور ..
وهو


الآن افتح الفرونت بيج .. ثم اضغط على تعليمات برمجية .. واحذف كل الاكواد التي تجدها .. كما في الصورة :







الآن بعد ان حذفناها .. انتقل الى . تصميم ..

اضغط رايت كليك ( زر الماوس الأيمن ) ثم اختار خصائص الصفحة .. كما في الصورة التالية :





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





الآن اضغط على موافق .. ثم اضغط على ادراج جدول .. واختار صف واحد فقط .. كما في الصورة التالية :







بعد ان قمت بإدراج الجدول .. اضغط رايت كليك ( الزر الأيمن للفأرة ) على الجدول .. واختار خصائص الجدول ..
كما في الصورة التالية :





طبق هذه الإعدادات لو سمحت :




الآن .. بعد أن طبقت الاعدادات .. اضغط على موافق

ثم اضغط رايت كليك ( الزر الأيمن للفأرة ) على الجدول .. ثم اضغط على خصائص الخليه .. كما في الصورة التالية :




.. الآن نريد ان ضع خليفية للجدول .. اضغط على استعراض كما في الصورة التالية :



الآن اختر طريقة العرض .. مصغرات .. كما في الصورة التالية :





الآن اختر الصورة .. التي في آخرها الرقم 02 كما في الصورة التالية :




الآن بعد ان اخترت الصورة المطلوبة .. اضغط على موافق كما في الصورة التالية :





الآن سوف ينتج لدينا هذا الشكل :



الآن اضغط رايت كليك ( الزر الأيمن للفأرة ) على الجدول .. واضغط على تقسيم الخلايا ..
كما في الصورة التالية :




بعدها سوف يظهر لك مربع صغير .. ضع القيمة 3 في المربع .. كما في الصورة التالية :




.. الآن سوف يكون لديك 3 مربعات .. في الجدول

في المربع الذي على اليسار .. اضغط على ادراج صورة .. كما في الصورة التالية :




الآن اختر الصورة التي تنتهي بـالرقم 05 كما في الصورة التالية :




ثم اضغط على موافق

الآن .. في المربع الذي في الوسط .. اضغط على ادراج صورة ..كما في الصورة :



الآن اختر الصورة التي تنتهي بالرقم 03 كما في الصورة :





الآن في المربع الذي على اليمين .. اضغط على ادراج صورة .. كما في الصورة :





الآن اختر الصورة التي تنتهي بالرقم 01 كما في الصورة :




بعد ان طبقت الخطوات السابقة سوف ينتج لديك الصورة التالية :




الآن اضغط رايت كليك على الصورة التي على اليمين .. .. ثم اضغط على خصائص الخلية ..
كما في الصورة :




الآن جعل المحاذاة الأفقية اليسار .. كما في الصورة التالية :



اضغط على موافق ..

الآن اضغط رايت كليك على الصورة التي في الوسط .. ثم اضغط على خصائص الخلية . كما في الصورة :




الآن اجعل المحاذاة الأفقية .. هي توسيط .. كما في الصورة :




الآن اضغط على موافق

الآن اضغط رايت كليك على الصورة التي في اليسار.. ثم اضغط على خصائص الخلية .كما في الصورة :



الآن اجعل المحاذاة الأفقية .. هي يسار كما في الصورة التالية :





الآن انتهينا من تجهيز الهيدر للستايل ,,. الآن اضغط على تعليمات برمجية .. واحفظ الأكواد في ملف txt .. لكي نقوم بالتعديل عليها .. في الدرس القادم

النتضروا الدرس القادم

مشكورة فلسطين