x.yousef
07-04-2007, 12:12 AM
السلام عليكم
خواني الاعضاء اقدم لكم برنامج الدريم يوفر وهو يهتبر البرنامج الذي يعتمد على المعاير القياسية
وانا اعتبره اضخم برنامج لتصميم والبرمجه سكربتات لما يحمله من اداوت في جباره وانتم
حتعرفونه بنفسكم من خلال التجربته
الحين بشرح اهم الاداوت الي يحتاجها المصمم في تركيب تصاميمه في البرنامج
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
خواني الاعضاء اقدم لكم برنامج الدريم يوفر وهو يهتبر البرنامج الذي يعتمد على المعاير القياسية
وانا اعتبره اضخم برنامج لتصميم والبرمجه سكربتات لما يحمله من اداوت في جباره وانتم
حتعرفونه بنفسكم من خلال التجربته
الحين بشرح اهم الاداوت الي يحتاجها المصمم في تركيب تصاميمه في البرنامج
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