| دورة تصميم المجلات الإلكترونية هذه الدورة لتعلم الطرق الصحيحة لتصميم المجلات الإلكترونية ملقي الدورة: [vista-design] |
  |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
04-02-2009, 03:26 PM
| |||||
| |||||
 [joomla4] شرح تصميم الهيدر والفوتر للقالب والتعديل عليه
 فى هذا الدرس راح نتعرف على كيفية تصميم الهيدر والفوتر على اى قالب تريده اولا: دعونا نشرح كيفية تصميم الهيدر والفوتر نفتح الفوتوشوب ,بعدين نسوى عمل جديد بمقاسات 777 عرض فى 666 طول وانا فى هالمثال راح اصور الشاشة عندى, وراح أخذ الهيدر الخاص بالموقع هنا مطور وراح اسحبه لاعلى صفحة العمل وبعدين راح نبدأ بتقطيعه باداة التقطيع لثلاثة قطع (شمال-وسط -يمين) شوف.........  ويفضل عند التقطيع ان تجعل مقاس الجزء الايسر=مقاس الجزء الايمن بعد ما قطعنا راح نحفظ الشغل اضغط من فوق على save for web بعدين نختار save ونختار مثل الاتى:  بعد الحفظ, راح تجد تكون ملف صور به ثلاث صور شوف,,,,,,,,,  الحين تمام خلصنا من التصميم, وطبعا الفوتر هو نفس الموضوع وقم بنسخ السورس الخاص بالقالب index.html من لوحة تحكم المجلة كما شرحنا سابقا (template manager>>>>> نختار القالب>>>>>>نضغط على edit index >>>>>ننسخ الكود البرمجى للقالب ملاحظه: راح اشتغل على قالب JA_Purity الذى يأتى مع المجلة جاهز الحين افتح برنامج الفرونت بيج front page ثم انتقل لخانة الcode من اسفل وقم بلصق السورس البرمجى للقالب بعدين فى المنطقه المشاره قم بأضافة ثلاث جداول شوف.........  الحين نرجع لخانة design من أسفل ونقوم فى كل جدول بوضع الصورة الخاصة به الجدول الايسر=الصورة اليسرى الجدول الاوسط=الصورة الوسطى الجدول الايمن=الصورة اليمنى  بحيث يكون الشكل النهائى هكذا  الحين نركز فى الخطوات القادمة اولا:عمل الصورة الوسطى كنقطة تمدد, حتى يتمدد الهيدر مع اى مقاس شاشة 1-قف على الجدول الاوسط,ثم اضغط كليك مرتين , راح تفتح خانة’, اختارgeneral من فوق وانسخ رابط الصورة الوسطى  الحين بعد نسخ رابط الصورة الوسطى, نقوم بحذف هذه الصورة من جدولها ثم وأنت واقف على نفس الجدول الاوسط بعد ما حذفنا الصورة الوسطى الخاصة به نضغط كليك يمين ونختار cell properties  بعدين نعلم بالاسفل ونقوم بلصق رابط الصورة  ثانيا:بالنسبة للصورة اليسرى واليمنى, راح نجعلها مقاساتها فى الخلية حتى نساوى مقاس الصورة بمقاس الجدول شوف,,,,,,,, اضغط على الصورة اليسرى مرتين, ثم احفظ مقاسات الصورة فى بالك  ثم نضغط على الصورة كليك يمين ونختار cell properties ثم نلصق المقاسات فى الجداول الموضحه  ثالثا: ازالة حدود الجداول الثلاثة...... قف بالماوس على اى جدول واضغط كليك يمين واختار table properties ثم سوى الخيارات المشارة كالاتى:  بهيك نكون انتهينا............... الحين ارجع لخانة الكودcode من اسفل, ثم انسخ القالب واستبدله بدل اللى فى لوحة التحكم وسوى حفظ وفى النهاية راح تجد الشكل كالاتى على الرئيسية  ملاحظه هامه/: لازم تكون شغال على متصفح الانترنت اكسبلورر وليس متصفح اخر لان الدرس القادم راح يكون خاص بكيفية تعديل روابط الصور حتى لو جينا نرفعها على موقعنا تشتغل تمام وبالمثل سوى الفوتر الى هنا ينتهى الدرس المطلوب من الاعضاء: تصميم اى هيدر ووضعه المثال صورة.......... توقيعي عالم مطورى الويب لتعليم برمجة وتصميم المواقع www.advphp.com |
|
#2
17-08-2009, 04:13 PM
| |||||
| |||||
|
بارك الله فيك توقيعي |
|
| العلامات المرجعية |
 مواضيع جديدة في قسم دورة تصميم المجلات الإلكترونية |
| |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
|
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| مشكلة في الهيدر والفوتر ونقاط تمددهم | photoshop girl | دعم فني ، و صيانة المنتديات مجاناً | 5 | 19-11-2010 03:08 PM |
| [ عمل صفحة موقع شخصي بسيطة ~ الجزء الأول { الهيدر والفوتر } ] | star wolf | دروس تصميم و شروحات مصورة | 0 | 05-11-2010 05:40 AM |
| برنامج Simpo PDF to Word لتحويل الكتب الالكترونية الى ملف وورد والتعديل عليه | aramnet | برامج و العاب الكمبيوتر | 0 | 05-10-2010 10:46 PM |
| الدرس الثانى: درس تصميم الهيدر والفوتر وتقطيعـــه | vista-design | دورة تصميم ستايلات منتديات الفي بي vBulletin | 0 | 14-07-2008 03:45 PM |
دخول الاعضاء
العرض العادي
