بسم الله الرحمن الرحيم
اقسم بالله العظيم بان لاا استغل ما اتعلمه من هذه الدورة فيما يغضب الله ورسوله او يسيئ للاسلام والمسلمين ... والله على ما اقول شهيد
الدرس الاول في هذه الدورة المباركه باذن الله تعالى
في هذا الدرس سوف نتعلم عده امور مهمه في تصميم الموقع وهي كالتالي :
اولاً :
الالوان : نعرف جميعنا بان كرت الشاشة يلعب دورا كبيرا في هذه النقطه كما انه يختلف لدى متصفحى الانتر نت حيث انها تختلف فيما بينها في الدقه وكولتى الون المظهر على شاشة الزائر فمنها ما يعرف بـ 18 ميقا و32 ميقا ... الخ وطبعا تختلف الالوان على كل موديل منها حيث ان الالوان تظهر في 18 ميقا شاحبه اي بدرجه فاتحه جدا قد تتسبب في بعض الاحيان باختلاف الون على شاشة الزائر عن ماهو محدد من قبل المصمم وكل ما زادت الميقاوات في كرت الشاشة كل ماكانت الالوان افضل !! اذا ما هو حل هذه العقبة ؟
تم التوصل من قبل المهتمين وشركات الجرافيكس الى ما يسمى بالالوان الامنه !
اذا ما هي ميزه هذه الالوان الامنه ؟
ميزتها انها لاتختلف كثيرا عن درجه اللون التى تم اختيارها من قبل مصمم العمل المعروض على الشاشة قد تختلف ولكن بنسبه لا تذكر حيث انها لا تتجاوز 15 % من درجه اللون الحقيقي .
من خلال الرابط التالي سوف نتعرف على الالوان الامنه .
شاهد علبة الالوان الامنه
قم بحفظ الصفحه في مفضلتك
ثانيا :
مقاسات التصميم : ايضا هنا مشكله وهي اختلاف مقاسات الشاشة حيث انه يوجد منها ماهو 15 - 17 - 19 بوصة ... الخ والقياس 15 بوصة هو الاكثر استعمالا
فماهو حل هذا الاختلاف ؟
بما ان النصيب الاكبر للمقاس 15 بوصة من حيث كثرة الاستخدام من قبل المتصفحين سوف نجعل هذا القياس هو الارتكاز الاساسي لقياسات التصميم
وهو ( 775 بكسيل عرض .. و .. 438 بكسيل ارتفاع ) اي ما يسمى بدقة الشاشة 800*600
سوف يدور في اذهاننا مباشرة هذا السؤال .
كيف سيظهر التصميم على الشاشات 17 و 19 ... الخ ؟ وايضا ما هو مصير التصميم في حال كانت دقه شاشة الزائر اعلى من 800*600 بكسيل ؟؟
في حال كانت الشاشة اكبر من 15 بوصة وبدقة 800*600 سيكون التصميم في الناحية اليسرى من شاشة الزائر من ما يسبب فراغ بسيط في الناحية اليمنى من شاشتة .
اما اذا كانت شاشة الزائر اعلى من دقة 800*600 يسظهر التصميم في الناحية اليسرى مع ترك فراغ كبير جدا في الناحية اليمنى مما يسبب تشوه لمظهر الموقع .
اذا ما هو حل هذه العقيبه ؟؟؟
الحل هو احد امرين :
1/ اذا كان التصميم جميع خلفياته منقوشة او عباره عن صورة في هذه الحاله يتم استخدام الخلفية المخفيه !! كيف يتم ذلك ؟
يتم ذلك من خلال توسيط التصميم في منتصف الصفحه من خلال الجداول في شفره HTML ومن ثم عمل خلفية للصفحه تكون بسيطة اما لون او مربعات ومن الحنكه ان نجعلها تظهر للزائر بانها جزء لا يتجزء من التصميم وهذا يعتمد على براعة المصمم .
2/ باستخدام النسبة المئوية للجداول حيث ان هذا الاسلوب يجعل التصميم يتمدد حسب قياس او دقة شاشة الزائر كما هو متبع في اغلب البرمجيات مثال : منتديات vb او مجلة النيوك ... الخ
ولكن هذا الحل يناسب فقط التصاميم التى تكون خلفيتها الوان ساده ولا يجدي مع التصاميم التى تكون خلفيتها صورة او منقوشة .
ثالثا :
الدقة .. نلاحظ مواقع كثيره عند تصفحها يوجد بها بطئ في التحميل , وهذا البطئ ناتج عن كبر حجم الصفحه حيث انها تحتوى معلومات كثيره يجب على المتصفح قرائتها ومنثما ترجمتها الى لغة HTML حتى يتم عرضها على شاشة الزائر .
ماهي هذه البيانات ؟
هي الشفره البرمجيه للموقع بالاضافه الى الاستعلاامات وانتضار النتائج من قواعد البيانات بالاضافة الى الفلاش والصور في الصفحه ! ما يهمنا هنا هي الصور .. لماذا الصور تسبب بطئ في التصفح ؟ جواب بديهي لان احجامها كبيره اذا ما هو الحل ؟
هو تقليل الحجم
كيف يتم ذلك ؟
يتم من خلال تحديد الدقه في بداية التصميم لهذه الصور , فالدقة الصحيحه للانترنت هي 72 بكسيل في الانش بالاضافة الى حفظ الصور بصيغة gif او jpg
الان بعد ان تعرفنا على النقاط الاساسية في التصميم ماذا يتوجب علينا عمله ؟
اولا: قم باختيار الالوان التى تفضلها او تناسب فكره التصميم الذي ستقوم بتنفيذه
ثانيا : قم بختيار وجمع الصور التى تريد دمجها في التصميم وقم بقصها وتنظيفها لكي تكون جاهزه لدمجها مع التصميم
ثالثا : قم بتصميم شعار لموقعك
الان بعد ان قمنا بتجهيز المطلوب قم بتشغيل برنامج الفوتوشوب واتبع التالي :
1/ قم بعمل ملف جديد للمشروع كما هو موضح بالصورة التاليه تماما
2/ قم بتعبئه الخلفية باللون الذي تريد
3/ قم باظهار المسطرة في المفوتوشوب لكى تتمكن من تقسيم منطقة العمل من خلال الظغط على مفتاح Ctrl + R
4/ قم بتقسيم منطقة العمل كما هو موضح بالصورة التالية :
بامكان اختيار اي تقسم اخر ولكن هذا هو الافضل لانه لاا يقيد المصمم بالاضافة الى توفر مساحه ممتازه لادراج المحتوى مهما كان نوعه
ايضا فضلنا بان لا يقل المقاس عن 500 بكسيل لكي تكون لدينا امكانيه ادراج بنر دعائي في اعلى او اسف المنطقه من مقاس 468 بكسيل وهذا هو اكبر مقاس متعارف عليه .
والان ادعكم مع الفوتوشوب لكي تبدأوا التصميم ... اعلم بان هنالك من هم محترفون في الفوتوشوب ومن هم مبتدؤون فلذلك فضلت ان لا اتعمق في شرح خطوات التصميم اكثر من ذلك لعده اسباب اولا ان كل شخص يريد ان يصمم فكرته واكيد تختلف عن فكرتي او فكره هذا او ذاك ثانيا فضلت ان يتم الشرح من خلال الاجابه على اسئلتكم وهو افضل بكثير .. فلا تترددوا باي استفسار مهما كان بسيطا او معقدا فبئذن الله سيتم شرحه
بالنسبة لزوار المنتدى يمكنكم ارسال استفساراتكم من خلال الفورم البريدي في موقعنا الموجود في توقيعي . وسيتم الاجابه عليها بمشيئة الله من خلال هذا الموضوع
سوف ننتقل للدرس الثاني في هذه الدورة بعدما يصوت نسبه معقوله من الاخوان وارجو من الاخوان المتمرسين ان يعطوا فرصه لاخوانهم المبتدئين بالمحاوله والاستفسارات فلا نستعجل على الانتقال للدرس الثاني
* همسة
الكثير يقول بينه وبين نفسه اننى لست موهوبا او لا امتلك المقدرة على تنفيذ الفكره التى اريد او لا امتلك موهبه اختيار وتنسيق الالوان... اخي الكريم اسمح لى بان اختلف معك في الرأي .. فبمجرد انك تفكر ثق تماما بانك تستطيع التطبيق .
فـ الله سبحانه وتعالى يحثنا على التفكر , تفكر في خلق الله انظر الى حسن خلق البديع في الوان الطيور والزهور والاشجار فالتفكر بها يولد لديك حسن اختيار وتنسيق الالوان مع بعضها
انظر في جسمك تفكر في حسن خلق الله لك كيف تناسق اعضائك مع بعضها
تفكر ثم تفكر ثم تفكر حاول ان تطبق افكارك لااااااا تتردد فالتردد هو الفشل حاول افشل في المحاوله ليس عيبا ان نفشل في محاولاتنا ولكن العيب ان نيأس ونحبط ونحن لا نحاول .
اسأل الله لي ولكم التوفيق والسداد لما يحبه ويرضاه
اثكو جرافيكس
