بناء موقع بالـ Css الجزء الاول

السلام عليكم
اخواني واخواتي الكرام ارحب فيكم جميع واسئل الله ان يوفقني في اتمام شروحات للبرنامج عملاق الدريم ويفر
من خلال دورسنا ستعرف كيفيت الاستفادة من امكانيات المتوفرة للمعاير القاسية ونتمرن عليها بحيث نبدء الاستغناء الكامل
عن جداول ومعرفية كيفيت تغير والاضافة من خلال دروسنا ان شاء الله تعالى .
الان افتح برنامج الدريم ويفر الاصدار الجديد او سابق 8
من قائمة File > New
http://www.3elmdgn.com/dw4ar/dw-1.jpg
اختر الشكل مطلوب مثل مو موضح لك انا من خلال الاسهم وانتبه للاتجها القائمة لابد ان تكون في يمين
http://www.3elmdgn.com/dw4ar/dw-2.jpg
لاحظ الحين خيارات CSS جاهزة لابد في بداية تعود عليه وكيفيت تعيدل من خلال منفذ مخصص لها في برنامج
تغير الالوان من نافذة CSS
اضغط على كلمة body لتغير خطوط الرئيسية ولون خلفية للصفحة
http://www.3elmdgn.com/dw4ar/dw-3.jpg
عدل عليها الاول لون خلفية ثاني لون خط ثالث نوع الخط الاخير اتجاه النص بعد تعديل
وهذا تعديلي
http://www.3elmdgn.com/dw4ar/dw-4.jpg
الحين نترك شوي خصائص CSS ونروح نعدل على واجهة موقع وهذا مثال لتغير بدل كلام الانقليزي الى العربي وقائمة اليمنا عدل الكلمة Sidebar1 Content الى القائمة الرئيسية وضلل عليها وحطها يسار
امس الكلام الي تحت وضع ازرار بدون زي ماتبي الخيار مفتوح لك وشوف انا عملت كيف مثال مصور

http://www.3elmdgn.com/dw4ar/dw-5.jpg
الحين ظلل عليها ونزل تحت واختار تنقيط حيطلع لك بشكل هذا
http://www.3elmdgn.com/dw4ar/dw-6.jpg
ضيف لهم رابط وبكذا انهينا القائمة نرجع الى الهيدر
http://www.3elmdgn.com/dw4ar/dw-7.jpg
على متصفح
http://www.3elmdgn.com/dw4ar/dw-8.jpg

صمم لك صور خفيفه وخليها متدرج دمج
http://www.3elmdgn.com/dw4ar/dw-9.jpg
هذا الجرزء الاول لا اريد ان اكثر عليك اكثر من كذا عشان تقدرو تستوعبو طريقة
شاهد تطبيق درس على رابط التالي: http://www.3elmdgn.com/dw4ar
تحياتي
يوسف عبدالله

مشكور على الشرح السهل الممتنع
تحياتي لك