دروس برمجة المواقع

خاصية Padding في CSS

كيفية استخدام العنصر  Padding في CSS التعريف  : خاصية Padding في CSS تسمح لك خاصية padding في CSS بتحديد فجوات الحشو المختلفة على الجوانب الأربعة لمحتوى العنصر ، ويتمثل ذلك في ترك مساحة بين المحتوى والحدود .  المساحة المتروكة للعنصر هي المسافة بين محتواه وحدوده. خاصية الحشو هي خاصية مختصرة […]

خاصية Padding في CSS إقرأ المزيد »

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

المقدمـة: إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟ ∴ هنا تتعلم تلويل قرص القائمة ♦ هنا تتعلم تلوين دائرة القائمة ∴ هنا تتعلم تلوين مربع القائمة 

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس إقرأ المزيد »

إنشاء القوائم ب: HTML

إنشاء القوائم ب: HTML إنشاء القوائـــم داخل المقالات بلغة HTML في هذا الدرس سنكتشف الأنواع المختلفة لقوائم HTML ومعرفة كيفية إنشائها. مـاهي قـوائـم HTML؟ إن القوائم تسمح لنا في الغالب ببناء  نص جميل و جذاب، وترتيب معلوماتنا بشكل أفضل، و إدراج عدة عناصر من خلال تجميعها تحت قاسم مشترك وهي

إنشاء القوائم ب: HTML إقرأ المزيد »

إنشاء خط فاصل أفقي hr

الخط الأفقـي hr مختصر للعبارة : horizontal rule  ♦ إنشاء خط فاصل أفقي hr كيف يتم إنشاء خط فاصل أفقي hr بين الفقرات في المقالة؟  إنشاء خط فاصل أفقي hr جاءتني فكرة تحرير هذا الدرس منذ مدة، وكلما عادت إليَّ الفكرة أحاول تجاهلها، لأنني كنت أحسب مثل هاته المعلومات جد

إنشاء خط فاصل أفقي hr إقرأ المزيد »

عناصر وعلامات HTML

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

عناصر وعلامات HTML إقرأ المزيد »

دمج خلايا الجداول في HTML

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

دمج خلايا الجداول في HTML إقرأ المزيد »

إنشاء جدول في HTML

إنشاء جدول بلغة HTML من الصفر إلى الإثقان     المقـدمـة:  إنشاء جدول في HTML هل حَضَـرَتْكَ فكرة إنشاء جدول على أحد صفحات موقعك بلغة HTML؟ سواء خَطرَت بِبالِكَ هذه الفكرة أو لم تخطر، فإنِّي أُذكِّرُكَ مرة أخرى أنَّ لغة HTML هي اللغة المستخدمة لإنشاء صفحات الويب ومحتواها. بل هي

إنشاء جدول في HTML إقرأ المزيد »

تغيير خلفيات الجداول على صفحات HTML

السلام عليكم ورحمة الله تغيير خلفيات الجداول والخلايا على صفحات HTML باستخدام  background-color   تغيير خلفيات الجداول على صفحات HTML  إذا كنتم مازلتم تذكرون درس إضافة الخلفية في CSS، الذي تطرقت فيه إلى كيفية تغيير خلفية صفحات الويب سواء كانت الخلفية باللــون أو الصورة، في الحقيقة كان درساً رائعاً !🏅🎖

تغيير خلفيات الجداول على صفحات HTML إقرأ المزيد »

كيف تصمم هيكلة موقع ويب؟

كيف تصمم هيكلة موقع ويب؟ السلام عليكم ورحمة الله ما هو تقييمك للخطوات التي مررنا بها في الدورة التدريبية لتعلم لغة HTML5 و CSS3 ؟ بمعنى آخر،  « كيف كُنَّــا و أين وصلنا؟ »💡 مهما كان تقييمك فإنّني أجزم لك أننا وصلنا  إلى مرحلة متقدمة في تعلم أدوات تصميم موقع 

كيف تصمم هيكلة موقع ويب؟ إقرأ المزيد »

إنشاء تأثيرات دينامية على المظهر في CSS

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

إنشاء تأثيرات دينامية على المظهر في CSS إقرأ المزيد »

Scroll to Top