نصيحة قبل أن نبدأ : “إذا كنت جاداً في أنك تريد أن تبلغ الإحترافية في إنشائك لصفحات الويب فإن عليك أن تتعلم كيفية كتابة كود صفحاتك يدوياً”.
سأقول لك في البداية أنني أقوم بكتابة كود الصفحة بكامله يدوياً، طبعاً أنت حر في استخدامك لبعض أدوات الـWYSIWYG (ما تراه هو ما تحصل عليه What You See Is What You Get) و لكن يجب ألا يكون ذلك دون مراقبة الكود بعد كل أمر ثم تعديله يدوياً، طبعاً لا عذر للقيام بذلك إلا عند القيام بعمل بعض الأمور التي يصعب عملها يدوياً مثل الجداول المعقدة، لأنه لم يوجد بعد المحرر الذي يسمح لك بإنشاء مواقع ممتازة، فكلها و لا شك ستضيف أكواد تبطء الصفحة أو تقلل من قابلية الوصول أو من مطابقتها للمعايير القياسية أو أو …
الوسوم: CSS ، HTML ، XHTML ، محررات برمجية
وسم <table> أو الجدول يكاد يكون الوسم الأكثر استخداما لتخطيط مواقعنا بالشكل الذي يراه المصمم مناسبا، ولكن منذ أن ظهرت منظمات كـمنظمة مشروع معايير الويب WaSP، وظهور متصفحات كـالفايرفوكس، بدأ مصممو صفحات الويب بالاتجاه نحو صفحات تتبع نظم ولوائح ومعايير منظمة الويب العالمية والوصول إلى تصاميم تعتمد على معاييير الXHTML مع الCSS خالية من الجداول.
عندما ظهرت الجداول في لغة الHTML ظهرت لسبب واحد، ألا وهو لجدولة البيانات، أي لإظهار بيانات كالمقارانات أو الجداول أو الرسوم البيانية على شكل جدول، ولكن مع ظهور خاصية border=0 التي تتيح إخفاء حدود الجداول قام المصممون باستخدامها لتخطيط المواقع وإداج الصور.
الوسوم: CSS ، HTML ، XHTML ، جداول ، قابلية الوصول
سأتحدث في أول مقال لي في Devpedia بالتفصيل عن جعل الصور في موقعك كروابط، بحيث إذا ضغط عليها المستخدم، قام بتحويله إلى صفحة أخرى باستخدام HTML و XHTML، و رغم قلة الفروقات في هذه الناحية بين اللغتين إلا أنني سألفت نظرك إليها، راجياً لك الإفادة.
في البداية، أريد أن أنوه إلى أنني لن أتناول كيفية التعامل مع الصور كإضافتها إلى الموقع، بل سأشرح فقط كيفية جعل الصور روابط بأفضل الطرق من حيث السهولة و الفعالية.
الوسوم: HTML ، XHTML ، وسائط متعددة
