خالد القحطاني
01-25-2010, 09:41 AM
درس تاطير المنتدى باستخدام برنامج 2 Microsoft Expression Web
البرنامج مشابه تماما لبرنامج 3 Microsoft Expression Web
لكن يوجد اختلاف في اكواد css
والدرس القادم راح يكون فقط تصميم الاطار بـ css
افتح عمل جديد
http://new-style.ws/vb/up/vb4/20/Untitled-1.jpg
وقم بمسح الكود الموجود فيه
توجه الى واجهة التصميم
http://new-style.ws/vb/up/vb4/20/Untitled-2.jpg
اعمل جدول ثلاث عمود وثلاث افقي
http://new-style.ws/vb/up/vb4/20/Untitled-3.jpg
اضغط كلك يمين واختر خيار خصائص الجدول
http://new-style.ws/vb/up/vb4/20/Untitled-4.jpg
ضع القيم كما في الصوره
http://new-style.ws/vb/up/vb4/20/Untitled-5.jpg
نغير عرض الخلايا الثلاث التي على اليمين حسب عرض الاطار الايمن
http://new-style.ws/vb/up/vb4/20/Untitled-6.jpg
نضغط كلك يمين ونختار تعديل على خصائص الخليه
ولا تنسى تضليل الخلايا عندما تقوم بالذهاب الى خصائص الخليه
http://new-style.ws/vb/up/vb4/20/Untitled-7.jpg
نضع عرض الاطار الايمن
http://new-style.ws/vb/up/vb4/20/Untitled-8.jpg
وكذالك نذهب الى الاعمدة الثلاث في الجهة الاخرى
ونضع عرضها كعرض الاطار الخاص بالجهه اليسرى
http://new-style.ws/vb/up/vb4/20/Untitled-9.jpg
ندخل على خصائص الخلية ولا تنسى تضليل الخلايا عندما تقوم بالذهاب الى خصائص الخليه
http://new-style.ws/vb/up/vb4/20/Untitled-10.jpg
نضع عرض صورة الاطار الايسر
http://new-style.ws/vb/up/vb4/20/Untitled-11.jpg
الان ندخل على الخلايا خليه خليه
ونقوم بادراج الصور الخاصه بها
http://new-style.ws/vb/up/vb4/20/Untitled-13.jpg
http://new-style.ws/vb/up/vb4/20/Untitled-14.jpg
اما الخلايا الاخرى
فنقوم بالضغط بزر الفاره اليمين
على كل خليه ونضيف الخلفية الخاصه بها
http://new-style.ws/vb/up/vb4/20/Untitled-15.jpg
http://new-style.ws/vb/up/vb4/20/Untitled-16.jpg
يتبع الشرح (http://www.new-style.ws/vb/thread4222.html)
البرنامج مشابه تماما لبرنامج 3 Microsoft Expression Web
لكن يوجد اختلاف في اكواد css
والدرس القادم راح يكون فقط تصميم الاطار بـ css
افتح عمل جديد
http://new-style.ws/vb/up/vb4/20/Untitled-1.jpg
وقم بمسح الكود الموجود فيه
توجه الى واجهة التصميم
http://new-style.ws/vb/up/vb4/20/Untitled-2.jpg
اعمل جدول ثلاث عمود وثلاث افقي
http://new-style.ws/vb/up/vb4/20/Untitled-3.jpg
اضغط كلك يمين واختر خيار خصائص الجدول
http://new-style.ws/vb/up/vb4/20/Untitled-4.jpg
ضع القيم كما في الصوره
http://new-style.ws/vb/up/vb4/20/Untitled-5.jpg
نغير عرض الخلايا الثلاث التي على اليمين حسب عرض الاطار الايمن
http://new-style.ws/vb/up/vb4/20/Untitled-6.jpg
نضغط كلك يمين ونختار تعديل على خصائص الخليه
ولا تنسى تضليل الخلايا عندما تقوم بالذهاب الى خصائص الخليه
http://new-style.ws/vb/up/vb4/20/Untitled-7.jpg
نضع عرض الاطار الايمن
http://new-style.ws/vb/up/vb4/20/Untitled-8.jpg
وكذالك نذهب الى الاعمدة الثلاث في الجهة الاخرى
ونضع عرضها كعرض الاطار الخاص بالجهه اليسرى
http://new-style.ws/vb/up/vb4/20/Untitled-9.jpg
ندخل على خصائص الخلية ولا تنسى تضليل الخلايا عندما تقوم بالذهاب الى خصائص الخليه
http://new-style.ws/vb/up/vb4/20/Untitled-10.jpg
نضع عرض صورة الاطار الايسر
http://new-style.ws/vb/up/vb4/20/Untitled-11.jpg
الان ندخل على الخلايا خليه خليه
ونقوم بادراج الصور الخاصه بها
http://new-style.ws/vb/up/vb4/20/Untitled-13.jpg
http://new-style.ws/vb/up/vb4/20/Untitled-14.jpg
اما الخلايا الاخرى
فنقوم بالضغط بزر الفاره اليمين
على كل خليه ونضيف الخلفية الخاصه بها
http://new-style.ws/vb/up/vb4/20/Untitled-15.jpg
http://new-style.ws/vb/up/vb4/20/Untitled-16.jpg
يتبع الشرح (http://www.new-style.ws/vb/thread4222.html)