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

[x.yousef]

السلام عليكم
اخواني واخواتي الكرام ارحب فيكم جميع واسئل الله ان يوفقني في اتمام شروحات للبرنامج عملاق الدريم ويفر
من خلال دورسنا ستعرف كيفيت الاستفادة من امكانيات المتوفرة للمعاير القاسية ونتمرن عليها بحيث نبدء الاستغناء الكامل
عن جداول ومعرفية كيفيت تغير والاضافة من خلال دروسنا ان شاء الله تعالى .
الان افتح برنامج الدريم ويفر الاصدار الجديد او سابق 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
تحياتي
يوسف عبدالله

[احمـ 9000 ـد]

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