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

تدوير الصورة بتنسيق HTML

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

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

كيفية إدراج تاريخ اليوم بتنسيق HTML

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

كيفية إدراج تاريخ اليوم بتنسيق HTML اقرأ المزيد »

كيفية إدراج رابط في زر HTML

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

كيفية إدراج رابط في زر HTML اقرأ المزيد »

كيفية إنشاء زر بواسطة صورة بتنسيق HTML

كيفية إنشاء زر بواسطة صورة بتنسيق HTML في هذا الدرس إن شاء الله، سأعرض الطرق التقنية لتضمين صورة في عنصر <button> في HTML. هذا يعني إدراج أو إدخال صورة معينة داخل زر HTML. ∴ خلال هذا الدرس سنستعمل العلامات التالية: استخدم علامة <img> داخل علامة <button> لإدراج الصورة في زر …

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

كيفية إنشاء زر HTML يعمل كرابط

 كيفية إنشاء زر HTML يعمل كرابط سأتناول في هذه المقالة ثلاث طرق مختلفة لإنشاء زر  جميل بلغة HTML يقوم بوظيفة الرابط التشعبي. سواء كان رابطاً داخلياً، رابطاً خارجياً  أو رابط الارتساء لفقرة داخل نفس الصفحة.  ∴ خلال هذا الدرس سنستعمل العلامات التالية: ° استخدم العلامات : <form> و <a> </a>  لإنشاء …

كيفية إنشاء زر HTML يعمل كرابط اقرأ المزيد »

وسم العنوان title ووصف Meta لتحسين SEO

وسم العنوان title ووصف Meta لتحسين SEO كيفية كتابة علامات وصف العنوان والميتا بشكل صحيح لتحسين ظهور موقعك بمحرّكات البحث « SEO »  وسم العنوان title ووصف Meta لتحسين SEO سيكون مفيداً لك لَوْ تعرفتَ على أفضل الممارسات التي يجب الإلتزام بها لكتابة أكواد وعلامات العنوان والوصف التعريفي الأمثل. يُـعَدُّ …

وسم العنوان title ووصف Meta لتحسين SEO اقرأ المزيد »

خاصية Padding في CSS

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

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

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

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

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

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

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

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

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

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

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

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