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

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

أخر تحديث لهذه المقالة في: 04 أبريل 2020 الساعة: 02:59 م المقدمـة: هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟ هنا تتعلم تلويل قرص القائمة هنا تتعلم تلوين دائرة القائمة هنا تتعلم تلوين مربع القائمة   هنا تتعلم تلوين رقم القائمة …

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

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

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

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

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

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

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

عناصر HTML

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

عناصر HTML قراءة المزيد »

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

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

دمج خلايا الجداول في HTML قراءة المزيد »

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

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

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

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

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

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

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

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

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

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

أخر تحديث لهذه المقالة في: 26 مايو 2019 الساعة: 07:40 مما كان يحلم به مشرفو مواقع الويب أصبح حقيقةً وواقعاً ملموساً بفضل CSS3 . اليوم أصبح متاحاً لنا التحكم بتأثيرات  مظهر عناصر صفحات الويب، وهي من الميزات التي كان ينتظرها السواد الأعظم من أصحاب المواقع، بحيث أن مطوري الواجهات الأمامية أصبحوا يقتصرون على HTML و …

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

قائمة دروس HTML و CSS

أخر تحديث لهذه المقالة في: 02 فبراير 2020 الساعة: 09:12 ملغـات البرمجـة     📕 دروس HTML : « إكتشاف الأساسيات » إنشاء القوائم ب: HTML عناصر HTML  إكتشف كيف تعمل مواقع الويب تعلم كيف تنشئ موقعك بلغة HTML إنشاء أول صفحة ويب بلغة HTML تنظيم و ترتيب النص ب HTML  إنشاء الروابط  إدراج الصور في …

قائمة دروس HTML و CSS قراءة المزيد »

انتقل إلى أعلى