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

📚 تنسيق القالب

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

تنسيق القالب: عملية تعديل القوالب الجاهزة بحذف العناصر غير الضرورية وإبقاء الأساسية فقط (مثل نص الدعوة والملصق الإعلاني).

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

```markmap

تطبيق معا (أنواع التسويق الإلكتروني)

تدريب 4

المطلوب

• افتراض العمل في شركة لتقنية المعلومات والاتصالات.
• تحديد المعلومات المطلوبة في جميع خطوات إنشاء حساب على منصة "ميل تشيمب" لإرسال الرسائل الإخبارية.
• توضيح الإجابة.

تدريب 5: إنشاء حملة تسويقية عبر البريد الإلكتروني

المتطلبات المسبقة

• صورة شعار الحملة (مهرجان التمور.png).
• صورة الملصق الإعلاني (مهرجان التمور.jpeg).
• نص دعوة الحملة.

خطوات إنشاء القالب

• افتح منصة Mailchimp واضغط على Create (إنشاء).
• اضغط على Email (بريد إلكتروني)، ثم Template (قالب).
• اضغط على Get Started (بدء الاستخدام).
• اختر قالب Sell Products (بيع المنتجات).
• يظهر القالب في منطقة التصميم (Canvas).

خطوات إدراج الشعار

اضغط على الجزء العلوي في النموذج وبالتحديد كتلة logo (الشعار).

في علامة التبويب Image (صورة)، اضغط على Content (المحتوى)، ثم Replace (استبدال).

سيظهر معرض صور لمنصة تحميل (تحميل).

اضغط على Upload (تحميل).

اختر الملف png. مهرجان التمور، ثم اضغط على Open (فتح).

تمت إضافة الشعار بنجاح.

اضغط على Save & Close (حفظ وإغلاق).

خطوات إدراج الملصق الإعلاني

اضغط على كتلة الصور من القالب.

في علامة التبويب Image Group (مجموعة الصور) ومن فئة Content (المحتوى)، اضغط على Replace (استبدال) في الصورة الأولى.

من معرض الصور اضغط على Upload (تحميل).

اختر الملف jpeg، مهرجان التمور، ثم اضغط على Open (فتح).

اضغط على Save & Close (حفظ وإغلاق).

خطوات إدراج نص الدعوة

اضغط على كتلة النص من القالب.

في علامة التبويب Text (المحتوى)، حدد النص الحالي.

اكتب النص المطلوب.

غير Font Size (حجم الخط) إلى 14.

اضغط على Save & Close (حفظ وإغلاق).

مثال لنص الدعوة

• انطلاقًا من أهداف برنامج جودة الحياة، أحد برامج رؤية المملكة العربية السعودية 2030، "المحافظة على تراث المملكة الإسلامي والعربي والوطني والتعريف به"، ندعوكم إلى حضور مهرجان التمور الذي سيقام في مركز المعارض من الساعة 4.00 مساءً إلى الساعة 10.00 مساءً وذلك من 1 إلى 9 صفر 1446هـ.

أدوات وخصائص في واجهة Mailchimp

#### إنشاء حملة

• Create something that gets noticed
• بناء على أفضل الممارسات (Based on best practices)
• Regular email: استخدام أداة بناء البريد الإلكتروني (email builder)

#### استخدام القوالب

• EMAIL TEMPLATES
• الحصول على بداية سريعة للتصميم (Get a head start on your email design)
• البدء من قالب ثم تعديله (Start with one of our templates, then make it your own)

#### عناصر القائمة الجانبية

• Email
• Regular
• Plain text
• Template
• Automations
• Website
• Landing Page
• Creative Assistant
• Signup Form
• Surveys
• Ad
• Social Post
• Postcard

#### اختيار نقطة بداية للقالب (Select a starting point for your template)

##### Layouts (التخطيطات)

##### Themes (السمات)

##### Code your own (البرمجة الخاصة)

##### Featured (المميز)

##### More ways to tell your story (طرق أخرى لرواية قصتك)

• Showcase your products. (عرض منتجاتك)
• Sell Products (بيع المنتجات)
• Market a line of products or promote seasonal items. (تسويق مجموعة منتجات أو الترويج للعناصر الموسمية)
• Share your big news. (شارك أخبارك المهمة)
• Make an Announcement (إعلان)
• Share details about a sale, event, or other big news. (شارك تفاصيل عن عرض بيع، حدث، أو أخبار مهمة أخرى)
• Share your story. (شارك قصتك)
• Tell A Story (رواية قصة)
• Send a newsletter to let people know what you've been up to. (أرسل نشرة إخبارية لإعلام الناس بما كنت تفعله)
• Send a tailored follow-up email. (أرسل بريدًا إلكترونيًا للمتابعة مخصصًا)
• Follow Up (متابعة)

#### أدوات تحرير القالب

##### Blocks (الكتل)

##### Style (النمط)

###### Color (اللون)

###### Image (الصورة)

###### Text (النص)

###### Boxed Text (نص داخل مربع)

###### Divider (فاصل)

###### Image Group (مجموعة صور)

###### Image Card (بطاقة صورة)

###### Image + Text (صورة + نص)

###### Share (مشاركة)

###### Social Follow (متابعة اجتماعية)

###### Button (زر)

###### Footer (تذييل)

###### Code (كود)

###### Video (فيديو)

#### نصائح لتحرير القالب

• Add a photo here. (أضف صورة هنا)
• Feature the star of your collection first. (اعرض نجم مجموعتك أولاً)
• To get started, replace the image above with a striking product photo to catch people's attention. (للبدء، استبدل الصورة أعلاه بصورة منتج ملفتة لجذب انتباه الناس)
• Then, describe what makes your product unique, useful, or gift-worthy. Be sure to highlight the main features, and let people know where it's available. (ثم، صف ما يجعل منتجك فريدًا، أو مفيدًا، أو جديرًا بالهدية. تأكد من تسليط الضوء على الميزات الرئيسية، وأخبر الناس عن مكان توافره)

#### إعدادات الصورة المدرجة

• عرض اسم الملف وأبعاده (مثال: logo.png - 159 x 193).
• خيارات التحكم: Replace (استبدال)، Edit (تحرير)، Link (رابط)، Alt (نص بديل).
• ضبط حجم عرض الصورة باستخدام شريط تمرير من 10% إلى 100%.

#### واجهة Content Studio (استوديو المحتوى)

• Creative Assistant (المساعد الإبداعي)
• Filter (تصفية)
• Folders (المجلدات)
• Sort by (ترتيب حسب): Newest First (الأحدث أولاً)
• مصادر الملفات: My Files (ملفاتي)، Products (المنتجات)، Giphy، Instagram، My Logo (شعاري)

#### إعدادات الصورة المتقدمة (من الصفحة 187)

##### علامات التبويب في لوحة التحكم

• Image (صورة)
• Content (المحتوى)
• Style (النمط)
• Settings (الإعدادات)

##### خيارات الصورة تحت تبويب Content

• اسم الملف وأبعاده (مثال: Poster.JPG - 544 x 768).
• أزرار التحكم: Replace (استبدال) - Edit (تحرير) - Link (رابط) - Alt (نص بديل).
• زر Creative Assistant (المساعد الإبداعي).
• زر New (جديد).

##### ضبط حجم عرض الصورة

• Image display size (حجم عرض الصورة).
• شريط تمرير يتراوح بين 10% و 100%.

خطوات تنسيق القالب (حذف العناصر غير الضرورية)

#### خطوات حذف كتلة غير ضرورية

حدد الكتلة في الجزء السفلي من القالب.

اضغط على أيقونة bin (السلة).

من النافذة التي ستظهر، اضغط على Delete (حذف).

تم حذف الكتلة الآن.

```

نقاط مهمة

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

تنسيق القالب

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

لحذف الكتلة غير الضرورية:

حدد الكتلة في الجزء السفلي من القالب.

اضغط على أيقونة bin (السلة).

من النافذة التي ستظهر، اضغط على Delete (حذف).

تم حذف الكتلة الآن.

تنسيق القالب توجد العديد من العناصر غير الضرورية في القوالب الجاهزة عادةً، وفي النموذج المحدد تمت إضافة العناصر الأساسية التي يجب أن يحتويها، ونص الدعوة، والملصق الإعلاني)، ولكن توجد كتلة (Block) غير ضرورية في الجزء السفلي منه ولا توجد حاجة لاستخدامها، ولذلك يمكنك تحديدها وحذفها. لحذف الكتلة غير الضرورية: --- SECTION: 1 --- حدد الكتلة في الجزء السفلي من القالب. --- SECTION: 2 --- اضغط على أيقونة bin (السلة). --- SECTION: 3 --- من النافذة التي ستظهر، اضغط على Delete (حذف). --- SECTION: 4 --- تم حذف الكتلة الآن. --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Template Description: The image shows a web-based editor interface. On the left, a template is displayed with a circular image of dates and text elements. Number '1' points to the main template area. On the right, a 'Text' panel is visible with editing options. Above the template, a confirmation dialog box is shown, asking 'Are you sure?'. Number '3' points to this dialog box. The dialog box contains the text 'You're about to delete a content block. Are you sure you want to do that?'. Below this text are two buttons: 'Delete' and 'Cancel'. Number '2' points to the 'Delete' button within the dialog box. Context: Illustrates the step-by-step process of removing an unwanted element from a digital template, as described in the accompanying text. **DIAGRAM**: Untitled Template Description: This image displays a web-based template editor interface. On the left, a template is shown featuring an image of dates and text, with the number '4' pointing to it. The text includes '9-1', 'صفر', '1331', '5-13', 'August', '2024', and 'مهرجان التمور'. Below the template, the 'Ministry of Education' logo and text are visible. On the right side of the screen, a panel labeled 'Blocks' is displayed, offering various content block options like 'Text', 'Image', 'Button', 'Footer', etc. The number '1' points to the 'Blocks' panel. The number '2' points to a 'Style' tab within the editor interface. The number '3' points to a 'Preview and Test' button. Context: Demonstrates the user interface for building and customizing digital templates, showing available content blocks and editing options.