مقالات ذات وسم ’قابلية الوصول‘

15 ديسمبر 2007

في المقالة الماضية حول الجداول تحدثت عن:

  • العنصر caption والذي يستخدم لوضع ملخص لمحتويات الجدول يظهر في منتصف أعلى الجدول.
  • العنصر th والذي يستخدم لتحديد رأس الجدول.
  • ثم الخاصية summary التي تستخدم في وضع ملخص للجدول وهي مهمة لزيادة قابلية الوصول.
  • وأخيراً العناصر thead وtbody وtfoot التي تحدد أقسام الجدول.

الجداول في HTML

مدرج تحت قسم: دروس
7 ديسمبر 2007

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

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

وسم <table> أو الجدول يكاد يكون الوسم الأكثر استخداما لتخطيط مواقعنا بالشكل الذي يراه المصمم مناسبا، ولكن منذ أن ظهرت منظمات كـمنظمة مشروع معايير الويب WaSP، وظهور متصفحات كـالفايرفوكس، بدأ مصممو صفحات الويب بالاتجاه نحو صفحات تتبع نظم ولوائح ومعايير منظمة الويب العالمية والوصول إلى تصاميم تعتمد على معاييير الXHTML مع الCSS خالية من الجداول.

مثال جدول

عندما ظهرت الجداول في لغة الHTML ظهرت لسبب واحد، ألا وهو لجدولة البيانات، أي لإظهار بيانات كالمقارانات أو الجداول أو الرسوم البيانية على شكل جدول، ولكن مع ظهور خاصية border=0 التي تتيح إخفاء حدود الجداول قام المصممون باستخدامها لتخطيط المواقع وإداج الصور.

30 يوليو 2006

بدايتي مع تطوير المواقع كانت بسيطة، فقد علمت أنني أستطيع إنشاء موقع بنفسي وأن هناك مواقع تقدم خدمات الاستضافة مجاناً، وعلمت أن هناك تقنية تسمى HTML هي المسؤولة عن تصميم الصفحات، وعلمت أن هناك العديد من المواقع والكتب التي تعلم المرء كيف يقوم بإنشاء المواقع، فتعلمت وقمت بعمل بعض التجارب وأيقنت وقتها أنني تعلمت كل شيء أحتاجه لكي أصبح مطور مواقع.

كم كنت مخطئاً!