كيف يتم ضبط التصميم على جميع الشاشات

**nancy** · 16-02-2003

كيف يتم ضبط تصميم الموقع على حسب عرض الشاشة مثلا أذا كانت 14 أو 15 أو 17 أو 19 أو 20 بوصة .
أو على حسب ريزليوشن الشاشة 800*600 أو 768*1024 أو أعلى .
بحيث يكون التصميم مفرود بعرض الشاشة بالكامل ومثال على ذلك منتديات vb .
لأننى قد قمت بتصميم موقع وخلال أنشاء الجداول ضبطها بحيث تكون Center أو فى المنتصف ولقد رأيت التصميم ممتاز على الشاشة 800 * 600 لكن عند تجربتها على شاشة 768*1024 رأيت التصميم ذاهب الى اليسار.
فماذا نفعل فى هذه المشكلة

**asp2asp** · 16-02-2003

هذا الأمر يعتمد على حرفيّة المصمم ...
وهو يحتاج جهد مضني .. لكن بإختصار التعامل مع الجداول هو أنجح طريقة ..

وموقع مجلة بي سي يستخدم سكربت مميز عند تصغير الصفحة أو تكبيرها يمكنك الإستفادة منه ..

**nancy** · 16-02-2003

ممكن نسخة من هذا السكربت

**abu eyad** · 16-02-2003

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

وينه

اقول كلما عليك عمله هو انك تستخدم النسبة المؤية مع الجداول بدل تحديد البيكسيل
مثلا

عندك جدول بدل ما تحدده بقيمة 450 استخدم النسبة المؤية لتحديده بهذه الطريقة 100%

توضيح اكثر

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">

في المثال الأول تم استخدام النسبة المؤية 100% وبكذا يكون الجدول غير محدد ويتمدد مع اي ريزولوشن

وفي المثال الثاني حددناه بقيمة 500 بيكسل

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="500">
ارجو اني اكون قد وضحت وتقبل تحياتي

**ATA** · 16-02-2003

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

سبقني الاخ ابو اياد بارك الله فيه

استخدم النسبة المئوية دائما في قياسات الصفحة والجداول

**M= مشاري =M** · 17-02-2003

لو كنت استخدم الصوره جرافيكس بشكل كامل للواجهه

يصعب على التحكم ؟؟

**alameer16** · 17-02-2003

استخدام النسبة قد تحل المشكلة اذا لا توجد صور ..

مثلا اذا الهيدر كان كله صورة وحدة فكيف يمكن انها تتمدد او تقصر على حسب الشاشة؟

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

**abu eyad** · 17-02-2003

اخوي ATA خيرك سا بق يا خوي وانا من تلاميذك

اخوي الأمير بامكانك تستخدم النسبة المؤية كذلك مع الصورة
بس لا زم تكون الصورة كبيرة شوي يعني ان لا تقل عن 600 بيكسل في العرض حتى لا تفقد شكلها الجمالي وستقبل التمدد

او ان تكون الصورة ذات لون واحد ... حتى لا يتشوه شكلها ,, واذا جعلتها لون واحد فلا يهم حجم عرضها حتى لو انها فقط 1 بيكسل

**halkibsi** · 17-02-2003

أرجو أن تطلعوا على الصفحات التالية كمثال على كيف تبدو الصفحة إن كانت دائماً على قياس 100% (طالعوا الصفحة الاولى فقط):
http://www.griffin-ltd.com
http://www.orderpin.com

الشئ الممتاز غي هذه الخاصية انها تجعل الصفحة ممتلئة بالكامل بالمعلومات... ولكن تكون عملية الحفاظ بشكل الصفحة صعبة وتكاد تتشووه شكلية الصفحة ان نظرت إليها بشاشة أكبر من 1028x768.

أنا شخصياً لا أنصح بإستخدام هذه الطريقة، وهذا مجرد رأي فقط

**phpz** · 08-05-2003

هل يوجد طرق أخرى !
لأن أكثر شىء يضايق فى التصميم هى الصور التى تكون بمنتصف الصفحة.
يعنى لو صممناها على 800 *600 تطلع تمام التمام ، ولكن عند عرضها على رزليوشن أعلى يصبح التصميم مفكك

فما هى الحلول التى أمام المصمم فى هذه الحالة

**سردال** · 08-05-2003

أفضل حل أنك تصمم لشاشة 800 × 600 وتريح بالك، تذكر أن الفقرات ستظهر في الشاشات الكبيرة بعرض كبير جداً إذا استخدمت تصميم مرن، وهذا حقيقة يجعل عملية قراءة المحتويات صعبة، هذا ما أراه، لا تستهلك وقتك وجهدك في أمر ليس مهماً لدرجة كبيرة، المهم أن يكون التصميم مناسباً لجميع الشاشات

**arabawy** · 08-05-2003

بالفعل هذا امر مقلق
لكن الافضل ان تصمم على 800*600
وبالنسبه لاستخدام النسبه المئوية
مع وجود صور
هنا حل قد يكون متعب وقد يكون غير صالح لكل التصميمات
مثلا لو الصورة في الهيدر بالمنتصف
من الممكن ان تكون جدول من ثلاث خانات الخانه بالمنتصف تضع بها الصورة وتحدد عرضها بالبيكسل على حسب عرض الصورة
والخانتين الاخرتين تتركهما بدون تحديد
على ان يكون عرض الجدول ككل محدد بـ100%
والغاء الحدود بين الخلايا border=0 حتى لا تظهر الهيدر مقسمة

**Scorpion** · 11-05-2003

<STYLE type=text/css>BODY {
MARGIN: 0px
}
</STYLE>

حطه في الهيدر و ادعيلي

بيخلي كل الجداول المحددة قياساتها بالنسبةالمئوية متناسقه

و هو نفس الكود الي وضعوه الاخوان لكن بطريقة اخرى و اريح

سلام

**AL-SHIRIS** · 11-05-2003

السلام عليكم
رأيي الشخصي كمصمم أفضل حل هو توسيط الموقع.

بكل سهوله بعد الإنتهاء من التصميم إذهب إللى edit --select all ثم قم بتوسيط كل الجداول بكبسه واحده

إليكم أمثله
http://www.automation-c.com
http://www.nahda.net

والسلام عليكم

الشرس

**Tender_Heart** · 11-05-2003

طيب يا جماعه و اللي يستخدم ال Layers بدلا من ال Tables ???

يعني أنا مسوي التصميم على 800 ب 600 و لكن مثلا عندما أغير الدقه ل 1024 ب 765 التصميم بالكامل يطلع إلى أعلى اليسار

شو الحل؟

الموضوع: كيف يتم ضبط التصميم على جميع الشاشات

أدوات الموضوع

بحث في الموضوع