تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :-
ذكرنا في مقدمة الدروة , لكي تبدأ في تصميم ناجح لابد من تحديد هدف الموقع فكل فرد له تفكير وهوايه معينه ولذلك يجب أن تختار هدف موقعك والمجال الذي من اجله قمت ببناء الموقع وهذه هي أهم خطوه في العمل على تصميم ناجح ومناسب للموقع لذلك ينصح في هذه الحالة استخدام الورقة والقلم .
وذكرنا أيضا أننا ننتقل بعد ذلك إلى مرحلة تحديد نوع التصميم وذلك بعد خطوة تحديد هدف الموقع وسوف نتناول كيفية تصميم نوع من أنواع الواجهات وهي وجهات الاستضافة كمثال لان جميع الوجهات تقريبا نفس الخطوات ولكن الاختلاف في نوع الواجهة وبعد ذلك نأتي كيفية تقطيع هذه الواجهة عن طريق برنامج الفوتوشوب .
فلنبدأ بكيفية تصميم واجهة استضافة كمثال فقط لا غير , افتح برنامج الفوتوشوب ثم قم بفتح عمل جديد بمقاس 777 × 800 بيكسل وهذا هو المقاس المفضل لاي تصميم , بخلفية بيضاء كما هو موضح بالصورة :-
اختر هذه الأداة
أولا قم بإضافة لير جديد وذلك من قائمة الادوات اختر layer ثم new ثم layer او shft+ctrl+N ثم ارسم مستطيل بهذا الشكل واذهب إلى أداة التدرج اللوني ثم اختر اللون الأزرق مثلا وهو الأفضل بالنسبة لهذا النوع من المواقع ليصبح الشكل هكذا :-
ثم قم بإضافة لير جديد أيضا ثم حدد مستطيل آخر واعطه هذا التدرج اللوني مثلا :-
ثم أعطه stroke اسود وذلك عن طريق الأتي :-
نأتي بعد ذلك إلى تصميم ازارير الموقع أو الصفحات المهمة في الموقع وهناك طرق واشكال كثيرة لتصميم الازارير .
سوف نشرح هذه الطريقة وارجوا ان تكون سهله وبسيطه
قم إضافة لير جديد ثم عمل مستطيل بهذا المقاس , ثم اذهب إلى القائمة , واختر select ثم Modify ثم smooth وضع القيمة 15 مثلا , ثم أعطه هذا التدرج اللوني كما هو موضح في الصورة :-
[size=16]ثم اختر هذه الأداة
وقم بعمل تحديد مثل هذا للفصل بين الازارير كما هو موضح بالصورة :-
بعد ذلك قم بكتابة اسم الصفحات المهمة للموقع ليصبح شكل للهيدر قبل الإضافات كالتالي :
نأتي بعد ذلك إلى مرحلة دمج بعض الإضافات للهيدر مثل إضافة صورة سيرفر واسم الموقع ليصبح الهيدر في النهاية بالشكل التالي :-
وبهذه الخطوة فقد انتهينا بفضل الله سبحانه وتعالى من الهيدر والمرحلة القادمة إن شاء الله هي كيفية تصميم القوائم .
=================
موعيدنا ان شاء الله في اللقاء القادم والجزء الثاني من العنصر الثالث في الدورة وهو تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب .
[/size]
samser__________________