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


 

 

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

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

 طباعة الدرس

 

 

 

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

السلام عليكم

اخوني الاعضاء من خلال الردرو السابقة وطلب الاخوان اني اوضح لهم نقطة ملف 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- الازرار عدل عليها وحط الي تبيه



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

انتهيت

تحياتي
yousef

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

 




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

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