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

[x.yousef]

السلام عليكم
اخوني الاعضاء من خلال الردرو السابقة وطلب الاخوان اني اوضح لهم نقطة ملف CSS
اليوم راح اشرح كيفيت اضافة شريط متحرك وكمان ونطرق الى ملفات الجاهزة الي يحملها البرنامج
والخاصه بالملف CSS ان شاء الله من خلال الدرس هذا راح تقدرو تكون صفحات الويب باسهل الطرق
طبعنا من خلال البرنامج Macromedia Dreamweaver
وبسم الله نبدء:
افتح ملف HTML السابق عشان نعرف كيف نظيف شريط المتحرك
روح الى وسط العمل
http://3elmdgn.com/3eelm/3eelm-1.0.jpg
واضغط على مستطيل بالماوس عشان نظيف امر يخلي الكلام متحرك
http://3elmdgn.com/3eelm/3eelm-1.1.jpg
الحين روح الى شكل عمل وخله على Splitيقسم لك العمل وتظهر لك الاكواد مع التصميم
http://3elmdgn.com/3eelm/3eelm-1.2.jpg
الحين ركز وافتح قوس زي كذا
http://3elmdgn.com/3eelm/3eelm-1.3.jpg
راح تطلع لك اوامر برمجيه طبعنا راح يعرفونها المبرمجين
http://3elmdgn.com/3eelm/3eelm-1.4.jpg
بعد مافتحت القوس ضيف حرف M راح يطلع لك اوامر تبدء بالحرف اختار منها marquee
اغلق القوس

وضيف الكلام الي تبيه بعد كذا تجي وتقفل الامر
http://3elmdgn.com/3eelm/3eelm-1.5.jpg

بس افتح قوس وضيف سلاش راح يطلع لك الباقي

http://3elmdgn.com/3eelm/3eelm-1.6.jpg

احفظ العمل وراح يطلع لك الكلام متحرك الى اليسار
الحين جاء دور ملفات الجاهزة والي انتم طلبتم مني كيفيت التعامل مع ملفات CSS
الغي العمل راح يرجعك الى لوحة الرئيسية كنت فاتح البرنامج روح الى المجلدات واختار منها CSS
http://3elmdgn.com/3eelm/3eelm-1.7.jpg

راح يفتخ لك لوحة الاعدادات الصفحة
http://3elmdgn.com/3eelm/3eelm-1.8.jpg
اختار صفحات CSS بعدين بيطلع لك نماذج اختار الثاني لانه الي بشرح عليه وسبب الازرار حتكون في اليمين
http://3elmdgn.com/3eelm/3eelm-1.9.jpg
راح يطلب منك ان تحفظ العمل عشان لوغلط تقدر ترجع للغط وتصلحه
http://3elmdgn.com/3eelm/3eelm-1.10.jpg
الحين راح يخبرك مسار الصور مع ملف CSS ضغط على نسخ
http://3elmdgn.com/3eelm/3eelm-1.11.jpg

ملف HTML مع الصور مع ملف CSS
http://3elmdgn.com/3eelm/3eelm-1.12.jpg

جاء دكورك تعدل الكلام والروابط عشان تقدر تنزلها على متصفحك
http://3elmdgn.com/3eelm/3eelm-1.13.jpg
1- الازرار الرئيسية لما يمر عليها الماوس راح تطلع لك ازرار متفرعه منها عدل مسمياتها والروابطها
2- اضافة محرك بحث ممكن تربطه بي محرك بحث
3- الازرار عدل عليها وحط الي تبيه

من هنا يمكن اضافة الروابط في برنامج الدريم ويفر
انتهيت

هذا موقع يوفر شروحات قوية لدريم ويفر:

http://www.fares9.net/coolphp/dw/menu.php

ايضا شرح اداوت دريم ويفر من خلال رابط التالي:

http://www.ksa4up.net/fils/upload/wh_85588305.rar
باسورد فك ضغط

3elmdgn.com

تحياتي

[فيزيائية]

بارك الله فيك

[H.Y.M]

جزاك الله خير على الدرس ... و نتمنى نشوف لك مشاركات أكثر في القسم :)

[x.yousef]

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

مشكورين على تواصلكم

ان شاء الله يا H.Y.M

تحياتي

[jack r3d]

مشكورررررررررررروجارى التحميل

[tahawiya]

شكرا على البرنامج والشرح

[جوري جدة]

شكرا لك جزيل الشكر
مجهود واضح تبذله في سبيل مساعدة الغير

شكرا لك مجددا

اختك

جوري جده