السلام عليكم

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

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

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

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

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



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



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



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



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



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



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



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

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

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



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

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





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

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

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

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

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

جزاك الله خيرا
وأسمح لي بنقل الموضوع لقسم شروحات الجرافيكس لينال مكانه الأفضل
وأتمني أن نري لك أعمالاً أخري

شرح ولا اروع اخى الكريم
تحياتى
احمد