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

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

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

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

عناصر HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

إنشاء الحدود والظلال في CSS3

الآن سندخل فصلاً آخر من الدروس التعليمية  لخصائص CSS ، التي تعتبر غاية في الأهمية وجد مطلوبة، لأنها تؤدي وظائف أساسية تساهم في  إعطاء صفحات الويب المظهر الجميل و التنسيق المقبول لتصفح مريح  و جذاب . هاته الخصائص تتمثل في إنشاء الحدود ( les bordures ) و التأثيرات التظليلية  التي اقرأ المزيد…