مبادئ تصميم صفحات الإنترنت - تكنولوجيا المعلومات والاتصالات 2 - خامس ابتدائي
المحور الثالث: المواطنة الرقمية
المحور الرابع: مشروعات برمجية
الدرس 8 مبادئ تصمیم صفحات الإنترنت الأهداف في نهاية الدرس، سأكون قادرًا على أن: • أناقش الميزات التي تجعل المواقع الإلكترونية جذابة. . أشرح ماهيّة لغة الترميز HTML وكيف تساعد على بناء صفحة ويب. . أنشئ ملصقًا أو عرضًا تقديميًا أو صفحة بسيطة لمشاركة قصة. بعد الدرس، أضع علامة في المربع المناسب لـ «يمكنني أن...». جيد جدًّا ن بحاجة إلى مجهود أكبر جيد جدا بحاجة إلى مجهود أكبر جيد جدًّا بحاجة إلى مجهود أكبر لنتفاعل معا ما المواقع الإلكترونية التي تحبّها ؟ ما الميزات التي تجعلها جذابة ؟ ما الطرائق التي تعتمدها هذه المواقع لعرض قصتها ؟ لنتعلَّمْ حان الوقت الآن لتشارك قصتك، ويمكنك القيام بذلك بطرائق متنوّعة. يمكنك مثلا، استخدام برنامج العروض التقديمية (PowerPoint) أو إنشاء ملصق أو يمكنك نشرها على الإنترنت من خلال صفحة ويب إنشاء صفحة ويب في المحور الثالث الدرس الرابع، ناقشنا كيفية إنشاء صفحة ويب. مع أنّه يمكنك إنشاء قصتك مباشرة من خلال برنامج Hyper Text Markeup Language :HTML هي لغة ترميز النص التشعبي بناء موقع إلكتروني، يمكنك أيضًا استخدام برنامج معالج أي لغة الترميز التي ستعرض على متصفّح الإنترنت. الكلمات (Word) لإنشاء صفحة الويب الخاصة بك. انقر على " تخطيط الويب" ضمن علامة التبويب " العرض". كما يمكنك حفظ الملفّ كصفحة ويب من خلال اختیار save as file ، وبعدها web page ® do W N L [ ] d O I { } + + O- I 0 6- ) 8 00 *> C H ד 人 T 16 L 9 9 1g V % $ 3 M 1# ε C & لا K L § ම i Osa 74

أهجاف درس مبادئ تصميم صفحات الإنترنت
ما المواقع الإلكترونية التي تحبها ما الميزات التي تجعلها جذابة ما الطرائق التي تعتمدها هذه المواقع لعرض قصتها
إنشاء صفحة ويب
شاشة صفحة الويب بعد عرضها في متصفح الإنترنت فكّر في تضمين صورة أكبر تعكس الرسالة الرئيسة أو تقدّم معلومات لقصّتك. يمكنك أيضًا استخدام أصغر. صور الاسم صفحتي الإلكترونية هذا عنوان • يجب أن يكون لقصتك عنوان يلفت انتباه جمهورك. ويجب أن يُكتب العنوان بخط أكبر لتمييزه عن باقي النص. تفصل العناوين هذا عنوان فرعي الفرعية المعلومات وتمكن الجمهور من المرئيات وليد موتورز LG LG R-CD-R-TAPES النص الأساسي معرفة الموضوع الذي يتناوله جزء معين من القصة. تُكتب العناوين الفرعية بخط أصغر من العناوين الرئيسة. المقاطع الصوتية / مقاطع الفيديو فكر في حجم النص الذي يعرض القصّة. يجب أن يكون حجم الخط لمزيد من المعلومات أطلع على بعض مناسبًا، وأصغر من أوامر لغة الترميز HTML بمساعدة معلمك. العناوين الفرعية. الخط واللون اللذين ستعتمدهما لكلّ فقرة - يكون حجم خطّ النصّ الأساسي أصغر ولكن يجب أن يبقى واضحًا. ننصحك باستخدام الخطوط البسيطة لتظل رسالتك سهلة القراءة. لنستكشف تابع العمل مع مجموعتك على القضية التي تريدون مشاركتها . هل ستقدّمون عرضكم على الإنترنت أم بشكل ملصق أم على برنامج العروض التقديمية (PowerPoint)؟ ما العناصر التي تضمن أنّ نوع العرض التقديمي سينقل قصتكم بنجاح؟ ما الخطوات التي ستأخذونها ومن سينفذها ؟ دوّنوا الملاحظات لأنكم ستحتاجون إليها في قسم " لنتعلَّم من خلال التطبيق" لنراجع .1 أي من الميزات في فقرة "لنتعلَّم" هو الأهم برأيك لسرد قصتك بشكل فعال؟ برر إجابتك. لغة الترميز HTML، وكيف يمكن استخدامها كأداة تخطيط لإنشاء صفحة الويب 2 ماهي الخاصة بك؟ تقييم ذاتي ارجع إلى الأهداف المذكورة في بداية الدرس ، وضَع علامة « » في المربع المناسب لـ «يمكنني أن 75

شاشة صفحة الويب بعد عرضها في متصفح الإنترنت
تابع العمل مع مجموعتك على القضية التي تريدون مشاركتها
أي من الميزات في فقرة لنتعلم هو الأهم برأيك لسرد قصتك بشكل فعال برر إجابتك
ارجع إلى الأهداف المذكورة في بداية الدرس وضع علامة صح في المربع المناسب ليمكنني أن
ما هي لغة الترميز HTML، وكيف يمكن استخدامها داة تخطيط لإنشاء صفحة الويب الخاصة بك
لنتعلم من الدرس 8 مبادئ تصميم صفحات الإنترنت خلال التطبيق المهارات الحياتية 1. خطط واكتب اجمع مع أفراد مجموعتك الملاحظات من فقرة "لنستكشف " ، واكتبوا خطّة للطريقة التي ستقدّمون من خلالها معلوماتكم. إذا كنتم تعملون على إنشاء صفحة ويب استخدِموا برنامج معالج الكلمات (Word)، الذي يتيح إدراج علامات HTML تساعد المتصفّح على فتح صفحة الويب. عند الانتهاء، احفظوا الصفحة بتنسيق ويب من خلال النقر على "حفظ باسم" ← " صفحة ويب " ، فيصبح بإمكانكم فتح الصفحة صفحة في متصفح. 2. أنشئ قصتك أنشئوا قصتكم باستخدام ملصق أو عرض على برنامج العروض التقديمية (PowerPoint) أو ويب بسيطة. تذكَّروا استخدام الأدوات التي تعلّمتم عنها في المحور الثالث، الدرس الرابع، إذا صفحة اخترتم إنشاء صفحة ويب. 3. شارك قصتك مع زملائك في الفصل حان الوقت لمشاركة قصتكم مع زملائكم في الفصل . راجع مع مجموعتك دور كل فرد في العرض. 76

اجمع مع أفراد مجموعتك الملاحضات من فقرة "لنستكشف" واكتبو خطة للطريقة التي ستقدمون من خلالها معلوماتكم
أنشئو قصتكم باستخدام ملصق أو عرض على برنامج العروض التقديمية أو صفحة ويب بسيطة تذكروا استخدام الأدوات التي تعلمتم عنها في المحور الثالث، الدرس الرابع، إذا اخترتم إنشاء صفحة ويب
أنا وتكنولوجيا المعلومات والاتصالات 4. فكّر وأجب و تهانينا على إنشاء قصّة لتشارك من خلالها رسالتك ! اكتب عن تجربتك. .1. ما أكثر ما استمتعت به في عملية العمل الجماعي، التي بدأت في الدرس الرابع واستمرت حتى الآن؟ 2. كيف ساعدك التخطيط على إنجاز مهامك ؟ .3. ناقش دورك الفردي في العرض التقديمي. ما أكثر ما تفتخر به؟ 4. برأيك، ما كانت أفضل ميزة في عرضك التقديمي ؟ وما الذي قد تغيّره في المرة القادمة؟ 77

ما أكثر ما استمتعت به في عملية العمل الجماعي، التي بدأت في الدرس الرابع واستمرت حتى الآن

