السلام عليكم

اهلا بيكم احبيى فى الله مره اخرى

النهارده ان شاء الله الدرس الاول من الدوره هنشرح توزيع الهيدر والفوتر

الدرس هيكون اربع فيدوهات كل فيديو 10 دقائق ماعاد الاخير 4 دقائق

وده المثال الاخير لدرس اليوم

http://vbegy.info/blog/vbegy/Lesson_1/

لمشاهده الفيدهات على اليوتيوب

للتحميل برابط مباشر

http://vbegy.info/blog/vbegy/1_t_xhtml_css_part_1.zip
http://vbegy.info/blog/vbegy/1_t_xhtml_css_part_2.zip
http://vbegy.info/blog/vbegy/1_t_xhtml_css_part_3.zip
http://vbegy.info/blog/vbegy/1_t_xhtml_css_part_4.zip

للتحميل من رابط اخر

http://www.4shared.com/video/5F4dqb9p/1_t_xhtml_css_part_1.html
http://www.4shared.com/video/KTMgkSD-/1_t_xhtml_css_part_2.html
http://www.4shared.com/video/zmDu0iXi/1_t_xhtml_css_part_3.html
http://www.4shared.com/video/GesrcAqC/1_t_xhtml_css_part_4.html

لتحميل ملفات الدرس

http://upload.vbegy.com/uploads/vbegy12738816721.zip

او من هنا
أحمد حسن

احب التطوير والتصميم عندى امل كبير فى الله ثم فى نفسى عندى ثقه كبيره الحمدلله فى قدراتى كل يوم اتعلم جديد فى كل جزء من حياتى اتمنى ان اتعلم من اخطائى دائما ،،

التعليقات ( 51 )
  1. HaMADa
    15 مايو 2010 at 10:44 ص

    شكرا
    ربنا يبارك فيك
    لكن عندى استفسار
    هو فى تصميم الواجة على الفوتوشوب
    وهو معرفة المقسات التى نعمل به
    بمعنى القائمة اليمنى واليسرى
    افضل قياس لها من حيث العرض واسف على الازعاج

  2. قناص جوبا
    15 مايو 2010 at 11:02 ص

    العفو يا غالى
    بالنسبه للمقاسات مش هتفرق خالص
    سوى العرض الكامل للتصميم علشان يظبط على جميع ابعاد الشاشات هو العرض 777
    اما القائمه فالعادى بتاعها بيكون 190 بيكسل 200 بيكسل مش بيزيد عن كده
    وطبعا كل واحد حسب تصميمه

  3. العمارى
    17 مايو 2010 at 1:04 ص

    مشكوووووووووورين على الدروس الرائعه

  4. الحالم
    19 مايو 2010 at 4:13 ص

    صراحه انت مبدع مبدع

    والله اني ادعي لك دايم

    ربي يوفقك يامبدع

    ويجزاك الجنه يالغالي

    اخوك

  5. ليلى
    8 يونيو 2010 at 8:53 م

    السلام عليكم ، والف شكر لك اخ قناص
    وربنا يسعدك .. عندي استفسار بسيط بشأن الدرس ..
    احنا كونا اول نوزع بالفرونت بيج وكنا نعمل كل شي بصفحه
    وحده يعني جدوال وخصائص وكده ومثلا نسميها index
    سؤالي انت عملت صفحه ثانيه عشان تسوي فيها خصائص الـ css
    وربطها بصفحه الاولى ..ليش طيب .. يعني مانخلي كل شي بصفحه
    وحده ونرفع الصفحه ومجلد الصور للموقع .. يشترط يعني نسوي كده
    بكل مره يتم توزيع واجهه ..
    اعذرني على الاطاله
    بارك الله فيك اخي ..

  6. قناص جوبا
    9 يونيو 2010 at 7:13 م

    احنا ممكن نعملها فى صفحه واحده ونضع فيها خصائص ال css
    بس كده هتكون الصفحه طويله جدا فاحنا بنعمل كده لسهوله الوصول للكود

  7. مبتدئة
    15 يونيو 2010 at 6:26 ص

    انا تابعت الجزء الاول الآن وبكرة حكمل الباقي ان شاء الله
    الشرح جدا رائع ومفيد أخي
    لكم تمنيت انك تكون شرحت نفس التصميم كمان خطوة خطوة
    لاننا فعلا نحتاج معرفة كل خطوة بالعمل وخاصة للمبتدئين زيي
    كل الشكر والتقدير لك اخي الكريم
    تحياتي

  8. قناص جوبا
    16 يونيو 2010 at 3:39 م

    هو بالنسبه للتصميم فهو مفهوش اى مشاكل وبسيط جدا كمان
    والغرض من الدوره هو التوزيع فقط وان شاء الله يكون هناك دورات اخرى وقريبا دوره تصميم قالب ورد بريس

  9. alshrgbe
    3 أغسطس 2010 at 11:58 ص

    بارك الله فيك وجزاك عنا كل خير
    عندي مشكله قمة بوضع صوره توضيحيه لها أتمنا لو توضح لي ماسبب ذلك
    http://up.cgway.net/out.php/t1902_a.jpg

  10. alshrgbe
    3 أغسطس 2010 at 12:04 م

    هذه الصوره أستاذي
    المشكله الأول عند حفظ المستند تظهر لي رساله كما موضح في الصوره
    الثاني لايظهر عندي نوع الخط المذكور في الدرس ما السبب في ذلك
    http://up.cgway.net/out.php/i1902_a.jpg

  11. قناص جوبا
    4 أغسطس 2010 at 3:33 ص

    اهلا بيك اخى الغالى
    اولا قم بالكتابه على النحو التالى

    1
    font-family:Tahoma;

    وقم بعمل صفحه من جديد ctrl+o واختار نوع الوثقه css وقم بتسميتها style.css
    انت مسميها عند style.css.css

  12. alshrgbe
    4 أغسطس 2010 at 4:19 م

    أشكرك أستاذي على ردك جاري التطبيق والمتابعه لباقي الدروس

  13. قناص جوبا
    4 أغسطس 2010 at 8:10 م

    العفو اخى الغالى
    وبنتظار تطبيقك ان شاء الله

  14. alshrgbe
    6 أغسطس 2010 at 12:14 ص

    أستاذي أجد مشكله وهي عدم ظهور الصور على المتصفحات مع أنه مشغل السيرفر المحلي وقمة بتطبيق الدرس
    هل لازم أن أربط برنامج الدريم ويفر بالسيرفير المحلي وأذا كان كذلك فكيف أقوم بعمل ذلك أذا أمكن عمل درس لذلك بارك الله فيك وجزاك عنا كل خير

  15. قناص جوبا
    6 أغسطس 2010 at 7:27 ص

    تقصد عند رفع المثال المباشر على النت ام ماذا !!

  16. alshrgbe
    7 أغسطس 2010 at 12:50 ص

    هذا تطبيقي للدرس الأول المعذره على التأخير
    بأذن الله جاري تطبيق باقي الدورس
    جزاك الله عنا كل خير
    http://mwaheb.org/do.php?imgf=mw12811313021.jpg
    http://mwaheb.org/do.php?imgf=mw12811313022.jpg

  17. قناص جوبا
    7 أغسطس 2010 at 12:59 ص

    تطبيق ممتاز اخى الكريم
    وبنتظار باقى تطبيقاتك

  18. AHMEDHOST.COM
    7 نوفمبر 2010 at 11:17 ص

    ممتاز والله يا احمد

    بس عندى استفسار الاصدار الكام الى انت شغال بيه

    ومافيش موضوع علشان نقدر نحفظ الاكواد دى

    شكرا جدا حبيبي

    مجهود عظيم والله

    الله يبارك لك يا احمد ..

  19. قناص جوبا
    7 نوفمبر 2010 at 2:24 م

    الاصدار الاخير من كل برنامج اخى الغالى

  20. Calar
    14 نوفمبر 2010 at 11:09 م

    دروس جبارة واللهي
    اول حاقة اشكرك على المجهود المتواصل والطيب
    تاني حاقة انا عملت الخطوات وزبطت كل حاقه تمام
    بس نموذج تصميمي بيختلف شوية
    الهيدر عندي من 4 صور 3 صور ثابتين وصوره بتتمدد افقي
    والفولتر من 5 صور
    هو كلو ماشي تمام
    بس المشكله الهيدر عندي الصوره الي بالنص مش مزبوطه
    متقيش بالنص بالزبط تجي ناحيه اليمين شوية
    وكمان انا عندي صورتين ايطار مش عارف اضيفهم
    وربنا يخليك يارب

  21. قناص جوبا
    14 نوفمبر 2010 at 11:14 م

    الله يخليك اخى الغالى
    منور المدونه
    بالنسبه للاستفسار الاول
    الصوره اللى فى المنتصف اعمل لها margin:auto
    اما الاستفسار التانى ممكن توضح اكتر

  22. Calar
    14 نوفمبر 2010 at 11:33 م

    بص

    .H3{
    background:url(‘images/h_2.jpg’) no-repeat;
    height:280px;
    width:614px;
    margin:auto;

    }

    دي شغلي بالسي اس اس
    عملت المطلوب بس معرفشي واللهي
    انا ارفقت لك الملفات دقق فيها

    وبخصوص الاستفسار الثاني
    تصميمي نفس الشكل المربع ضلع فوق وضلع تحت
    هيدر وفولتر
    ضلع يمين وضلع يسار
    اطارات
    الهيدر والفولتر تمام
    بس الاطارات بركبهم وابيها تتمدد مع الصفحه عمودي

  23. قناص جوبا
    14 نوفمبر 2010 at 11:45 م

    طيب مظبوط مفيش مشاكل ممكن ترفع تانى الجزء الخاص بالهيدر
    ملف html

    والاستفسار التانى انا كنت شرح الجزء ده فى الدرس السادس من دوره توزيع الوجهات
    تقدر تتابعه من هنا

  24. Calar
    15 نوفمبر 2010 at 12:06 ص

    http://www.calar.eb2a.com

    شوف الواجهة انا رفعتها على الانتر نت ورفعت ملفات الصور وملف السي اس اس والمسارات كلها مضبوطه بس الصور مبتضهرشي اصلا
    🙁

    وانا اصلا دازلك كل شئ بملف مضغوط
    انت عاوز تساعدني ؟

    بخصوص الشرح
    انا درست الدورات كلها
    ولما جيت اعمل الاطار على طول رحت للدرس ده
    عشان فيه نفس الافكار
    الاختلاف ان الدرس دا للسايد بار وانا اقصد ايطار التصميم ككل
    بس مش حيفرق كتير
    انا طبقت الكلام نفسه بس مازبط عندي

    الكودات عندك !!
    شوفها

  25. قناص جوبا
    15 نوفمبر 2010 at 12:07 ص

    تاكد االاول من مسار ملف ال style.css
    لان مساره مش مظبوط

  26. Calar
    15 نوفمبر 2010 at 12:14 ص

    متأكد
    صدقني

    اولا صفحة الاندكس
    والسي اس اس مع بعض داخل مجلد الموقع
    والصور داخل مجلد ايميج
    نفس الي على الجهاز هو مرفوع

    عموما هذا ما راح يفرق
    ممكن تجيك على الاكواد ؟

  27. قناص جوبا
    15 نوفمبر 2010 at 12:18 ص

    الان ظبط
    انا شايف ان الصوره فى المنتصف مفيش مشكله

  28. Calar
    15 نوفمبر 2010 at 12:20 ص

    http://www.calar.eb2a.com

    اوكي خش وشوف الموقع الحين

    الصور مرفوعه بس شوف المشكلة

  29. قناص جوبا
    15 نوفمبر 2010 at 12:21 ص

    اى مشكله تقصد اخى الغالى
    صوره الهيدر فى المنتصف مفيش مشكله

  30. Calar
    15 نوفمبر 2010 at 1:26 ص

    اخوي انا دشيت الكروم وكان كلو تمام التمام
    بس بالاكسبلورار ميقيش بالنص

    دي المشكله الاولى

    ازاي احلها ؟

    المشكله التانية
    ازاي اعمل الصوره اليمين واليسار
    ممكن تكتب لي اكوادهم
    انا جرب بس منفعشي

    الغريب الفولتر
    شوفت عامل ازاي ؟
    باض بعد ما رفعته
    واللهي تعبت

  31. قناص جوبا
    15 نوفمبر 2010 at 2:01 ص

    طيب ممكن صفحه الاكواد والصور

  32. Calar
    15 نوفمبر 2010 at 2:11 ص

    يعني ما بعثتها لك بالايميل ؟
    مرفقات ؟

    عموما برفعها عساس الكل يشوفها

    http://filaty.com/s/wb5

    << دش الرابط وحمل

    وبعدين شلون بضبط الاكسبلورار ؟

  33. قناص جوبا
    15 نوفمبر 2010 at 2:16 ص

    انا اعتقدت انك قمت بتعديلات اخرى
    عمتا احذف الجزء ده من اول الملف

    1
    2
    3
    4
    <html dir="rtl">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

    وقم بوضع

    1
    2
    3
    4
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    بدلا منه
    وقم بتسميه الملف index.html بدل من index.htm

  34. Calar
    15 نوفمبر 2010 at 2:59 ص

    كتر خيرك والف شكر

    بس ايه الفرق اقصد ممكن تشرح لي الفكره الي انت عملتها
    عاوز اتعلم

    وملاحظه صغيره
    انت بتفتح مستند ونغير اسمه ونطاقه .php مثلا
    ويتحول الملف بالفعل انا اعملها ما يتحولش

    فملفات البي اتش بي افتح صفحه فاضية بالنوت باد واسيفها على بي اتش بي

    بخصوص الاتش تي ام أل اهيه نفس الصفحه بس حفظتها اتش تي ام أل من برنامج الفرونت بيج وتلقائيا انحفذت الصفحه القديمه ولما رحت اشوف نطاقها طلع اتش تي ام فقط
    🙁

    htm

  35. MazeEen
    27 ديسمبر 2010 at 2:27 م

    أخوي جزاك الله كل خير
    بصراحه دورة متعوب عليها
    وتسلم يدأتك
    بس اخوي عندي أستفسار بسيط
    أذا استخدمت برنامج الفرونت بيج
    بدال الدريم ويفر عادي أخوي
    وأذا كان لا بد من الدريم ويفر
    كم أصدار البرنامج اللي تستخدموه
    وجزاك الله كل خير وغفر الله لوالديك يارب.

    تحياتي لك

    MazeEen

  36. قناص جوبا
    27 ديسمبر 2010 at 8:54 م

    الله يخليك اخى الغالى
    الافضل استخدام الدريم ويفر الاصدار cs5

  37. MazeEen
    28 ديسمبر 2010 at 2:28 م

    آمين يآرب ويخليك يارب
    أنا سمعت بنصيحتك وأخذت الأصدار Cs5
    لكن أخوي لمن أكتب عربي الكلام يجي عكس
    مثال

    انت مو كتبت مثل /*نوع الخط*/ انا تجيني كذا /* الخط نوع */
    ما أدري شو السبب بس ياليت لو تعرف أفدني وجزاك الله عني خير الجزاء

    تحياتي لك

    << أحدآى طلابك

    MazeEen

  38. قناص جوبا
    28 ديسمبر 2010 at 10:25 م

    لا عادى اخى الغالى دى مش مشكله ولا شئ
    كل البرامج اللى من النوع ده فيها مشاكل مع اللغه العربيه
    كويس انها بتكتب عربى اصلا 😀

  39. MYDREAM
    31 مايو 2011 at 5:14 م

    اخى جوبا عندى مشكلتان :
    الأول ان صورة الهيدر على اليمين لا تظهر مع ان ملف css صورة طبق الأصل …
    ثانياً : الفوتر عندى عدة اجزاء وكلها صور كيف اتم توزيعه !!؟

  40. MYDREAM
    31 مايو 2011 at 5:17 م

    ولو تبغى ارفعلك الواجهة مقسمة وملف الإندكس والسى اس اس وانت تشوفه .. وتشوف الخطأ .؟؟

  41. عبدالله محمد
    17 ديسمبر 2011 at 7:33 م

    السلام عليكم ..
    الف شكر يا أخي على هذه الدورة الشيقة والحقيقة اني تعلمت منك الكثير وأصبحت أقوم بهذا الأمر وحدي دون الرجوع إلي الفيديو إلا في الضرورة .. أليك ما توصلت أليه من الدرس الأول
    ———————————-
    الملفات ( http://www.mediafire.com/?nd1kdfm2tv10dm8 )
    صورة سريعة ( http://rooosana.ps/store/9/11_12_17-17_26_25-69Ie@0.jpg ) ..
    ———————————
    أرجو التعقيب والنقد حتى أتعلم من الخطئ فلا اكرره في المستقبل
    تقبل مني مشاركتي علما بأني لم ألتزم بالتصميم المرفق بل بتصميمي الشخصي .. شكرا لك مره أخرى

  42. mado
    20 ديسمبر 2011 at 12:18 م

    مشكور جدا دروس اكثر من رائعه
    بارك الله فيك

  43. قناص جوبا
    23 ديسمبر 2011 at 10:59 ص

    العفو اخى الغالى

    وما شاء الله بدايه موفقة
    تابع الدورة ان شاء الله

  44. قناص جوبا
    23 ديسمبر 2011 at 10:59 ص

    واياك اخى الغالى
    منور

  45. علي
    24 يناير 2012 at 6:37 ص

    يا اخي قناص جوبا والله قاعد اتابع الدروس باليوتيوب وكل درس يكمل ادعيلك بالاخير تستاهل والله ولو كملت الدورة ان شاء الله انا واتقنها اتقان جيد اول استايل احترافي رح يكون لموقع ماي ايجي وتستاهل والله .. احترامي الك اخوك علي

  46. قناص جوبا
    26 يناير 2012 at 9:43 ص

    اهلا بيك اخى
    ان شاء الله تستفاد اهم شئ لا تستخدمها فى ما يعصى الله

  47. المصممة شيماء
    4 يناير 2013 at 3:35 م

    السلام عليكم

    دايما مبدع يا أخ أحمد

    ولكن عندي أستفسار عن الابعاد الموجودة بواجهتك علي الرابط التالي

    http://vbegy.info/blog/vbegy/vbegy_css_xhtml/

    يعني العرض المفروض 777 أو 800 ده انا عارفة ماشي
    الطول زي ما أحب ولكن أنا عاوزة أحب الطول بتاع الواجهة دي كام بالظبط لان في أول هصمم واجهة زي كدا وبعد كدا بقا أغير بمزاجي 🙂
    ومشكور علي الدورات بجد
    واتمني الرد

  48. قناص جوبا
    5 يناير 2013 at 1:34 م

    وعليكم السلام
    لا هو الطول بيكون علي حسب التصميم والتفاصيل اللي فيه ومفيش حد بيحدد الطول ابدا الا في حاله انه هيعمل واجهه صغيره او مدخل مثلا او اي حاجه حسب ما هو عاوز
    بس الطول بيكون علي حسب التفاصيل ومفيش حد بيحدده في الحالات دي

  49. المصممة شيماء
    6 يناير 2013 at 8:28 م

    متشكرة علي لردك

  50. المصممة شيماء
    6 يناير 2013 at 9:52 م

    شكرا علي الرد و دورة جميلة إن شاء الله

‎اضف رد