مكتبة دروس الحاسوب - عرض الدرس [الان شرح تصميم صفحات الويب من خلال برنامج دريم يوفر]مكتبة دروس الحاسوب >>دريم ويفر :: DreamWeaver >> الان شرح تصميم صفحات الويب من خلال برنامج دريم يوفر


 

 

    الكاتب :  mr-sa.com

 أرسل الدرس لصديق

 طباعة الدرس

 

 

 

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

السلام عليكم

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

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

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

أنقر هنا للإنتقال إلى موقع mr-sa.com   حفظ الدرس كملف Word

 




-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

تصميم و تطوير : شبكة همـ المشاعر ــس (عبدالله)
POWERED BY: SaphpLesson3.0