مدونة مبدع خلاصات تطوير الويب والتصميم

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

عند عمل نموذج في XHTML يكون ذلك في البداية عن طريق الوسم form والذي سيحتوي على بقية محتويات النموذج هناك طرق أسهل لعمل النماذج ولكن سنخصص هذا الموضوع بالتفصيل قليلاً سنشرح الخصائص المتعلقة بكل وسم نريده وأشكال لنماذج وكيفية عملها بإستخدام CSS ( سيأتي لاحقاً).

.. إقرأ بقية الموضوع »

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

• مثال على الدرس.
• تحميل المصدر.

.. إقرأ بقية الموضوع »

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

• مثال على الدرس.
• تحميل المصدر.

.. إقرأ بقية الموضوع »

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

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

.. إقرأ بقية الموضوع »

هذا الدرس مخصص لعمل تقويس لحدود أي صندوق في التصميم يتم عمله ببرنامج الفوتوشوب ، يمكنك إستخدامها في أي عمل سواء كان في تصميم موقع ويب أو تصميم جرافك [المثال موجود في أسفل الدرس]

إفتح ملف جديد بأي قياس تريده عن طريق File -> new أو عن طريق لوحة المفاتيح Ctrl+N ، أضف طبقة جديدة لقائمة الطبقات أو عن طريق لوحة المفاتيح Shift+Ctrl+n ، إستخدم أداة التحديد أو المسماه باللغة الإنجليزية Rectangular Marquee Tool عن طريق لوحة المفاتيح بالضغط على حرف M وحدد الصندوق الذي تريد إنشاءه:

.. إقرأ بقية الموضوع »