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

02-01-10, 12:36 PM

المشاركة رقم: 1

المعلومات
الكاتب:	kahina
اللقب:	عضو فخري نجمة الشمال

البيانات
التسجيل:	Feb 2007
العضوية:	24420
المشاركات:	2,230
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	60

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

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

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

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

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

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

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

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

صورة الدرس

الفيديو

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

الخلفية

03-01-10, 06:52 AM

المشاركة رقم: 2

المعلومات
الكاتب:	دندوشه
اللقب:

البيانات
التسجيل:	Dec 2009
العضوية:	153845
المشاركات:	66
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	10

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

السلام عليكم ورحمة الله وبركاته

الدرس سهل وواضح

خلال تطبيقي انا اخترت الخلفيه الثابته وعملت نفس المقاسات بالضبط بس طلع لي مسافه هو عادي والا لا ( اشرت عليها بالسهم )

ولكي اجزل التحايا

03-01-10, 12:02 PM

المشاركة رقم: 3

المعلومات
الكاتب:	kahina
اللقب:	عضو فخري نجمة الشمال

البيانات
التسجيل:	Feb 2007
العضوية:	24420
المشاركات:	2,230
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	60

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

اقتباس :- المشاركة الأصلية كتبت بواسطة دندوشه
السلام عليكم ورحمة الله وبركاته الدرس سهل وواضح خلال تطبيقي انا اخترت الخلفيه الثابته وعملت نفس المقاسات بالضبط بس طلع لي مسافه هو عادي والا لا ( اشرت عليها بالسهم ) ولكي اجزل التحايا

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

04-01-10, 08:59 AM

المشاركة رقم: 4

المعلومات
الكاتب:	دندوشه
اللقب:

البيانات
التسجيل:	Dec 2009
العضوية:	153845
المشاركات:	66
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	10

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

ابشري ..

index.rar

04-01-10, 09:38 AM

المشاركة رقم: 5

المعلومات
الكاتب:	kahina
اللقب:	عضو فخري نجمة الشمال

البيانات
التسجيل:	Feb 2007
العضوية:	24420
المشاركات:	2,230
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	60

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

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

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

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