رابط الدرس الرقمي - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 الرسائل الإخبارية الرقمية

المفاهيم الأساسية

الرسالة الإخبارية الرقمية (Digital Newsletter): رسالة بريد إلكتروني تُرسل لإعلام الجمهور، وتعرض داخل عميل البريد الإلكتروني الخاص بهم.

عميل البريد الإلكتروني (Email Client): برنامج الحاسب الذي يستخدمه الجمهور لقراءة رسائل البريد الإلكتروني وإرسالها.

خريطة المفاهيم

```markmap

الفصل الخامس: لغة جافا سكريبت

طرق استدعاء الدالة sayHello

الطرق الصحيحة

• sayHello();

طرق خاطئة

• call sayHello();
• call function sayHello();
• function sayHello();

أخطاء التنفيذ

خطأ في التحويل البرمجي (Compile Error)

خطأ في وقت التشغيل (Runtime Error)

تغيير محتوى HTML

الدالة الصحيحة

• document.getElementById("id").innerHTML = "نص جديد";

ناتج تنفيذ مقاطع برمجية

مثال 1: نطاق المتغير var

• var a = 5; داخل if
• document.write(a); خارج if
• الناتج: 5

مثال 2: التعليقات في الكود

• //document.write("مرحباً");
• الناتج: لا تتم طباعة أي شيء

تدريب 3: إضافة JavaScript إلى HTML

المطلوب

• إضافة مقطع برمجي JavaScript إلى ملف HTML

الهدف

• عرض مربع تنبيه لزائري الصفحة

محتوى التنبيه

• "انتبه! معلومات الصفحة قديمة"

ملف HTML الأساسي

• يحتوي على هيكل صفحة عادية
• عنوان: "تبدأ بطولة كرة القدم المدرسية في الأول من نوفمبر"

تدريب 4: إضافة JavaScript لعرض التاريخ والوقت

المطلوب

• إضافة مقطع برمجي JavaScript إلى ملف HTML

الهدف

• عرض التاريخ والوقت

ملف HTML الأساسي

• يحتوي على عنوان: "احصل على معلومات حول التاريخ والوقت."

تدريب 5: إضافة JavaScript لعرض التاريخ والوقت (استكمال)

المطلوب

• إضافة مقطع برمجي جافا سكريبت إلى ملف HTML التالي

الهدف

• عرض التاريخ والوقت بالضغط على زر

ملف HTML الأساسي

• يحتوي على meta tags و title
• يحتوي على عنوان: "احصل على معلومات حول التاريخ والوقت"

تدريب 6: جعل شريط التنقل متجاوباً مع الهواتف

المطلوب

• فتح مجلد Adventure_Site
• إكمال المخطط

الهدف

• إضافة أيقونة القائمة لتناسب متصفح الهاتف الذكي

طريقة التنفيذ

• إضافة برنامج نصي (script) في HTML
• إجراء التغييرات المناسبة على استعلام الوسائط (media query) في ملف CSS

الدرس السادس: الرسائل الإخبارية الرقمية

الهدف

• إعلام الجمهور عبر بريد إلكتروني

القيود

• قيود على الحجم والتنسيق والتخطيط والتصميم

الأجزاء الرئيسية

• رأس الصفحة (Header)
• محتوى الرسالة الإخبارية (Newsletter Content)
• التذييل (Footer)

طريقة الإنشاء

• استخدام جدول HTML لإنشاء البنية

```

نقاط مهمة

• يجب مراعاة القيود المتعلقة بالحجم والتنسيق والتخطيط والتصميم في الرسالة الإخبارية لضمان فعاليتها.
• رأس الصفحة يجب أن يكون مرتبطاً بمرسل البريد الإلكتروني.
• محتوى الرسالة يتكون من (العنوان، النص، الصورة).
• التذييل يحتوي عادةً على روابط.

www.ien.edu.sa

الرسائل الإخبارية الرقمية

الهدف من الرسائل الإخبارية الرقمية (Digital Newsletter) هو إعلام الجمهور من خلال رسالة بريد إلكتروني تعرض داخل عميل البريد الإلكتروني (Email Client) الخاص بهم، ويقصد بعمل البريد الإلكتروني: برنامج الحاسب الذي يستخدمه الجمهور لقراءة رسائل البريد الإلكتروني وإرسالها وما إلى ذلك. وهذا يعني أن هناك قيوداً تتعلق بحجم وتنسيق وشكل التخطيط والتصميم في الرسالة الإخبارية، وإذا لم تراع فإن تكون الرسالة التي تريد إرسالها فعالة.

هنا يمكنك رؤية قالب الرسالة الإخبارية العامة.

الأجزاء الرئيسة هي:

< رأس الصفحة (حيث يجب أن يكون المحتوى مرتبطاً بمرسل البريد الإلكتروني).

< محتوى الرسالة الإخبارية (العنوان، النص، الصورة).

< التذييل (الذي يحتوي عادة على روابط).

لإنشاء رسالة إخبارية بهذه البنية في HTML، من الأفضل استخدام جدول HTML.

--- SECTION: رابط الدرس الرقمي --- www.ien.edu.sa --- SECTION: الدرس السادس: --- الرسائل الإخبارية الرقمية الهدف من الرسائل الإخبارية الرقمية (Digital Newsletter) هو إعلام الجمهور من خلال رسالة بريد إلكتروني تعرض داخل عميل البريد الإلكتروني (Email Client) الخاص بهم، ويقصد بعمل البريد الإلكتروني: برنامج الحاسب الذي يستخدمه الجمهور لقراءة رسائل البريد الإلكتروني وإرسالها وما إلى ذلك. وهذا يعني أن هناك قيوداً تتعلق بحجم وتنسيق وشكل التخطيط والتصميم في الرسالة الإخبارية، وإذا لم تراع فإن تكون الرسالة التي تريد إرسالها فعالة. هنا يمكنك رؤية قالب الرسالة الإخبارية العامة. الأجزاء الرئيسة هي: < رأس الصفحة (حيث يجب أن يكون المحتوى مرتبطاً بمرسل البريد الإلكتروني). < محتوى الرسالة الإخبارية (العنوان، النص، الصورة). < التذييل (الذي يحتوي عادة على روابط). لإنشاء رسالة إخبارية بهذه البنية في HTML، من الأفضل استخدام جدول HTML. --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: A blue rectangular box representing a digital device screen or newsletter layout. It has several sections indicated by lines and smaller boxes. Lines connect labels to different parts of the layout. The labels indicate 'Header', 'Newsletter Content', and 'Footer'. There are also labels for 'links' and a general instruction about using HTML tables for structure. Context: Illustrates the typical structure of a digital newsletter, showing the placement of the header, content, and footer.