ممكن شرح كيفيه الصفحه عبر المقاييس دون استخدام ال table
| |
ممكن شرح كيفيه الصفحه عبر المقاييس دون استخدام ال table
كيف يعني اخي ؟
ممكن استخدام السي اس اس في وضع كل شئ تريده في مكان محدد لكن ليش وجع الراس
وليش لا تريد استخدام ال table مع ان ال table هو اساس بناء الصفحه؟
في المعايير القياسيه
لا تستخدم الجداول
وتعتبر ابطا عند تعرضها للمتصفح
ورايت اكثر من مثال ومقال للاستاذ او عوف ولكن لم تكتب طريقه
معينه
انا اتوقع انها عبر ال div وتاخذ postion معين
بس عاوز اتاكد
-----
لان ممكن يكون في اخطاء مثل عدم امتداد الdiv مثل table
ان كان الموقع كله بال CSS فمن الأفل استخدام DIV
اما اذا كان الموقع عبارة عن قالب فلامفر لك من Table
هناك قوالب جاهزة وسهلة التعديل
http://templates.arcsin.se/
http://www.opensourcetemplates.org/opensource.cfm
اما ان كنت تريد ان تنجز واحد خاص بك، فمن الألإل ان تستعين ببرنامج Dreamwever خصوصا الإصدار الثامن الذي يتعامل بشكل جيد مع التموضوعات(Position) الحساسة للأقسام (DIV)
اها اذا لازم استخدم الدريم ويفر
بس هل ال div بستطاعتها اغنائي عن ال table وايضا التمدد بعرض 100% >>>?
اختلف معاك أخي Zizwar في هاتين النقطتين، حيث ليس بشرط أساسي استخدام div في التموضع، وكنت قد تحدثت عن هذا الموضوع في الرابط التاليالمشاركة الأصلية كتبت بواسطة Zizwar
http://www.devpedia.org/articles/index.php?p=65
ولكن لأن div تصنف من block elements فأنه يتم استخدامها في مواضعها في التخطيط ولكن عدم التفريط بهالا تصبح مجنون div
الكثير من مصممي صفحات الويب في الوقت الحالي أكثروا من استخدام وسم الdiv، حتى تكاد صفحاتهم تخلو من باقي الأوسمه ويبذلوا الكثير من الجهد والتعب في تصميم الستايل الخاص بها في حين أنه كان بإمكانهم توفير جهدهم باستخدامهم الأوسمة الأخرى، هناك الكثير من الأوسمة التي تعمل كعمل الdiv وربما في بعض الأحيان يكون استخدامها أحسن من وسم الdiv، وسبب تنبيهي لهذه النقطه أنه وجدت بعض المصممين من كثر ما استخدمو وسم الdiv حتى صاروا ينسون أوسمة مهمة كالh1 أو h2 أو span، وصاروا يضعون عناوين الصفحات باستخدام وسم div.
أما فلا مفر عند تصميم القوالب إلا الجداول فأنا أختلف معك كليا في هذه النقطة... حيث مايمكن عمله بtables يمكن عمله بشكل وتحكم ومرونة أفضل بCSS
وقد أرفقت رابط لأفضل 50 موقع تم تصميمهم بXHTML و CSS لاحظوا سرعة تصفحهم وأناقتهم
http://smashingmagazine.com/2006/12/...esigns-in-2006
وأنا عن نفسي لا أحب برامج WYSIWYG كثيرا وأنصح بتعلم لغة CSS يدويا للتحكم الكامل في الموقع وفهمه بشكل صحيح...
__________________
------------------------
Moving with the web 2.0h era
جميل جدا
اظن ان موقعك كامل يعمل على ال div ولا تستخدم فيه ال table
حتى تستطيع نقل البلوكات من مكانها
اذا ممكن مثال على تقسيم صفحه بال div تقسيم مثلا وليكن صفحه فيها اقسام
----------
ومستني ردك هنا كمان
http://www.swalif.net/softs/showpost...6&postcount=44
إذا كان هناك قالب مصمم بالفوتوشوب او فايرووركس، فإنه سيحتاج الى تقسيمه اما عن طريق إيمج ريدي او فايرووركس، وهذه البرامج عند تقسيمها للقالب فإن الناتج يكون عبارة عن جداول، اما ان إعتمد في تصميمه من الأول على CSS فإنه يحتاج الى DIV لعمل أقسام في موقعه اما HR فهي للفقرات و UL فهي للقوائم، ولابد ان نستعمل كل وسم في مكانه الصحيح ولاننساها كما تفضلت، لكن يبقى دائما الوسم DIV كالجوكر متعدد الإستعمال، حتى ان هناك بعض المصممين يضعونه مكان الزر INPUT ولن تفرق بينهم مالم تدخل الى الشفرة المصدرية
Table غير مخالفة للمعايير القياسية، فقط يجب ان توضع بدورها في المكان الصحيح، وان تعتمد في تنسيقها على CSS
وبخصوص برامج ال WYSIWYG فيعتبر DREAMWEVER من المحررات المتميزة والإحترافية التي تراعي المعايير القياسية، وتجمع بين التصميم والبرمجة وبه مرجع كامل لجميع الدوال، ويمكنك التصميم فيه اما عن طريق كتابتك للأكواد يدويا او بواجهة او الجمع بينهما وهي المفضلة، يعني ان كنت ممن يحبون ويجيدون كتابة الاكواد يدويا يبقى الديرم ويفر الأفضل للإنتقال الى التصميم والبرمجة بالواجهة
هذا عيب من عيوب هذه البرامج ويجب تجنبها، فعند الانتهاء من التصميم والتقطيع يكون على المصمم الذي يريد اتباع المعايير القياسية في تصميمه واستخدام CSS مراجعة الصفحة مرة أخرى وعملها بالكامل من جديد
أما في هذه النقطة فليس أنا فقط الذي يخالفك فيها، إنما منظمة الويب العالمية w3c ايضا
http://www.w3.org/2002/03/csslayout-howto
الترجمة: لقد تم التأييد أكثر من مرة على أن الجداول لايجب استخدامها في HTML لأغراض التخطيطIt has been advocated many times that tables shouldn't be use in HTML for layout purposes
الترجمة: فضلا عن الحقيقة على أنها تكسر معنى HTML فإنها أيضا لا تساعد في مختلف الحالات التي يمكن أن نختصرها في الصعوبة لجلب أو تقديم الجدول في بعض السياق ك(المعوقات، قيود تصدير المشاهدة،...)Besides the fact that it breaks the meaning of HTML, it doesn't help either in various cases that we could summarize by the difficulty to parse or render a table in some context (disabilities, view port restrictions, ...)
وهناك الكثير الكثير من المقالات من منظمات عالمية أخرى تتكلم حول هذه النقطة وكيف أن استخدام الجداول في التصميم قد سلب من HTML معناها
وبالنسبة للأخ موقع روش أتمنى منك زيارة المواقع التي قدمها أخي زيزوار فأنها مفيدة لتصاميم جاهزة بXHTML و CSS
وأيضا في الرابط الأعلى لمنظمة الويب العالمية تم شرح مثال بسيط لعمل صفحة ب3 أعمدة
ومواقع مفيدة أخرى:
http://www.maxdesign.com.au/presentation/page_layouts/
http://www.glish.com/css/
http://intensivstation.ch/templates/
__________________
------------------------
Moving with the web 2.0h era
بخصوص هذا السطر
فأنا لم أخالف المنظمة ان لاحظت فقد كتبت إن وضعت الجداول في المكان الصحيح، ومكانها الصحيح هو لعرض البيانات التي تحتاج الى الجداول او الحسابات مثلا، وحتى ان وضعت في هذا المكان فيجب ان تنسق بال CSS والا فما فائدة هذه الصفحة من المنظمةالمشاركة الأصلية بواسطة Zizwar
Table غير مخالفة للمعايير القياسية، فقط يجب ان توضع بدورها في المكان الصحيح، وان تعتمد في تنسيقها على CSS
http://www.w3.org/TR/REC-CSS2/tables.html
فالذي قصدت هو انه ليس لأننا نفضل الأقسام div ان نهمل وسم table فللجداول مميزات لايمكن ان يأخد مكانها وسم آخر
ومن المفارقات ان واجهة google تعتمد على وسم table يمكنك الرجوع لشفرتهم المصدرية
انا ايضا لا أفضل الجداول في التصميم، لأنه المشكلة الأساسية في تكسيره في باقي المتصفحات
نعم كما تفضلت أخي زيزوار ولكنني لم أفهم ماكنت تقصده بالمكان الصحيح، نعم فوسم table لا يمكن الاستغناء عنه بتاتا وهو كوسم ليس مخالفا للمعايير ولكن طريقة استعماله هي المخالفة.
google ليست w3c ... نظل في النهاية شركة تحاول الوصول إلى الابداعات في مجال الانترنت ومحاولة تطبيق المعايير.
__________________
------------------------
Moving with the web 2.0h era
جزاك الله خير ...
__________________
استخدم خاصية تنبيه المشرفين للضرورة وعند ملاحظة موضوع يخالف قوانين منتديات سوالف وسيتم مراجعة الموضوع او المشاركة المبلغ عنها على الفور
ماشاء الله معلومات وافره
موضوع مهم فعلا ...
هذا التسأؤل كان في بالي ..
لكن هل من الممكن أن نقوم ببناء صفحة تعتمد XHTML
مع CSS ونرى كيف تم العمل ؟؟
أعتقد أن بالمثال يتضح المقال اليس كذلك ؟
عذرا إن اثقلت عليكم أساتذتي الكرام ..
دمتم بود
__________________
أرجوا من الجميع ان يسامحوني ، سواء عرفوني أو لم يعرفوني !! ، ارجوا من جميع من قد اكون اسأت اليهم أن يصفحوا عني ، ومن لديهم عندي حقوق أن يطلبوها مني .. جمعنا الله في الجنان .
يعطيكم العافيه ياشباب
لكن لحد الان لم استطع الانتقال من الجدول الى div
ممكن احد منكم يحول لي الجدول هذا الى div
كود PHP:<table border="1" width="100%">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
ضوابط المشاركة
رد مع اقتباس