الويب العربي - الان شرح تصميم صفحات الويب من خلال برنامج دريم يوفر !!

السلام عليكم

خواني الاعضاء اقدم لكم برنامج الدريم يوفر وهو يهتبر البرنامج الذي يعتمد على المعاير القياسية

وانا اعتبره اضخم برنامج لتصميم والبرمجه سكربتات لما يحمله من اداوت في جباره وانتم
حتعرفونه بنفسكم من خلال التجربته
الحين بشرح اهم الاداوت الي يحتاجها المصمم في تركيب تصاميمه في البرنامج

لاحظ وجود 3 قائمات

1- الملفات الي اشتغلت عليه
2- نوع الملفات الي بتصمم عليها او تبرمج عليها
حنبدء في HTML اما الباقي هذي للمبرمجين
3- صفحات جاهز فقط تحتاج للتعديل

ونبدء في تصميم واجهة موقع من خلال جداول او Table

وبسم الله نبدء ونضغط على شكل هذا الي من خلاله نحدد عدد الجداول

بعد الضغط راح يطلع لك مربع تحدد فيه قيم الصفوف والاعمدة وسمك الجدول

1- عدد الصفوف
2- عدد الاعمدة
3- خيارين خليه على البسكل والدقه 75
4- سمك الجدول
5- سمك الجدول من الداخل
6- سمك الجدول من الخارج

خلها صفر زي ما انا سويت

الحين بعد ما حددنا الجدول نزل على لوحة العمل الحين اهم شي اختيار مكان الجدول

ويفضل في الوسط عشان الشاشات 600*800 او 1024*768

روح الى الخصائص الجدول تحت وغير من خلال Align
راح يطلع لك 3 خيارات الاول مايغره في نفس مكانه
الثاني في الاتجاه الايسر والثالث في الوسط الي مختاره انا
الرابع في الاتجاه الايمن

بعد كذا اسحب الجدول وخله عريض

بشكل التالي

الحين نجيب وندمج الجداول الثلاثة الي حدد عليها بالماوس ثم كلك يمين

تكون محدد على الجداول وبكذا عرفنا طريقة دمج الجداول

ادمج الجداول الي في فوق وفي اليمين واليسار وتحت بشكل هذا

زي كذا حدد على الجداول وادمجها بالشكل هذا

روح الجدول رقم 3 الي محدد عليها انا ورح الى اضافة جدول من قائمة فوق

العمود واحد والصفوف 5 وخلي باقي صفر

الحين بعد ماينظف الجدول روح الى اول صف واضفط عليها وانزل الى تحت في خصائص واختار الخلفية له

حدد على الجداول الي تحت كلها واعطيها لون اخر

وبكذا جهزنا القائمة الازرار الاولى

الحين اسحب العمود الي في جدول عشان نواسي الصفوف بشكل هذا

واسحب الصف الي تحت الى فوق

وبعد كذا ضيف الباقي انت وراح يطلع لك الشكل كذا

عشان تشوف شغلك احفظ العمل من قائمة File

وافتحه على المتصفح

الدرس القادم كيفيت اضافة الازرار والروابط على التصميم

تم الشرح المشترك بين موقعين

علام الديزاين وموقع معهد اول ستايل

تحياتي

yousef