ذكرنا في الجزء الأول من حديثنا حول النماذج في XHTML طريقة كتابة النماذج ومحتوياتها وركزنا على حقول من الوسم input مع بعض خصائصها المهمة ، سنفصل أكثر في الحقول وأنواعها وإنشاء المساحات النصية ، وعمل قائمة الإختيارات مع بعض الملاحظات التي سنذكرها في نهاية الموضوع.
النماذج في XHTML – الجزء الثاني
النماذج في XHTML – الجزء الأول
موضوعنا اليوم يتحدث عن النماذج(Forms) في XHTML ، النماذج لها إستخدامات كثيرة في الصفحات مثل نموذج مراسلة ، نموذج تسجيل أو تسجيل دخول ، .. إلخ .. سنتحدث عن كيفية كتابتها في XHTML وخاصة الأوسمة المتعلقة بها التي تستطيع عمل عناصر عن طريقها.
عند عمل نموذج في XHTML يكون ذلك في البداية عن طريق الوسم form والذي سيحتوي على بقية محتويات النموذج هناك طرق أسهل لعمل النماذج ولكن سنخصص هذا الموضوع بالتفصيل قليلاً سنشرح الخصائص المتعلقة بكل وسم نريده وأشكال لنماذج وكيفية عملها بإستخدام CSS ( سيأتي لاحقاً).
.. أكمل قراءة بقية الموضوع »
فوائد تصميم صفحات الويب بالطريقة اليدوية
قد يكون هذا الموضوع قديم وتم النقاش فيه في عدة مواقع وبما مدونات مختلفة ، ولكن جائتني بعض الأفكار المتعلقة بالموضوع وفي نفس الوقت مررت ببعض المواقف ولازال بعض الأشخاص يعتمد على الطريقة القديمة في إنشاء صفحة ويب.
أيهما أصح تقوم بإنشاء صفحة الويب بإستخدام xhtml بشكل يدوي مع إستخدام الأوسمة والعناصر أم بإستخدام البرامج أو المحررات التي تعتمد على واجهة WYSIWYG (ما تراه هو ما تحصل عليه – What You See Is What You Get ) ؟ الأساس والعملي بإعتقادي هو الجواب الأول ، ما هي الأسباب التي تجعلك تبدأ بالتصميم بواسطة شفرة xhtml؟
درس CSS: إستبدال عنوان أو نص بصورة
درس بسيط حول كيفية إستبدال أو تحويل عنوان أو نص مكتوب إلى صورة ، هناك أمثلة كثيرة فمثلاً يمكنك أن تضع صورة الشعار بدلاً من عنوان الموقع في الأعلى أو إذا أردت إستبدال صورة تكتب فيها عنوان فقرة أو عنوان قائمة بدلاً من وضعها بكتابة نصية ، درس سهل وبسيط جداً.
درس: تصميم صفحة ويب بواسطة XHTML و CSS
درس للمبتدئين يشرح كيفية تصميم صفحة ويب بـ XHTML و CSS ، سيكون بسيط وسهل وموجه لمن يريد معرفة كيفية تصميم المواقع وبالأخص الطريقة الصحيحة والمعايير الحديثة ، سأركز فقط على أشياء أساسية يعني لن أطيل في الدرس كثيراً فقط تفاصيل صغيرة في CSS ، كما أن هذا الدرس بداية لدروس قادمة في نفس الموضوع إن شاء الله ولكن ستكون منها متوسطة ومنها متقدمة.
خطوات تصميم موقع ويب
عندما تفكر بتصميم موقع ويب بإستخدام تقنية xhtml و css ، كيف تكون مراحل عملية تصميم هذا الموقع؟ هذا الموضوع يتحدث حول مراحل عملية تصميم موقع يغلب فيها الجانب النظري على العملي ، هناك موضوع عملي لكيفية تصميم صفحة ويب بـ XHTML و CSS وأيضاً أوجه الدرس للمبدئين خصوصاً ، كما أن لكل مطور ويب أسلوبه الخاص في تصميم أي موقع فالمهم إنجاز التصميم مع معرفة نواقصه وعرضه والإستفادة من الأخطاء والإنتقادات ، سنبدأ بذكر هذه الخطوات ..
أطر العمل(Frameworks) لتطبيقات الويب بإستخدام php
Framework ، أو إطار العمل وهو عبارة عن تطبيقات متكاملة تساعد مطوري الويب على أداء أعمالهم البرمجية بسرعة وأقل جهد مع توفر الإتقان والإحترافية في العمل ، يعتمد إطار العمل غالباً على نظام MVC إختصار لـ Model View Controller لفصل واجهة الإستخدام عن منطقة العمل ويمكننا شرح Model View Controller بهذه الطريقة على ثلاث طبقات:
- Model: يوضح كيفية عمل البرمجة التي ستطبق في البرنامج أو التطبيق.
- View: يعرض واجهة التطبيق الذي يريده المبرمج.
- Controller: يربط بين Model و View ويقوم بتنفيذ الأوامر ويتعبر المتحكم الرئيسي للنظام. .. أكمل قراءة بقية الموضوع »
مدخل إلى CSS3
إذا كنت مطور مواقع فأعتقد أنك سمعت عن CSS3 ومميزاتها التي ستفيد المصممين كثيراً ، هناك متصفحات لا تدعم الدعم الكامل لها مثل الإنترنت أكسبلورر ، تستطيع إستخدام متصفح الفايرفوكس لأنه يدعم هذا التحديث بشكل جيد.
تحديث: هذا الموضوع قديم كتب في مايو 2008، ويتحدث بشكل بسيط حول CSS3 مع بعض الروابط، تعرف على المزيد من مصادر حول تقنية CSS3 تم عرضها في المدونة إضافة إلى تطبيقات على CSS3 تجد بها دروس حول هذه التقنية.

