الدرس الاول من دوره توزيع الوجهات توزيع الهيدر والفوتر
بسم الله الرحمن الرحيم
السلام عليكم
اهلا بيكم احبيى فى الله مره اخرى
النهارده ان شاء الله الدرس الاول من الدوره هنشرح توزيع الهيدر والفوتر
الدرس هيكون اربع فيدوهات كل فيديو 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

عن الموقع
روابط vbegy
دورات vbegy
مواقع تابعه لـ vbegy
اتصل بنا
خدمات موقع تكويد
شكرا
ربنا يبارك فيك
لكن عندى استفسار
هو فى تصميم الواجة على الفوتوشوب
وهو معرفة المقسات التى نعمل به
بمعنى القائمة اليمنى واليسرى
افضل قياس لها من حيث العرض واسف على الازعاج
العفو يا غالى
بالنسبه للمقاسات مش هتفرق خالص
سوى العرض الكامل للتصميم علشان يظبط على جميع ابعاد الشاشات هو العرض 777
اما القائمه فالعادى بتاعها بيكون 190 بيكسل 200 بيكسل مش بيزيد عن كده
وطبعا كل واحد حسب تصميمه
مشكوووووووووورين على الدروس الرائعه
صراحه انت مبدع مبدع
والله اني ادعي لك دايم
ربي يوفقك يامبدع
ويجزاك الجنه يالغالي
اخوك
السلام عليكم ، والف شكر لك اخ قناص
وربنا يسعدك .. عندي استفسار بسيط بشأن الدرس ..
احنا كونا اول نوزع بالفرونت بيج وكنا نعمل كل شي بصفحه
وحده يعني جدوال وخصائص وكده ومثلا نسميها index
سؤالي انت عملت صفحه ثانيه عشان تسوي فيها خصائص الـ css
وربطها بصفحه الاولى ..ليش طيب .. يعني مانخلي كل شي بصفحه
وحده ونرفع الصفحه ومجلد الصور للموقع .. يشترط يعني نسوي كده
بكل مره يتم توزيع واجهه ..
اعذرني على الاطاله
بارك الله فيك اخي ..
احنا ممكن نعملها فى صفحه واحده ونضع فيها خصائص ال css
بس كده هتكون الصفحه طويله جدا فاحنا بنعمل كده لسهوله الوصول للكود
انا تابعت الجزء الاول الآن وبكرة حكمل الباقي ان شاء الله
الشرح جدا رائع ومفيد أخي
لكم تمنيت انك تكون شرحت نفس التصميم كمان خطوة خطوة
لاننا فعلا نحتاج معرفة كل خطوة بالعمل وخاصة للمبتدئين زيي
كل الشكر والتقدير لك اخي الكريم
تحياتي
هو بالنسبه للتصميم فهو مفهوش اى مشاكل وبسيط جدا كمان
والغرض من الدوره هو التوزيع فقط وان شاء الله يكون هناك دورات اخرى وقريبا دوره تصميم قالب ورد بريس
بارك الله فيك وجزاك عنا كل خير
عندي مشكله قمة بوضع صوره توضيحيه لها أتمنا لو توضح لي ماسبب ذلك
http://up.cgway.net/out.php/t1902_a.jpg
هذه الصوره أستاذي
المشكله الأول عند حفظ المستند تظهر لي رساله كما موضح في الصوره
الثاني لايظهر عندي نوع الخط المذكور في الدرس ما السبب في ذلك
http://up.cgway.net/out.php/i1902_a.jpg
اهلا بيك اخى الغالى
اولا قم بالكتابه على النحو التالى
وقم بعمل صفحه من جديد ctrl+o واختار نوع الوثقه css وقم بتسميتها style.css
انت مسميها عند style.css.css
أشكرك أستاذي على ردك جاري التطبيق والمتابعه لباقي الدروس
العفو اخى الغالى
وبنتظار تطبيقك ان شاء الله
أستاذي أجد مشكله وهي عدم ظهور الصور على المتصفحات مع أنه مشغل السيرفر المحلي وقمة بتطبيق الدرس
هل لازم أن أربط برنامج الدريم ويفر بالسيرفير المحلي وأذا كان كذلك فكيف أقوم بعمل ذلك أذا أمكن عمل درس لذلك بارك الله فيك وجزاك عنا كل خير
تقصد عند رفع المثال المباشر على النت ام ماذا !!
هذا تطبيقي للدرس الأول المعذره على التأخير
بأذن الله جاري تطبيق باقي الدورس
جزاك الله عنا كل خير
http://mwaheb.org/do.php?imgf=mw12811313021.jpg
http://mwaheb.org/do.php?imgf=mw12811313022.jpg
تطبيق ممتاز اخى الكريم
وبنتظار باقى تطبيقاتك
ممتاز والله يا احمد
بس عندى استفسار الاصدار الكام الى انت شغال بيه
ومافيش موضوع علشان نقدر نحفظ الاكواد دى
شكرا جدا حبيبي
مجهود عظيم والله
الله يبارك لك يا احمد ..
الاصدار الاخير من كل برنامج اخى الغالى
دروس جبارة واللهي
اول حاقة اشكرك على المجهود المتواصل والطيب
تاني حاقة انا عملت الخطوات وزبطت كل حاقه تمام
بس نموذج تصميمي بيختلف شوية
الهيدر عندي من 4 صور 3 صور ثابتين وصوره بتتمدد افقي
والفولتر من 5 صور
هو كلو ماشي تمام
بس المشكله الهيدر عندي الصوره الي بالنص مش مزبوطه
متقيش بالنص بالزبط تجي ناحيه اليمين شوية
وكمان انا عندي صورتين ايطار مش عارف اضيفهم
وربنا يخليك يارب
الله يخليك اخى الغالى
منور المدونه
بالنسبه للاستفسار الاول
الصوره اللى فى المنتصف اعمل لها margin:auto
اما الاستفسار التانى ممكن توضح اكتر
بص
.H3{
background:url(‘images/h_2.jpg’) no-repeat;
height:280px;
width:614px;
margin:auto;
}
دي شغلي بالسي اس اس
عملت المطلوب بس معرفشي واللهي
انا ارفقت لك الملفات دقق فيها
وبخصوص الاستفسار الثاني
تصميمي نفس الشكل المربع ضلع فوق وضلع تحت
هيدر وفولتر
ضلع يمين وضلع يسار
اطارات
الهيدر والفولتر تمام
بس الاطارات بركبهم وابيها تتمدد مع الصفحه عمودي
طيب مظبوط مفيش مشاكل ممكن ترفع تانى الجزء الخاص بالهيدر
ملف html
والاستفسار التانى انا كنت شرح الجزء ده فى الدرس السادس من دوره توزيع الوجهات
تقدر تتابعه من هنا
http://www.calar.eb2a.com
شوف الواجهة انا رفعتها على الانتر نت ورفعت ملفات الصور وملف السي اس اس والمسارات كلها مضبوطه بس الصور مبتضهرشي اصلا
وانا اصلا دازلك كل شئ بملف مضغوط
انت عاوز تساعدني ؟
بخصوص الشرح
انا درست الدورات كلها
ولما جيت اعمل الاطار على طول رحت للدرس ده
عشان فيه نفس الافكار
الاختلاف ان الدرس دا للسايد بار وانا اقصد ايطار التصميم ككل
بس مش حيفرق كتير
انا طبقت الكلام نفسه بس مازبط عندي
الكودات عندك !!
شوفها
تاكد االاول من مسار ملف ال style.css
لان مساره مش مظبوط
متأكد
صدقني
اولا صفحة الاندكس
والسي اس اس مع بعض داخل مجلد الموقع
والصور داخل مجلد ايميج
نفس الي على الجهاز هو مرفوع
عموما هذا ما راح يفرق
ممكن تجيك على الاكواد ؟
الان ظبط
انا شايف ان الصوره فى المنتصف مفيش مشكله
http://www.calar.eb2a.com
اوكي خش وشوف الموقع الحين
الصور مرفوعه بس شوف المشكلة
اى مشكله تقصد اخى الغالى
صوره الهيدر فى المنتصف مفيش مشكله
اخوي انا دشيت الكروم وكان كلو تمام التمام
بس بالاكسبلورار ميقيش بالنص
دي المشكله الاولى
ازاي احلها ؟
المشكله التانية
ازاي اعمل الصوره اليمين واليسار
ممكن تكتب لي اكوادهم
انا جرب بس منفعشي
…
الغريب الفولتر
شوفت عامل ازاي ؟
باض بعد ما رفعته
واللهي تعبت
طيب ممكن صفحه الاكواد والصور
يعني ما بعثتها لك بالايميل ؟
مرفقات ؟
عموما برفعها عساس الكل يشوفها
http://filaty.com/s/wb5
<< دش الرابط وحمل
وبعدين شلون بضبط الاكسبلورار ؟
انا اعتقدت انك قمت بتعديلات اخرى
عمتا احذف الجزء ده من اول الملف
2
3
4
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
وقم بوضع
2
3
4
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
بدلا منه
وقم بتسميه الملف index.html بدل من index.htm
كتر خيرك والف شكر
بس ايه الفرق اقصد ممكن تشرح لي الفكره الي انت عملتها
عاوز اتعلم
وملاحظه صغيره
انت بتفتح مستند ونغير اسمه ونطاقه .php مثلا
ويتحول الملف بالفعل انا اعملها ما يتحولش
فملفات البي اتش بي افتح صفحه فاضية بالنوت باد واسيفها على بي اتش بي
بخصوص الاتش تي ام أل اهيه نفس الصفحه بس حفظتها اتش تي ام أل من برنامج الفرونت بيج وتلقائيا انحفذت الصفحه القديمه ولما رحت اشوف نطاقها طلع اتش تي ام فقط
htm
أخوي جزاك الله كل خير
بصراحه دورة متعوب عليها
وتسلم يدأتك
بس اخوي عندي أستفسار بسيط
أذا استخدمت برنامج الفرونت بيج
بدال الدريم ويفر عادي أخوي
وأذا كان لا بد من الدريم ويفر
كم أصدار البرنامج اللي تستخدموه
وجزاك الله كل خير وغفر الله لوالديك يارب.
تحياتي لك
MazeEen
الله يخليك اخى الغالى
الافضل استخدام الدريم ويفر الاصدار cs5
آمين يآرب ويخليك يارب
أنا سمعت بنصيحتك وأخذت الأصدار Cs5
لكن أخوي لمن أكتب عربي الكلام يجي عكس
مثال
انت مو كتبت مثل /*نوع الخط*/ انا تجيني كذا /* الخط نوع */
ما أدري شو السبب بس ياليت لو تعرف أفدني وجزاك الله عني خير الجزاء
تحياتي لك
<< أحدآى طلابك
MazeEen
لا عادى اخى الغالى دى مش مشكله ولا شئ
كل البرامج اللى من النوع ده فيها مشاكل مع اللغه العربيه
كويس انها بتكتب عربى اصلا
اخى جوبا عندى مشكلتان :
الأول ان صورة الهيدر على اليمين لا تظهر مع ان ملف css صورة طبق الأصل …
ثانياً : الفوتر عندى عدة اجزاء وكلها صور كيف اتم توزيعه !!؟
ولو تبغى ارفعلك الواجهة مقسمة وملف الإندكس والسى اس اس وانت تشوفه .. وتشوف الخطأ .؟؟
السلام عليكم ..
الف شكر يا أخي على هذه الدورة الشيقة والحقيقة اني تعلمت منك الكثير وأصبحت أقوم بهذا الأمر وحدي دون الرجوع إلي الفيديو إلا في الضرورة .. أليك ما توصلت أليه من الدرس الأول
———————————-
الملفات ( http://www.mediafire.com/?nd1kdfm2tv10dm8 )
صورة سريعة ( http://rooosana.ps/store/9/11_12_17-17_26_25-69Ie@0.jpg ) ..
———————————
أرجو التعقيب والنقد حتى أتعلم من الخطئ فلا اكرره في المستقبل
تقبل مني مشاركتي علما بأني لم ألتزم بالتصميم المرفق بل بتصميمي الشخصي .. شكرا لك مره أخرى
مشكور جدا دروس اكثر من رائعه
بارك الله فيك
العفو اخى الغالى
وما شاء الله بدايه موفقة
تابع الدورة ان شاء الله
واياك اخى الغالى
منور
يا اخي قناص جوبا والله قاعد اتابع الدروس باليوتيوب وكل درس يكمل ادعيلك بالاخير تستاهل والله ولو كملت الدورة ان شاء الله انا واتقنها اتقان جيد اول استايل احترافي رح يكون لموقع ماي ايجي وتستاهل والله .. احترامي الك اخوك علي
اهلا بيك اخى
ان شاء الله تستفاد اهم شئ لا تستخدمها فى ما يعصى الله