azizsoft
18-11-2012, 08:21 PM
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
وبعــــــــــــــــــــــ ــــــــــد
الاخوة مشرفي وأعضاء منتدى طريق الاحتراف
أهلا وسهلا ومرحبا بكم وأسعد الله أوقاتكم بطاعته ومحبته .
دورة تكويد المواقع بالدريم ويفر
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