دروس لغة HTML

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

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

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

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

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

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

عناصر HTML

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

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

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

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

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

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

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

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

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

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

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

إدراج الصور في صفحة HTML

السلام عليكم ورحمة الله اليوم سنتعرف على مزية أخرى من مزايا لغة HTML، إنها إدراج الصور في صفحة HTML أو صفحة الويب:  عليك أولاً أن تعلم أن عملية إدراج الصور لا تحدث بطريقة سحرية ، فقد تكون قد تعودت على إدراج الصور في صفحتك على الفايسبوك أو تويتر أو انستجرام  …

إدراج الصور في صفحة HTML اقرأ المزيد »

إنشاء الروابط ب HTML

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

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

تنظيم و ترتيب النّص ب HTML

السلام عليكم ورحمة الله مرحباً بكم مرة أخرى! تنظيم و ترتيب النّص ب HTML حسنًا ، قد لا يعجبك شكل الصفحة التي أنشأناها في الحلقة السابقة 🙁  ومن ذا الذي ستعجبه ؟ إنها  أشبه ما يكون بورقة تلميذ كسول  😛  فهل شكلها سيكون جذاباً للزوار ؟ لا أعتقد،  فشكلها لم …

تنظيم و ترتيب النّص ب HTML اقرأ المزيد »

إنشاء أول صفحة ويب بلغة HTML

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

إنشاء أول صفحة ويب بلغة HTML اقرأ المزيد »

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