درس تقطيع و تصميم و تركيب النيوك .. (((بالصور)))

  • بادئ الموضوع أبو سعد
  • تاريخ البدء
أ

أبو سعد

Guest
السلام عليكم

الدرس : كيفية تقطيع و تصميم و تركيب النيوك ؟!

من اعداد اخوكم الطاووس ..

بسم الله نبدأ :

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

1- تصميم البانر و تقطيعة :-
البانر هو الجزء الموجود اعلى الصفحة و يسمى برأس الصفحة header و ملفة الرئيسى هو header.html .
طبعا اول شىء بتاخد اى ثيم مجانى عشان تقدر تعدل علية .
يتم تصميم البانر بالطريقة التى تناسب موقعك و على الشكل الذى تريد (( مثال على ذلك )) :

b1.jpg


* طريقة تقطيع الheader بالفوتو شوب

b2.jpg


* البلوك و طريقة تقطيعة على الفوتو شوب :- (( مثال على صورة البلوك ))

b3.jpg


طريقة التقطيع

b4.jpg


طريقة تقطيع صور ملفات ال story_home.html و ال story_page و هى واحدة ,, طبعا مع زوقك وفى اختلاف احدهما عن الاخر او عم شكل لهذا غير هذا . (( و اليكم صورة الأخبار )) story_home .

b5.jpg


طريقة التقطيع

b6.jpg


طريقة تقطيع الفوتر و هى مثل تقطيع البانر بالظبط :-

b7.jpg


هناك ملاحظات هامة جدا يرجى مراعاتها فى التصميم :-

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

2- عند وضع الصور تأكد تماماً ان الجزء اللى سوف يكتب علية سواء من قبل الزوار او المجلة يتم وضعة بطريقة cell proprties و قد اوضحناها فى مثال سابق كام فى الصورة :-

7.JPG


يرجى التأكد : هل الثيم ببلوك اللى بتعدل علية , هل هو ببلوك لكل صورة او عادى فإن كان عاديا فستتبع الطريقة اللى ذكرناها فى التصميم اما ان كان ببلوك لكل صورة فستتضطر بعمل رأس لكل بلوك يعنى صورة لكل رأس بلوك و تحذف جدولها من الفرونت بيج .

مثال موضح بالصورة :-

b8.jpg


b9.jpg


طبعا راح تسئلونى اخيراً عن طريقة تصميم الرسائل :-
الرسائل يخصها ملف table.php و هناك ملف مرفق به كل شىء فقط يمكنكم التعديل على عناوين الصور للعناوين اللى صممتوها .

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

http://alhodaway.net/psdfile
و يمكنكم تحميل الثيم بالصور و ملفات الفرونت بيج لكى تتعلموا كيف تم وضعها من الرابط التالى
http://alhodaway.net/prog/themes/blue.zip

قال رسول الله صلى الله عليه و سلم (( إذا مات ابن آدم , انقطع عملة إلا من ثلاث , صدقة جارية و علم ينتفع به وولد صالح يدعو له )) .

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