رد: دورة تصميم واجهة موقع (شرح مفصل بالصور)
[align=center]( ركزوا معي الله يخليكم شوي  ) ... تأكد من ان طبقة الصورة فوق طبقة البنر .... وان طبقة الصورة محددة بشريط التمرير الازرق .... اذهب الى الشففية ( فوق بجانب ملف , تحرير , صورة ... الخ ) ثم اختار تجميع مع السابق ... تظهر لك هذه النتيجة :
الان قم بالضغط على Ctrl+U ستظهر لك قائمة الصبغة و الاشباع ... ضروري تحط علامة صح على كلمة تعريف بالقائمة ثم قم بتغيير القيم حتى ترى ان الصورة التي على البنر متانسقه تماما مع ألوان الواجهة.... ( هذه القيم تعتمد على لون الواجهة ... وليست قيم ثابته ) مثلا لون الواجهة الحين عندنا وردي قمنا بضبط القيم حتى تناسقت الصورة مع الواجهة من حيث اللون ( انظر الى الصورة التالية ) :
تم بحمد الله الانتهاء من تصميم البنر
الحين نبدا بتصميم الفوتر و هو يأتي بالدرجة الثانية من حيث الاهمية في الموقع
الفرق بين البنر و الفوتر حاجتين وهم :
1- البنر في اعلى الموقع و الفوتر في اسفل الموقع
2- البنر نركب فيه صورة مثل عيون او صورة طفل او صورة بنت يعني صور اشخاص هذا اذا كان الموقع موقع عام .... اما اذا الموقع موقع خاص على سبيل المثال موقع لشركة او لبنك نحط شعار الشركة او البنك في البنر
اما الفوتر بالموقع العام نركب فيه ورد او قلوب او زخارف و هكذا ... وبالمواقع الخاصة يكون على حسب نوع الموقع .
حتى لا اطيل عليكم ... تصميم الفوتر نفس تصميم البنر بالضبط
مثلا اختار الصورة هذي عشان اركبها للفوتر
نتبع نفس الخطوات التي طبقناها عند تصميمنا للبنر
هذا هو الشكل النهائي للفوتر
الان نقوم بادرج لوحات الاعلانات للموقع ... نختار من الاشكال ( شكل المستطيل دائري الزوايا ) و نقوم برسم مستطيل بالمحجم الذي نريده
مثلا تريد ان تركب للموقع ثلاث لوحات اعلانيه ... عليك تنسيق الاحجام يعني ... تخلي الحجم مناسب مع واجهة الموقع
على سبيل المثال نبي نركب ثلاث لوحات للاعانات نرسم المستطيل بعد اختياره من قائمة الادوات من الاشكال ونقوم بوضعه تحت البنر ... لان الاعلانات دوما تكون تحت البنر مباشرة ... قمنا بأدراج ثلاث لوحات اعلانيه متساوي تماما وكذلك حجم ولون متناسقين مع الواجهة ... انظر الى الصورة الاتيه :
( لمن يجد صعوبة في تحريك الاشكال او النصوص داخل التصميم لا يحركها بأستخدام الفأرة ... الاسهل له ان يستخدم الاسهم الاربعة الموجودة على لوحة المفاتيح )
( ومن يجد صعوبه في التحكم في حجم الاشكال عند ادراجها ... يقول بأدراجها اولا ثم يضغط Ctrl+T ويتحكم بحرية تامة في حجمها )
الان وبأستخدام نفس الشكل ( المستطيل دائري الزوايا ) نقوم بإدراج شريط تحت لوحات الاعلان ... هذا الشريط يتم استخدامه لاكثر من غرض مثلا نستطيع استخدامه لتركيب هاك الأهداءات عليه ... او لهاك مؤشر سوق الاسهم ... او لتركيب هاك اخر عشر مواضيع بالمنتدىاو غير ذلك ...... نقوم بأدراج الشريط مع ترك مسافة على يمينه او على يساره ( يفضل على اليمين ) هذه المسافة نقوم بأدراج زر صغير فيها لكي نضع عليه وصف الشريط ( مثلا اذا كان الشريط للأهداءات نكتب على الزر كلمة " الاهداءات " ............ تابع الصورة :
الان نقوم برسم شكلين متشابهين ونضع احدهما على اليسار والاخر على اليمين كما في الصورة التالية :
نقوم بإدراج مستطيل ونضعه بين الشكلين السابقين لكي نركب عليه برنامج الدردشة الكتابية .... ثم نقوم بإدراج مستطيلات صغيرة على هيئة ازرار صغيرة مثلا انا وضعت ثلاث ازار على يمين مربع الدردشة وثلاث ازرار على يسارها ....... ثم نقوم بإدراج مستطيل تحت مربع الدردشة الكتابية ... ونستطيع ان نستفيد منه كمساحة اعلانية او نركب عليه رابط للدردشة الصوتية .... تابعوا الصورة :
الان نقوم بإدراج اربع مستطيلات لكي نستخدمها كروابط في الموقع انظر الى الصورة :
الان نرسم مستطيلات متوسطة الحجم ونرتبها بشكل جميل و منسق فوق المستطيلين الكبيرين الذين على يميمن ويسار التصميم لنستخدمها كروابط لاحظ الصورة :
ملاحظة مهمة : للذين لم تظهر عندهم صور الشرح ... قمت بوضع الشرح في ملف من نوع word موجود فيه الشرح مع الصور ... وكذلك لمن يريد ان يحفظ الشرح في جهازة حتى يستفيد ما عليه سوى تحميل الملف ومن ثم فك الضغط عنه
اضغط هنا لتحميل الملف
تم بحمد الله
يالله ....... والله تعبت هههههههههههههههههههههههه
سامحوني على القصور جميعاً .... و اللي يحب يسئل او عنده استفسار يتفضل انا موجود دوم وبالخدمة .... وان شاء الله راح تشوفون الكثير من دروس التصميم المفيدة ... راح ابسطها و اوضحها لكم بالصور
ان شاء الله راح نشوف تصاميمكم عن قريب بأذن الله
تمنياتي لكم بالنجاح و التوفيق
( هل الموضوع يستحق التثبيت؟ .... اترك الحكم لكم وانا راضي بما تحكمون )
لا تنسونا من دعواتكم
هذا والله اعلم و احكم .... و صلى الله على نبينا محمد و على آله و صحبه الى يوم الدين
اخوكم/ عبدالله العنزي
تحياتي و تقديري للجميع[/align]
__________________
التوقيع الجديد تحت الإنشاء
التعديل الأخير تم بواسطة عبدالله العنزي ; 05-17-2007 الساعة 08:23 AM
|