2 يوليو 2013

2 تعليق

قالب psd مجانا لمصممي المواقع

السلام عليكم ورحمة الله وبركاته
اليوم أقدم لكم ملف مفتوح يحتوي على مفاتيح وتصاميم لمصممي المواقع

تحميل
http://dl.dropboxusercontent.com/u/4922522/blazrobar/Flat_UI.zip
انشاء الله تنال إعجابكم

أكمل القراءة

26 يونيو 2013

0 تعليق

دورة تحويل PSD الى HTML -اليوم الثالث

سننهى فى هذه التدوينة ان شاء الله دورة تكويد المواقع ، سنقوم بتكويد المحتوى والتدوينات وتكراراها اكثر من مرة وضبط المحتوى ليظهر منفصل عن الفوتر وسنتكلم عن خاتمة بسيطه لدورتنا بها بعض النصائح .

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#posts {
    width:586px;
    float:right;
    margin-right:67px;
}
 
.post {
    border-bottom:2px solid #cdbde4;
    overflow:hidden;
    margin-bottom:10px;
    margin-top:5px;
    direction:rtl;
}

الجزء الاول

الجزء الثانى

تكملة الجزء الثانى

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

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

بهذا نكون انتهينا من يومنا الثالث فى دروة تكويد المواقع بالدريم ويفر وانتهينا ايضا من الدورة ، اتمنى اكون وفقت فى شرح هذه الدروس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسى والشيطان .
#posts {
width:586px;
float:right;
margin-right:67px;
}


.post {
border-bottom:2px solid #cdbde4;
overflow:hidden;
margin-bottom:10px;
margin-top:5px;
direction:rtl;
}
أكمل القراءة

25 يونيو 2013

0 تعليق

دورة تحويل PSD الى HTML -اليوم الثاني

السلام عليكم ورحمة الله وبركاته
بعد ان تكملنا عن تكويد الهيدر والفوتر سنتكلم فى هذه التدوينة ان شاء الله عن تكويد السايد بار والقوائم الجانبية بالدريم ويفر ، وايضا نموذج البحث بداخل السايد بار .

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

الجزء الاول

 الجزء الثانى

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

الجزء الأول

الجزء الثانى

بهذا نكون انتهينا من يومنا الثانى فى دروة تكويد المواقع بالدريم ويفر ، اتمنى اكون وفقت فى شرح هذه الدروس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسى والشيطان .
منقول للفائدة من موقع تركات : http://www.trickat.com
أكمل القراءة

2 تعليق

دورة تحويل PSD الى HTML -اليوم الأول

السلام عليكم ورحمة الله وبركاته
 أقدم لكم دروة لتحويل PSD الى HTML كما وعدتكم مقدمة من موقع تركات

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

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

  •  Web Developer
  • MeasureIt
  • IE tab 2
  •  ColorZilla
  • Firebug

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

الجزء الأول

الجزء الثانى

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

الجزء الأول

الجزء الثانى

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