الجداول عقدتني ..يا athco ...ولا يهونوا الاخوان

[musa]

اللسام عليكم ورحمة الله وبركاته
قراءت شروحات الاخ athco الرائعة حول تصميم المواقع الاحترافية عدة مرات وبداءت التطبيق ...ولكني واجهتني المشاكل التالية..
1- في حالة النسبة 775 * 438 بكسل تظهر مساحات بيضاء في جانب الصفحة حتى في حالة جعل الهوامش صفر
2- الكارثة الكبرى في الجداول ..فهي تمدد .... ويظهر شكل الموقع مشوها جدا ...في حالة الكتابة اكبر من حجم الخلية ( فضلا ..لاحظ الصورة المرفقة)....ارجو منك شرح عملية تمدد الجداول بهدوء وبروية ...لو تكرمت ...وشكرا مقدما

[athco]

وعليكم السلام ورحمه الله

اخي الكريم
لو راجعت الدروس جيدا وانتبهت للاسئله التى طرحت من الاخوان واجاباتها لوجدت الحل


اخي الحل بسيط جدا كل ما عليك عمله بعد تقطيع التصميم من خلال برنامج الايماج ريدي وتصديره بهيئة ملف HTML افتحه من خلال الفرونت بيج

ثم قم باعاده بناء الجداول يدويا لا يتوجب ان تكون خلايا الجداول او الصفوف مماثله تماما لما انتجه لك الايماج ريدي بل يجب عليك ترتيبها حسب احتياجك هذا كل شي


ايضا المسافات التى توجد في الحواف للشاشه هذه تقل او تكثر حسب حجم شاشه المتصفحه نحن وضعنا المقاس 775 كاصغر مقاس فهو يتناسب مع الشاشه 15 بوصه بدقه 600*800 وهذا الاكثر استخداما اي بمعنى انك لو فتحت التصميم من خلال شاشه 17 بوسطه وبدقه 600*800 ستجد بان المسافه زادت عنها في شاشه 15

بما ان التصميم لديك يخلو من الخلفيات بشكل صور او نقوش فبامكانك جعل التصميم يتمدد ويتقلص على حسب مقاس ودقه شاشه الزائر دون وجود اي مسافات في حواف الشاشه وذلك يتم من خلال اعتمادك للنسب المئويه للجداول اي بمعنى بدل ان تجعل قياسات الجداول او الخلايا بالبكسل مثال : العرض 300 بكسل * ارتفاع 60 بكسل اجعلها بهذه الطريقه :

العرض : 40% والارتفاع لا تحدده او حدده بـ 10% هذا مجرد مثال

وبهذه الطريقه سيكون التصميم قابل للتمدد والتقلص مهما كبرت او صغرت شاشه الزائر ومهما اختلفت دقه الشاشه لديه



تمنياتي لك بالتوفيق

اثكو جرافيكس

[musa]

اشكرك اخي العزيز athco ولكنني للاسف لا زلت في حوسة ...ارجو شرح هذه العبارات بالتفصيل الممل لو تكرمت

ثم قم باعاده بناء الجداول يدويا

يجب عليك ترتيبها حسب احتياجك هذا كل شي

فما قمت به هو حذف الصوروجعلها خلفية للخلايا حتى لا تتمدد ...ولكن للاسف

[musa]

up