تويت
[frame="12 98"]
وبعــــــــــــــــــــــ ــــــــــد
الاخوة مشرفي وأعضاء منتدى الهندسة الصناعية
أهلا وسهلا ومرحبا بكم وأسعد الله أوقاتكم بطاعته ومحبته .
دورة تكويد المواقع بالدريم ويفر
سنتكلم فى دروتنا هذه ان شاء الله عن كيفية تحويل التصميم 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
لهذا يوجد تعديل بسيط بالاكواد حتى يتوافق مع جميع المتصفحات ، الاكواد الصحيحة والتى ينبغى تعديلها بالاسفل ..
الجزء الاول
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
تحميل
فهرس الدورة كاملة 
أتمنى لكم الفائدة من هاته الدورة الرائعة
والسلام عليكم ورحمة الله وبركاته
[/frame]
وبعــــــــــــــــــــــ ــــــــــد
الاخوة مشرفي وأعضاء منتدى الهندسة الصناعية
أهلا وسهلا ومرحبا بكم وأسعد الله أوقاتكم بطاعته ومحبته .
دورة تكويد المواقع بالدريم ويفر
سنتكلم فى دروتنا هذه ان شاء الله عن كيفية تحويل التصميم 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
تحميل
فهرس الدورة كاملة أتمنى لكم الفائدة من هاته الدورة الرائعة
والسلام عليكم ورحمة الله وبركاته
[/frame]
تعليق