أ
أبو سعد
Guest
السلام عليكم
الدرس : كيفية تقطيع و تصميم و تركيب النيوك ؟!
من اعداد اخوكم الطاووس ..
بسم الله نبدأ :
نأتى الأن لتعلم كيفية تصميم الثيم على الفوتوشوب و كيفية تقطيع الثيم بطريقة سليمة أسأل الله عز و جل ان ينفعنا بما علمنا و اتمنى من الجميع عدم استخدام العلم فيما يغضب الله عز و جل
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
قال رسول الله صلى الله عليه و سلم (( إذا مات ابن آدم , انقطع عملة إلا من ثلاث , صدقة جارية و علم ينتفع به وولد صالح يدعو له )) .
طبعا هذة بداية التصميم و التقطيع و لكل مصمم وجههة نظرة فى التقطيع و كيفية الرسم فهناك طرق احترافية كثيرة و هذة هى البداية الحقيقية ...
الدرس : كيفية تقطيع و تصميم و تركيب النيوك ؟!
من اعداد اخوكم الطاووس ..
بسم الله نبدأ :
نأتى الأن لتعلم كيفية تصميم الثيم على الفوتوشوب و كيفية تقطيع الثيم بطريقة سليمة أسأل الله عز و جل ان ينفعنا بما علمنا و اتمنى من الجميع عدم استخدام العلم فيما يغضب الله عز و جل
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
قال رسول الله صلى الله عليه و سلم (( إذا مات ابن آدم , انقطع عملة إلا من ثلاث , صدقة جارية و علم ينتفع به وولد صالح يدعو له )) .
طبعا هذة بداية التصميم و التقطيع و لكل مصمم وجههة نظرة فى التقطيع و كيفية الرسم فهناك طرق احترافية كثيرة و هذة هى البداية الحقيقية ...