دورة تكويد المواقع بالدريم ويفر

[azizsoft]

http://img835.imageshack.us/img835/6807/21948207.png


وبعــــــــــــــــــــــ ــــــــــد

الاخوة مشرفي وأعضاء منتدى طريق الاحتراف

أهلا وسهلا ومرحبا بكم وأسعد الله أوقاتكم بطاعته ومحبته .


دورة تكويد المواقع بالدريم ويفر

http://icons.iconarchive.com/icons/graphics-vibe/developer/256/dreamweaver-icon.png



سنتكلم فى دروتنا هذه ان شاء الله عن كيفية تحويل التصميم PSD الذى قمنا بتصمميه فى الدورة السابقة الى موقع حى
من خلال HTML/CSS باستخدام برنامج الدريم ويفر DreamWeaver cs5 .


[1] مقدمة وبعض الاساسيات فى تكويد المواقع .


http://www.youtube.com/watch?v=wZnQQdci8oI


أسماء الاضافات المطلوبة لكل من الفايرفوكس وجوجل كروم .


Web Developer

MeasureIt

IE tab 2

ColorZilla

Firebug


[2] تكويد الهيدر والنافبار Header & Navbar .

الجزء الأول

http://www.youtube.com/watch?v=ibo0a2AMP8w

الجزء الثانى

http://www.youtube.com/watch?v=tYCF68mwSms


[3] تكويد الفوتر Footer .

الجزء الأول

http://www.youtube.com/watch?v=icmx1a7N2co

الجزء الثانى

http://www.youtube.com/watch?v=maeAJCBqUb4

[4] تكويد السايد بار Sidebar .

الجزء الاول

http://www.youtube.com/watch?v=DOMsEwWOBbU

http://www.youtube.com/watch?v=DOMsEwWOBbU


الجزء الثانى

http://www.youtube.com/watch?v=QZVcaEY-ZDw


[5] تكويد نموذج البحث Search Form .

الجزء الأول

http://www.youtube.com/watch?v=8YQfJvqQgc0

الجزء الثانى

http://www.youtube.com/watch?v=9f0DAE0C5Us


[6] تكويد المحتوى والتدوينات Posts .


يوجد خطأ بسيط فى الشرح وهو فى توافق التصميم مع المتصفح Internet Explorer 9
لهذا يوجد تعديل بسيط بالاكواد حتى يتوافق مع جميع المتصفحات ، الاكواد الصحيحة والتى ينبغى تعديلها بالاسفل ..

#posts {
width:586px;
float:right;
margin-right:67px;
}

.post {
border-bottom:2px solid #cdbde4;
overflow:hidden;
margin-bottom:10px;
margin-top:5px;
direction:rtl;
}



الجزء الاول

http://www.youtube.com/watch?v=b39XcaGBZZY


الجزء الثانى

http://www.youtube.com/watch?v=u8Y7j_vkKqo


[7] خاتمة ونصائح Conclusion & Tips .

http://www.youtube.com/watch?v=aiHknkRJn4c


[$] أخيرا وليس أخراً تحميل ملف دورة تكويد المواقع XHTML/CSS


تحميل (http://www.trickat.com/examples/trickat-tkweed.zip)


:abc_087:فهرس الدورة كاملة (http://www.abc4web.net/vb/showthread.php?p=217265#post217265) :abc_088:


أتمنى لكم الفائدة من هاته الدورة الرائعة


والسلام عليكم ورحمة الله وبركاته


http://img138.imageshack.us/img138/8206/rabhi.gif

[أبو يوسف]

جزاك الله خيرا اخانا عزيز على هذه الجهود الطيبة :abc_152:

.

[أبو فارس]

بارك الله فيكم :abc_152: وأكثر من امثالكم

[abohmam]

تسلم الأيادي ياطيب :abc_022:

ماشاء الله دورات رائعة ومباركة وكفتنا الشرح من جديد لجودتها وقوتها ووضوحها

فجزاكم الله خيرا جميعا على الشرح والنقل والنشر

بارك الله في جهودك أخى عزيز

[المصمم]

شـكــ وبارك الله فيك ـــرا لك

لك مني أجمل تحية .

[ايومة]

الف شكر استاذنا عزيز
على الجهد المبذول
بارك الله فيك
:abc_022: