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

السلام عليكم
خواني الاعضاء اقدم لكم برنامج الدريم يوفر وهو يهتبر البرنامج الذي يعتمد على المعاير القياسية
وانا اعتبره اضخم برنامج لتصميم والبرمجه سكربتات لما يحمله من اداوت في جباره وانتم
حتعرفونه بنفسكم من خلال التجربته
الحين بشرح اهم الاداوت الي يحتاجها المصمم في تركيب تصاميمه في البرنامج
http://3elmdgn.com/3elmawl/sharh-1.0.jpg

لاحظ وجود 3 قائمات
1- الملفات الي اشتغلت عليه
2- نوع الملفات الي بتصمم عليها او تبرمج عليها
حنبدء في HTML اما الباقي هذي للمبرمجين
3- صفحات جاهز فقط تحتاج للتعديل
ونبدء في تصميم واجهة موقع من خلال جداول او Table
وبسم الله نبدء ونضغط على شكل هذا الي من خلاله نحدد عدد الجداول
http://3elmdgn.com/3elmawl/sharh-1.1.jpg
بعد الضغط راح يطلع لك مربع تحدد فيه قيم الصفوف والاعمدة وسمك الجدول
http://3elmdgn.com/3elmawl/sharh-1.2.jpg

1- عدد الصفوف
2- عدد الاعمدة
3- خيارين خليه على البسكل والدقه 75
4- سمك الجدول
5- سمك الجدول من الداخل
6- سمك الجدول من الخارج
خلها صفر زي ما انا سويت
http://3elmdgn.com/3elmawl/sharh-1.3.jpg
الحين بعد ما حددنا الجدول نزل على لوحة العمل الحين اهم شي اختيار مكان الجدول
ويفضل في الوسط عشان الشاشات 600*800 او 1024*768
روح الى الخصائص الجدول تحت وغير من خلال Align
راح يطلع لك 3 خيارات الاول مايغره في نفس مكانه
الثاني في الاتجاه الايسر والثالث في الوسط الي مختاره انا
الرابع في الاتجاه الايمن
http://3elmdgn.com/3elmawl/sharh-1.4.jpg
بعد كذا اسحب الجدول وخله عريض
بشكل التالي
http://3elmdgn.com/3elmawl/sharh-1.5.jpg

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

http://3elmdgn.com/3elmawl/sharh-1.6.jpg
تكون محدد على الجداول وبكذا عرفنا طريقة دمج الجداول
ادمج الجداول الي في فوق وفي اليمين واليسار وتحت بشكل هذا

http://3elmdgn.com/3elmawl/sharh-1.7.jpg
زي كذا حدد على الجداول وادمجها بالشكل هذا
روح الجدول رقم 3 الي محدد عليها انا ورح الى اضافة جدول من قائمة فوق
http://3elmdgn.com/3elmawl/sharh-1.8.jpg
العمود واحد والصفوف 5 وخلي باقي صفر
الحين بعد ماينظف الجدول روح الى اول صف واضفط عليها وانزل الى تحت في خصائص واختار الخلفية له
http://3elmdgn.com/3elmawl/sharh-1.9.jpg
حدد على الجداول الي تحت كلها واعطيها لون اخر
http://3elmdgn.com/3elmawl/sharh-1.10.jpg
وبكذا جهزنا القائمة الازرار الاولى
الحين اسحب العمود الي في جدول عشان نواسي الصفوف بشكل هذا
http://3elmdgn.com/3elmawl/sharh-1.11.jpg
واسحب الصف الي تحت الى فوق
http://3elmdgn.com/3elmawl/sharh-1.12.jpg
وبعد كذا ضيف الباقي انت وراح يطلع لك الشكل كذا
http://3elmdgn.com/3elmawl/sharh-1.13.jpg

عشان تشوف شغلك احفظ العمل من قائمة File
وافتحه على المتصفح
الدرس القادم كيفيت اضافة الازرار والروابط على التصميم
تم الشرح المشترك بين موقعين
علام الديزاين وموقع معهد اول ستايل
تحياتي
yousef

شرح زين الله يعطيك العووووووووووووووووافي

شكررررررررررررا

بارك الله فيك

لك جزيل الشكر على الجهد المبذول :)

بارك الله فيك ...

جزاك الله خير

يعطـــيك العافيــــة أخـــوي على الشرح

إذا ممكن أريد وصلــة للبرنامج للتحميل وشكرا :)

شرح وافي جوزيت خيرا عليه يوسف
شكرا لك

اختك
جوري جده

اسف لتخر في الرد

عموما شكر لكم وانا ان شاء الله ماقصر معاك في البرنامج


تحياتي

خسارة الصور ما تظهر