دورة تصميم المواقع : الدرس الخامس اضافة الخلفية
 

اول شئ بهنيكم بحلول العام الجديد و ان شاء الله تكون سنة تحقيق الاحلام و الأماني للجميع

اليوم ان شاء الله راح يكون درسنا هو طريقة وضع الخلفية لموقعنا. طبعا بما اننا كنا حددنا خلفية لونية لموقعنا من الممكن الاستغناء عن وضع خلفية "مصورة" بس بنفس الوقت الخلفية"المصورة" بتضيف جماليه و احترافية للموقع.

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


الخلفيات على نوعين الخلفية ذات الحجم الصغير اللي بتكون متكررة مثل الباترن و سهل تصميمها او تعديلها (اذا كانت جاهزة) و استعمالها في موقعنا بس من الافضل استعمالها للمواقع ذات "الاعمدة" يعني لما يكون التصميم فيه منطقة متمددة عمودية على الجوانب ( ان شاء الله بيتم شرح تصميم كيفية التعامل مع هيك تصاميم في درس اضافي بعد انتهاء الدورة) و لكن ها الشئ طبعا بيحددو ذوق المصمم و شكل الموقع ككل

النوع الثاني من الخلفيات هي الخلفيات الثابتة و هي خلفية اطرافها محيطة بحدود الموقع و تؤطره و هي الاجمل و الاكثر شيوعا و يمكن العديدين بيعانو من كيفية وضعها بطريقة ثابته لتتلاءم مع تصميم الصفحة خاصة اذا ما عندهم خبرة بالcss و ما عرفو كيف يضيفو كود خصائص الخلفية بصفة صحيحة و لكن تسهيلا لكم راح اعلمكم كيف تضيفوها عن طريق الفرونت بايج بكل سهولة و هي طريقة للاسف غير شائعة و يجهلها الكثيرون بالرغم من بساطتها.
المهم في الخلفية الثابتة هي المقاسات ، انا ما حددت مقاسات ثابتة و نهائية و لكن حددت حد أدنى للمقاسات و هو 1200 للعرض و 800 للارتفاع و لكن ينصح باستعمال القياس الشائع و هو 1200 بيكسل عرضا و 830 او 850 للارتفاع.
النقطة الثانية المهمة في تصميم الخلفية هي تطابقها مع قياسات الموقع فخلفيتنا راح تحتوي على ثلاث مناطق : منطقة وسطى راح تكون تحت صفحة موقعنا فلازم يكون عرضها نفس عرض موقعنا و جانب أيمن و جانب ايسر لابد انو يكون الهم نفس المقاس من شان الخلفية تكون مضبوطة

صورة الدرس

http://www.liillas.com/up3//uploads/...9c09094576.jpg

الفيديو

4shared.com - online file sharing and storage - download bg.rar


:flowers2:

هلا خيتو
من الافضل ترفعيلي صفحتك (صفحة الويب مع ملف الصور) من شان اقدر اعرف شو الخلل بالضبط
بانتظارك

:flowers2:

ابشري ..

index.rar

هلا خيتو
انا اتاكدت من اكواد الصفحة و كل شئ تمام و الموقع شغال على الفايرفوكس و الاكسبلورر بدون أخطاء و المشكلة بسيطة كتير.
في الجزء المكتوب من الدرس قلت اني حددت حد ادنى لقياسات الخلفية ما معناه انو الخلفية 800*1200 كويسة و عادة بتكون مضبوطة على اغلب الشاشات بس ممكن تطلع صغيرة نوعا ما في بعض الشاشات اللي مقاييسها كبيرة او wide screen ، فيبدو انو المقاييس المعتمدة بتطلع مش مظبوطة على شاشتك و بدك تستعملي مقاسات اكبر و تخلي العرض 1600 بيكسل او حتى 2000 بيكسل
بس لازم تعرفي انو مش معناتو ظهر عندك فراغات في الجوانب راح تظهر لكل المتصفحين لانو ها الشئ يرجع بالاساس لحجم الشاشة لا غير و منو خطأ بتصميم او تركيب الموقع ، انتي كبري الخلفية و راجعي صفحتك و ان شاء الله بتلاقيها مضبوطة

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