الرسائل الاخبارية الجزء الثاني

Meshal Almontashiri

20 May 202321:07

Summary

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

Takeaways

😀 تعلم كيفية إنشاء رسالة إخبارية رقمية باستخدام HTML.
😀 البدء بفتح الملف الخاص بالمشروع من الحصة السابقة وإرفاق الصور المستخدمة.
😀 شرح كيفية إضافة الصور داخل الجداول باستخدام الوسوم المناسبة.
😀 شرح كيفية تعديل النصوص داخل الخلايا وتنسيقها باستخدام الوسم <p> والفئات.
😀 تخصيص التنسيقات مثل إضافة خلفيات للأجزاء المختلفة من الصفحة.
😀 استخدام الستايلات المدمجة لتغيير الألوان والخطوط داخل الصفحة.
😀 تعلم كيفية إضافة الصور الكبيرة وتنسيق عرضها باستخدام CSS.
😀 إضافة تذييل يحتوي على روابط مثل البريد الإلكتروني ورابط لإلغاء الاشتراك.
😀 العمل على تحسين التنسيقات الخارجية باستخدام ملفات CSS منفصلة.
😀 حل مشكلة عدم ظهور التنسيقات عن طريق استدعاء ملف CSS بشكل صحيح داخل رأس الصفحة.
😀 فهم أهمية التنسيق الخارجي وكيفية ربطه بملف HTML لتطبيق التغييرات.

Q & A

ما هي العناصر الأساسية التي تم شرحها في الرسالة الإخبارية الرقمية؟
-تم شرح العناصر الأساسية التي تشمل الهيدر (رأس الصفحة)، الهيدلاين (العنوان الرئيسي)، النص (التيكس)، الصورة (الفوتو)، والتذييل (الجزء السفلي من الصفحة).
كيف يمكن إضافة الصور في صفحة HTML؟
-يمكن إضافة الصور باستخدام الوسم <img> مع تحديد مصدر الصورة في الخاصية src. يتم ذلك من خلال نسخ رابط الصورة ووضعه بين علامتي تنصيص داخل الوسم.
كيف يمكن تحديد اتجاه النص في صفحة HTML؟
-لتحديد اتجاه النص في صفحة HTML، يمكن استخدام الخاصية 'dir' مع القيمة 'rtl' (من اليمين لليسار) في الوسم <html> أو في أي عنصر ترغب في تغيير اتجاهه.
ما هو التنسيق المستخدم لتمييز العناوين في الرسالة الإخبارية؟
-تم استخدام التنسيق الخاص باستخدام الكلاس 'headline' لتمييز العنوان الرئيسي، مع تعديل خصائص النص مثل الخط العريض (bold) ومحاذاة النص من اليمين.
كيف يمكن إضافة جدول في صفحة HTML؟
-لإضافة جدول في صفحة HTML، يتم استخدام الوسوم <table> و <tr> (لتمثيل الصفوف) و <td> (لتمثيل الخلايا داخل الصفوف).
ما هي الطريقة التي تم بها تنسيق الصور في الرسالة الإخبارية؟
-تم تنسيق الصور عن طريق تحديد خصائص مثل العرض (width) والارتفاع (height)، وكذلك استخدام النسبة المئوية لجعل الصورة تتناسب مع حجم الصفحة.
ما هو دور ملف CSS الخارجي في تنسيق الرسالة الإخبارية؟
-ملف CSS الخارجي يستخدم لتنظيم التنسيقات بشكل أفضل وتفصيلها خارج ملف HTML. يساعد في تطبيق أنماط مثل ألوان الخلفية، حجم الخطوط، ومحاذاة النصوص عبر كل العناصر في الرسالة الإخبارية.
كيف يمكن إضافة روابط في التذييل؟
-تم إضافة روابط في التذييل باستخدام الوسم <a> مع تحديد الخاصية href (التي تشير إلى الرابط) و target='_blank' لفتح الرابط في صفحة جديدة.
ما هي المشكلة التي واجهها الفيديو عند إضافة التنسيقات؟
-المشكلة كانت عدم استدعاء ملف CSS في صفحة HTML، مما منع ظهور التنسيقات. تم حل المشكلة بإضافة رابط إلى ملف CSS داخل الوسم <head>.
هل من الممكن تقليل أو تبسيط التنسيقات في الرسالة الإخبارية؟
-نعم، من الممكن تقليل التنسيقات أو استخدام تنسيقات أبسط حسب الحاجة. لا يتطلب الأمر كتابة كل التنسيقات المعقدة، ويمكنك الاقتصار على الأساسيات لتحسين مظهر الصفحة.