الفكرة واضحة من العنوان (ومعروفة للجميع ) فقط أحببت مشاركتكم به ولمن لا يعرف طريقة عملها ، وهي عمل الحواف الدائرية الجميلة والتي نراها في معارض تصاميم CSS المختلفة ، أحب أن أذكر أني كتبت درس سابق لطريقة عمل حواف دائرية في الفوتوشوب سهلة جداً ،ولكن هذا الدرس يتحدث عن طريقة عملها في CSS أي ربط الصور أو تقسيمها وعرضها في صفحة الويب على شكل صندوق.
هذا الدرس تابع لآخر درسين كتبتهم حول النماذج في XHTML وسأكمله عبر هذا الدرس كما هو واضح من العنوان كيفية تنسيق نموذج XHTML ، بالنسبة للنماذج كما نعلم فإن تقسيم الحقول إلى مجموعات يتم عبر الوسم fieldset ، يمكنك إستخدامه مرة واحدة متضمناً عدة حقول وأيضاً متضمناً مجموعة آخرى لحقول آخرى ، هناك أكثر من طريقة تستطيع تنسيق النموذج كما يحلو لك وبدون إستخدام الأوسمة fieldset ، legend ، label .. هذا إذا أردت عمل شيء بسيط وسريع ولكن فضلنا إستخدام كتابة النماذج بطريقتها الأساسية كما بيّنت في الدروس الماضية حول النماذج ، نسقها مثل ما تريد سأوضح فقط بعض الطرق المستخدمة إضافةً لنمطين قمت بتصميمهم كمثال.
ذكرنا في الجزء الأول من حديثنا حول النماذج في XHTML طريقة كتابة النماذج ومحتوياتها وركزنا على حقول من الوسم input مع بعض خصائصها المهمة ، سنفصل أكثر في الحقول وأنواعها وإنشاء المساحات النصية ، وعمل قائمة الإختيارات مع بعض الملاحظات التي سنذكرها في نهاية الموضوع.
موضوعنا اليوم يتحدث عن النماذج(Forms) في XHTML ، النماذج لها إستخدامات كثيرة في الصفحات مثل نموذج مراسلة ، نموذج تسجيل أو تسجيل دخول ، .. إلخ .. سنتحدث عن كيفية كتابتها في XHTML وخاصة الأوسمة المتعلقة بها التي تستطيع عمل عناصر عن طريقها.
عند عمل نموذج في XHTML يكون ذلك في البداية عن طريق الوسم form والذي سيحتوي على بقية محتويات النموذج هناك طرق أسهل لعمل النماذج ولكن سنخصص هذا الموضوع بالتفصيل قليلاً سنشرح الخصائص المتعلقة بكل وسم نريده وأشكال لنماذج وكيفية عملها بإستخدام CSS ( سيأتي لاحقاً).
.. أكمل قراءة بقية الموضوع »
قد يكون هذا الموضوع قديم وتم النقاش فيه في عدة مواقع وبما مدونات مختلفة ، ولكن جائتني بعض الأفكار المتعلقة بالموضوع وفي نفس الوقت مررت ببعض المواقف ولازال بعض الأشخاص يعتمد على الطريقة القديمة في إنشاء صفحة ويب.
أيهما أصح تقوم بإنشاء صفحة الويب بإستخدام xhtml بشكل يدوي مع إستخدام الأوسمة والعناصر أم بإستخدام البرامج أو المحررات التي تعتمد على واجهة WYSIWYG (ما تراه هو ما تحصل عليه – What You See Is What You Get ) ؟ الأساس والعملي بإعتقادي هو الجواب الأول ، ما هي الأسباب التي تجعلك تبدأ بالتصميم بواسطة شفرة xhtml؟
درس بسيط حول كيفية إستبدال أو تحويل عنوان أو نص مكتوب إلى صورة ، هناك أمثلة كثيرة فمثلاً يمكنك أن تضع صورة الشعار بدلاً من عنوان الموقع في الأعلى أو إذا أردت إستبدال صورة تكتب فيها عنوان فقرة أو عنوان قائمة بدلاً من وضعها بكتابة نصية ، درس سهل وبسيط جداً.
درس للمبتدئين يشرح كيفية تصميم صفحة ويب بـ XHTML و CSS ، سيكون بسيط وسهل وموجه لمن يريد معرفة كيفية تصميم المواقع وبالأخص الطريقة الصحيحة والمعايير الحديثة ، سأركز فقط على أشياء أساسية يعني لن أطيل في الدرس كثيراً فقط تفاصيل صغيرة في CSS ، كما أن هذا الدرس بداية لدروس قادمة في نفس الموضوع إن شاء الله ولكن ستكون منها متوسطة ومنها متقدمة.
صدرت النسخة المترجمة لكتاب الوصول إلى والواقعية من شركة 37signals من فترة قصيرة جداً ، والذي أعجبتني فيه ذكر نصائح وتجارب عدة للمطورين في تحسين أعمالهم وإنتاجاتهم وبالأخص لمن يريدون برمجة تطبيق ويب كما فهمت من الكتاب وكما يمكن إستخدام الكتاب في مجالات تقنية عدة ، أعتقد أنكم قمتم بقراءة الكتاب ، ولمن لم يقرأه من المطورين أو المهتمين بالعمل المستقل لهذا المجال أنصحهم بقراءته .
أعتقد أن المشاريع التي تشمل مواقع الويب على الشبكة ستشهد إقبالاً من المستخدمين والشركات وجميع الفئات المتصفحة لشبكة الإنترنت وأحد الأسباب الرئيسية هي وجود أفكار جديدة غير متكررة وجادة وتركز على خدمة المستخدمين بمختلف الطرق مقابل ذلك العوائد المادية لمثل هذه المواقع إذا تم تسويق مثل هذه المواقع بشكل قوي وبفكرة جديدة وقوية أيضاً.
في الأسابيع الماضية قابلت بعض الأصدقاء القدامى أعرفهم منذ مدة طويلة ، كان من بينهم شخص لم أره من أربع سنوات حدثني عن مشروع موقع ويب متخصص في البيع والشراء ولكن بأسلوب مختلف تماماً عن المواقع الأخرى وكان يريد مني أن أساعده في إختيار شركة مناسبة لعمل هذا المواقع السبب أنه لا يمتلك خلفية كبيرة حول تصميم المواقع والبرمجة ومع أني ينقصني الكثير في هذا المجال ولست راضي عن مستواي الحالي ولكن لكي أدله على الأقل على شركة يستطيع أن يثق فيها وأخبرني أنه تقابل مع مطورين سابقين أيضاً.
عندما تفكر بتصميم موقع ويب بإستخدام تقنية xhtml و css ، كيف تكون مراحل عملية تصميم هذا الموقع؟ هذا الموضوع يتحدث حول مراحل عملية تصميم موقع يغلب فيها الجانب النظري على العملي ، هناك موضوع عملي لكيفية تصميم صفحة ويب بـ XHTML و CSS وأيضاً أوجه الدرس للمبدئين خصوصاً ، كما أن لكل مطور ويب أسلوبه الخاص في تصميم أي موقع فالمهم إنجاز التصميم مع معرفة نواقصه وعرضه والإستفادة من الأخطاء والإنتقادات ، سنبدأ بذكر هذه الخطوات ..
تعرفون المواقع العربية التي كانت تقدم خدمات الترجمة من اللغة العربية إلى اللغة الإنجليزية أو العكس عندما بدأت بطرح هذه الخدمة مجاناً لأكثر من سنة أو سنتين وبعد إدمان المستخدمين عليها تحولت إلى خدمة مدفوعة يعني ذلك يجب دفع مبلغ معين لأجل الدخول لها وإستخدامها ورغم ذلك لم تستطيع توفير الجودة في خدماتها ، ومن أفضل المواقع كنت أستخدمها سابقاً موقع المسبار الذي حاولت أتذكره إسمه خلال كتابتي لهذه التدوينة!
أنصح بمتابعتها لكل من يريد أن يتعلم إنشاء المواقع بواسطة إطار العمل CakePHP ، سيبدأها الأخ خالد خلال الأيام القادمة كما قال في مدونته ، أتمنى أن أجد في مدونات ومواقع أخرى الإهتمام بوضع أعمال ودروس يشارك فيها أصحابها النقاش والتجارب مع الزوار.
