شرج-الجوجل-سايت

‫الجامعة الاسلاميــــــة ‪ -‬غزة‬ ‫كـلـــيـــــــة التــــربــيــــــــــة‬ ‫قسم المناهج وطرق الدريس‬ ‫شرح‬‫‪Google Site‬‬ ‫اعداد‬‫هالة عادل دغمش‬ ‫الفصل الد ارسي الثاني‬ ‫‪2015/2014‬ـ‬

‫شرح ‪Google Site‬‬ ‫تصميم ممف الانجاز الالكتروني بواسطة الجوجل سايت‬ ‫خطوات انشاء موقع‪:‬‬‫‪ .1‬نسجل الدخوؿ الى ال اربط التالي ‪ ، www.sites.google.com‬او مف خلاؿ مربع بحث‬ ‫جوجل نبحث عف \"مواقع جوجل\"‪.‬‬‫‪ .2‬نقوـ بكتابة البريد الالكتروني وكممة المرور ومف ثـ تسجيل الدخوؿ‪ ،‬اما في حالة عدـ وجود‬ ‫حساب جوجل يجب انشاء حساب جديد بالنقر عمى \"إنشاء حساب\"‪.‬‬‫نلاحظ اف صفحة مواقع جوجل قد تـ فتحيا مع العمـ انو يمكف انشاء اكثر مف موقع لحساب‬‫جوجل الواحد‪ ،،‬كما اف الموقع يحتفظ بالمواقع المحذوفة لمدة ‪ 30‬يوـ قبل حذفيا بشكل نيائي‬ ‫وبالتالي يمكف استرجاعيا في حالة اردنا ذلؾ‪.‬‬ ‫‪ .3‬نضغط عمى زر \"انشاء\"‪ ،‬ويطمب تعبئة البيانات كالتالي‪:‬‬ ‫أ‪ -‬حدد النموذج الم ارد استخدامو‪ :‬وعادة ما يكوف نموذج فارغ‪.‬‬‫ب‪ -‬تسمية موقعؾ عمى الويب‪ :‬وىنا يجب كتابة اسـ الموقع حسب الطمب مثلا‪ :‬موقع‬ ‫الاستاذة ىالة او موقع الممف الالكتروني‪.‬‬‫ت‪ -‬مكاف موقع الويب‪ :‬ويشترط ألا تستخدـ عناويف ‪ URL‬سوى الأحرؼ التالية ‪A-Z,a-‬‬‫‪ z,0-9‬أي لا يصح استخداـ *&^‪ ،@#$%‬وىنا يجب كتابة عنواف لا يكف مكرر عمى‬‫الويب واف يكوف بالمغة الانجميزية مع عدـ ترؾ مسافة بيف الكممات‪ ،‬ولمتسييل يتـ كتابة‬‫الرقـ الجامعي مع كممة ‪ edu‬او الاسـ مثلا‪ edu220110403 :‬او‬‫‪ ،hala220110403‬في حالة تـ تحديده بالموف الاحمر يعني ذلؾ وجود خمل ويجب‬ ‫تغييره‪ ،،‬مع العمـ اف أي شخص يستطيع الوصوؿ الى موقعؾ مف خلاؿ ال اربط التالي‪:‬‬ ‫‪https://sites.google.com/site/ hala2201104‬‬‫ث‪ -‬تحديد مظير‪ :‬والمظير لو علاقة بألواف وخصائص الموقع ويوجد مظاىر متعددة ويمكف‬ ‫التعديل عمييا فيما بعد‪.‬‬‫الصفحة ‪1‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫ج‪ -‬خيا ارت أخرى‪ :‬وتشمل وصف موقع الويب ويمكف الكتابة مثلا‪ :‬ىذا الموقع يضـ ابرز‬‫الانشطة والاعماؿ التي اقوـ بيا في رحمة التدريب الميداني لمصف‪ ،..‬ويمكف تركيا‬ ‫فارغة‪.‬‬‫ح‪ -‬اكتب الرمز الموضح‪ :‬خطوة ميمة لنتمكف مف انشاء الموقع وىي كتابة الرمز بشكل‬‫صحيح ويمكف تغييره في حالة عدـ وضوح الاحرؼ بالضغط عمى ‪ ،‬حيث يطمب‬ ‫كتابة الرمز مرة أخرى اف كاف خطأ‪.‬‬ ‫خ‪ -‬نضغط عمى انشاء في اعمى الصفحة بعد اف يتـ تعبئة البيانات بشكل صحيح‪.‬‬ ‫‪ .4‬نلاحظ انو تـ انشاء الموقع بالاسـ الذي تـ ادخالو وظير بالصفحة الاساسية‪.‬‬‫الصفحة ‪2‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫‪ .5‬اىـ الايقونات بالموقع موجودة بأعمى اليسار وىي بالترتيب تعديل الصفحة وانشاء صفحة‬ ‫ومزيد مف الاج ارءات ومشاركة‪،‬‬ ‫وتكمف اىميتيا في ضرورة الضغط عمى ايقونة تعديل الصفحة \"القمـ\" او مف لوحة المفاتيح \"‪\"e‬‬‫لنتمكف مف الكتابة في الصفحة واد ارج الصور والروابط‪ ،،‬وعند الانتياء مف التعديل والكتابة يجب‬ ‫الضغط عمى زر \"حفظ\"‪.‬‬‫لإنشاء صفحة جديدة بالموقع ننقر عمى ايقونة انشاء صفحة \"ال ازئد‪ \"+‬او مف لوحة المفاتيح \"‪\"c‬‬‫واما الايقونة الثالثة \"الترس\" تتضمف خيا ارت عدة أىميا إدارة الموقع وتعديل تنسيق موقع الويب‬ ‫وحذؼ الصفحة وتغيير نموذج الصفحة ومعاينة الصفحة كمشاىد وسنتعرؼ عمييـ فيما بعد‪.‬‬‫الايقونة ال اربعة مشاركة مف أجل مشاركة الموقع مع الاخريف واعطائيـ صلاحية مالؾ او لمتعديل‬ ‫او لمعرض‪.‬‬ ‫تصميم صفحات الموقع‪:‬‬ ‫*واجهة الموقع‪:‬‬‫‪ .1‬ننقر عمى ايقونة تعديل الصفحة‪ ،‬فنلاحظ ظيور مؤشر الكتابة ونبدأ بكتابة البيانات الاساسية‬ ‫مف اسـ الجامعة والكمية والتخصص والاسـ واسـ المشرؼ و‪ ...‬الخ‪.‬‬ ‫يتـ تنسيق الكتابة بواسطة الايقونات الموجودة اعمى الصفحة في شريط التنسيق كالتالي‪:‬‬‫وظيفة الايقونات بالترتيب‪ ::‬ت ارجع‪ ،‬اعادة‪ ،‬تغيير نوع الخط‪ ،‬تغيير حجـ الخط‪ ،‬اسود عريض‪،‬‬‫مائل‪ ،‬مسطر‪ ،‬تغيير لوف الخط‪ ،‬تغيير لوف خمفية النص‪ ،‬اضافة اربط‪ ،‬تعداد رقمي‪ ،‬تعداد‬‫الصفحة ‪3‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫نقطي‪ ،‬تقميل المسافة البادئة‪ ،‬زيادة المسافة البادئة‪ ،‬محاذاة لميميف‪ ،‬توسيط‪ ،‬محاذاة لميسار‪ ،‬اتجاه‬ ‫النص مف اليميف لميسار او مف اليسار لميميف‪ ،‬مسح التنسيق‪ ،‬تحرير مصدر ‪HTML‬‬‫كما اف القوائـ (اد ارج‪ ،‬تنسيق‪ ،‬جدوؿ‪ ،‬تخطيط‪ ،‬مساعدة) تتضمف عناصر تفيد في تصميـ الموقع‬‫فمثلا قائمة تخطيط تتضمف تسع تخطيطات لمموقع يتـ اختيار التخطيط المناسب لكل صفحة‬‫عمى حدة‪ ،‬ويمكف اد ارج جدوؿ بعدد صفوؼ واعمدة محدد مف قائمة جدوؿ‪ ،‬كما يمكف اد ارج‬ ‫عناصر عديدة مف قائمة اد ارج مثل صورة و اربط ويوتيوب وخريطة و\"المزيد من الأدوات\"‪.‬‬ ‫* مف اجل اد ارج صورة شعار الجامعة يتـ النقر عمى قائمة \"اد ارج\" واختيار \"صورة\"‪.‬‬‫ومف ثـ نضغط عمى \"تحميل الصورة\" ونقوـ بتحديد مكاف الصورة عمى الجياز ونضغط \"فتح\"‬ ‫نلاحظ ظيور الصورة في نافذة اضافة صورة ومف ثـ نضغط موافق‪.‬‬‫الصفحة ‪4‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫الاف تـ اد ارج صورة شعار الجامعة في صفحة واجية الممف مع ملاحظة وجود شريط تنسيق‬‫الصورة الذي يتضمف الايقونات التالية بالترتيب‪ :‬المحاذاة (يميف – وسط ‪ -‬يسار)‪ ،‬الحجـ‬‫(صغير – متوسط – كبير – ‪ - %100‬الأصمي)‪ ،‬الالتفاؼ (تشغيل ‪ -‬إيقاؼ) ميمة لجعل‬ ‫الكلاـ عمى مساواة النص‪  ،‬حذؼ الصورة‪.‬‬‫كما يوجد اربط الصورة‪\" :‬الانتقاؿ الى ال اربط\" وعادة ما يكوف افت ارضي لتكبير الصورة بشاشة‬‫اخرى أوسع؛ ويمكف حذفو بالضغط عمى \"إ ازلة\"‪ ،‬اما مف اجل تعديمو يتـ الضغط عمى \"تغيير\"‬ ‫ومف ثـ يتـ كتابة ال اربط الم ارد الانتقاؿ اليو عند الضغط عمى الصورة‪ ،‬ونضغط عمى موافق‪.‬‬ ‫عند الانتياء مف تصميـ واجية الممف يجب النقر عمى زر \"حفظ\"‪.‬‬‫الصفحة ‪5‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫*صفحة نماذج الامتحانات‪:‬‬‫‪ .1‬ننقر عمى ايقونة انشاء صفحة أو ‪ c‬مف لوحة المفاتيح ونقوـ بتعبئة البيانات المطموبة‬ ‫كالتالي‪:‬‬‫نكتب اسـ الصفحة‪ :‬نماذج امتحانات‪ ،‬ونضغط عمى تغيير عنواف ‪ URL‬ونكتب ‪ ،1‬واىـ شيء‬ ‫نموذج الصفحة نختاره \"خ ازنة ممفات\" ومف ثـ ننقر عمى \"انشاء\" بأعمى الصفحة‪.‬‬‫ملاحظة‪ :‬يجب أف يكوف عنواف الويب لمصفحة بالمغة الانجميزية أو ارقاـ‪ ،‬لذلؾ لو كاف اسـ‬ ‫الصفحة بالمغة العربية لابد مف تغيير عنواف ‪.URL‬‬‫الصفحة ‪6‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫‪ .2‬نلاحظ انو تـ انشاء صفحة جديدة بالاسـ المطموب وىذه الصفحة تختمف عف صفحة واجية‬‫الممف لاف نموذج صفحة الواجية كاف \"ويب\" وليس خ ازنة ممفات‪ ،‬حيث اف الصفحة التي‬‫نموذجيا \"خ ازنة ممفات\" يمكف تحميل جميع انواع الممفات بيا مف نصوص وعروض وممفات‬‫صوتية وفيديو و‪ pdf‬مف جياز الحاسوب الشخصي او مف ‪ ، Drive‬كما يمكف اضافة اربط‬ ‫‪.‬‬‫‪ .3‬لتحميل نموذج الامتحاف الاوؿ ننقر عمى ايقونة \"اضافة ممف\" ومف ثـ تظير نافذة نقوـ‬ ‫بتحديد مكاف وجود نموذج الامتحاف الاوؿ عمى الجياز ونضغط موافق‪.‬‬‫‪ .4‬لإضافة وصف لمممف الذي تـ تحميمو نقوـ بتحريؾ المؤشر بجانبو حتى يصبح شكل‬‫المؤشر كف اليد وننقر بالماوس نقرة‪ ،‬فنلاحظ ظيور نافذة نكتب بيا وصف الممف مثلا‪:‬‬ ‫نموذج امتحاف شير مارس‪.‬‬‫‪ .5‬بنفس الطريقة نقوـ بتحميل نموذج الامتحاف الثاني والثالث وال اربع‪ ،‬وكتابة الوصف الخاص‬ ‫بكل منيـ‪.‬‬‫الصفحة ‪7‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫‪ .6‬لفصل نماذج امتحانات الصف العاشر عف الصف التاسع يتـ تحديد النموذج الاوؿ والثاني‬‫بالنقر عمى المربع اماميـ ومف ثـ النقر عمى زر \"نقل إلى\" واختيار \"مجمد جديد\" فتظير‬‫نافذة نكتب بيا اسـ المجمد الصف العاشر ثـ موافق‪ .‬نلاحظ اف النموذج الاوؿ والثاني قد تـ‬ ‫تضمينيـ ضمف مجمد الصف العاشر‪.‬‬ ‫‪ .7‬بنفس الطريقة نقوـ بإضافة مجمد باسـ الصف التاسع ونضع بداخمو النموذج الثالث وال اربع‪.‬‬‫‪ .8‬في حالة تـ تحميل ممف بالخطأ يمكف حذفو عف طريق تحديده ومف ثـ النقر عمى ايقونة‬ ‫السمة مف اعمى‪.‬‬‫‪ .9‬اما في حالة وجود نموذج الامتحاف عمى د اريف فيمكف اضافتو عمى الموقع مف خلاؿ النقر‬‫عمى \"اضافة مف ‪ \"Drive‬واختياره ثـ موافق‪ ،‬مع العمـ اف ىذا الاختيار لا يسمح ل ازئر‬‫الصفحة ‪8‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫موقعؾ بتنزيل نموذج الامتحاف الا بعد طمب الاذف منؾ وموافقتؾ بعد وصوؿ رسالة بذلؾ‬ ‫الى حسابؾ الجيميل‪.‬‬‫نشاط*‪ :‬بنفس الطريقة انشئ صفحة باسـ عروض تقديمية ومف ثـ ادرج ممفات البوربوينت‬‫لمدروس التعميمية التي صممتيا بمساؽ تكنولوجيا التعميـ واكتب وصف ليا يتضمف اسـ‬ ‫الدرس والوحدة والفصل الد ارسي‪ ،‬ورتبيا بمجمدات حسب الحاجة‪.‬‬ ‫*صفحة ممفات الفيديو‪:‬‬‫ونقوـ بتعبئة البيانات المطموبة‬ ‫‪ .1‬ننقر عمى ايقونة انشاء صفحة أو ‪c‬‬ ‫كالتالي‪:‬‬‫نكتب اسـ الصفحة‪ :‬ممفات الفيديو‪ ،‬ونضغط عمى تغيير عنواف ‪ URL‬ونكتب ‪ ،2‬واىـ شيء‬ ‫نموذج الصفحة نختاره \"صفحة ويب\" ومف ثـ ننقر عمى \"انشاء\" بأعمى الصفحة‪.‬‬ ‫‪ .2‬ننقر عمى قائمة \"اد ارج\" ونختار \"‪ \"YouTube‬كما بالصورة‪.‬‬‫الصفحة ‪9‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫‪ .3‬تظير نافذة باسـ \" إد ارج فيديو ‪ \"YouTube‬نقوـ بتعبئة البيانات المطموبة كالتالي‪:‬‬‫اولا يجب اف نكوف قد حددنا الفيديو التعميمي الذي نريد اد ارجو مف اليوتيوب‪ ،‬ثـ في اثناء فتحو‬ ‫نقوـ بنسخ عنواف ‪ URL‬لو أي اربط الفيديو كاملا‬‫ثـ نذىب الى النافذة التي باسـ \" إد ارج فيديو ‪ \"YouTube‬ونقوـ بمصق \"‪ \"ctrl+v‬لم اربط‪ ،‬ويتـ‬‫بعد ذلؾ اختيار حجـ الفيديو‪ ،‬ومف ثـ كتابة اسـ الفيديو مقابل \"تضميف الفيديو\" او يمكف اخفاء‬ ‫ظيور العنواف مف خلاؿ النقر بجانبو ‪.‬‬‫الصفحة ‪11‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫عند الانتياء يجب النقر عمى حفظ‪.‬‬‫نلاحظ ظيور الفيديو بيذه الطريقة عمى صفحة ممفات الفيديو في الممف الالكتروني‪ ،‬مع العمـ‬‫اننا نستطيع التحكـ بخصائص الفيديو وموضعو او حذفو مف خلاؿ شريط تنسيق الفيديو الذي‬ ‫يظير اسفمو عند النقر عمى الفيديو‪.‬‬‫ولكف لرؤية الفيديو كما نشاىده في موقع اليوتيوب يجب النقر عمى زر حفظ اعمى يسار‬ ‫الصفحة‪.‬‬ ‫وبالتالي يظير الفيديو بيذه الطريقة‪.‬‬‫الصفحة ‪11‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫نشاط*‪ :‬بنفس الطريقة قوـ بإد ارج فيديو مف اليوتيوب وليكف الفيديو التعميمي الذي تـ‬‫تصميمو عمى برنامج البيكاسا وتـ تحميمو في قناتؾ الخاصة عمى اليوتيوب في مساؽ‬ ‫تكنولوجيا التعميـ عممي‪.‬‬ ‫*صفحة السيرة الذاتية‪:‬‬ ‫‪ .1‬ننقر عمى ايقونة انشاء صفحة أو ‪ c‬ونقوـ بتعبئة البيانات المطموبة كالتالي‪:‬‬‫نكتب اسـ الصفحة‪ :‬السيرة الذاتية‪ ،‬ونضغط عمى تغيير عنواف ‪ URL‬ونكتب ‪ ،3‬واىـ شيء‬ ‫نموذج الصفحة نختاره \"قائمة\" ومف ثـ ننقر عمى \"انشاء\" بأعمى الصفحة‪.‬‬‫‪ .2‬ننقر عمى ايقونة تعديل الصفحة ونقوـ بكتابة البيانات الاساسية مثل الاسـ وتاريخ الميلاد‬ ‫والتخصص والعنواف‪ .‬مع التنسيق العاـ لمنص‪.‬‬‫الصفحة ‪12‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫‪ .3‬لإد ارج عنواف السكف بواسطة خ ارئط جوجل‪ ،‬ننقر عمى قائمة اد ارج ونضغط عمى خريطة‬‫ومف ثـ نكتب في مربع البحث قطاع غزة ويتـ تحديد العنواف بالضبط بواسطة عجمة الماوس‬‫بالتقريب او التبعيد ولاعتماد المكاف يتـ الضغط عمى الدبوس الاحمر ومف ثـ سحبو فوؽ‬‫المنطقة بالضبط والضغط عمى موافق ومف ثـ تعبئة البيانات خاصة حجـ الخريطة عمى‬ ‫الصفحة وعند الانتياء موافق‪.‬‬‫الصفحة ‪13‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫الصفحة ‪14‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫‪ .4‬يتـ النقر عمى زر حفظ اعمى يسار الصفحة عند الانتياء مف الكتابة‪.‬‬ ‫‪ .5‬اما لإد ارج الدو ارت التدريبية يتـ النقر عمى \"استخداـ النموذج\" واتباع الاتي‪:‬‬‫ومف ثـ تظير نافذة باسـ \"تخصيص القائمة\" يجب اعداد القائمة بواسطتيا عف طريق اضافة‬ ‫الاعمدة‪:‬‬‫الصفحة ‪15‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫يتـ كتابة اسـ العمود مثلا (اسـ الدورة‪ ،‬اسـ المدرب‪ ،‬تاريخ البدء‪ ،‬تاريخ الانتياء‪ ،‬الجية المانحة)‬‫مع م ارعاة اختيار النوع المناسب لإدخاؿ البيانات حيث اف كل نوع لو ميزتو وطريقة ادخاؿ‬‫تختمف عف الاخر‪ ،‬كما نلاحظ بالصورة اف اسماء الحقوؿ او الاعمدة تظير عمى اليميف وبجانب‬‫كل حقل ثلاث أيقونات يمكف مف خلاليا تحريؾ الحقل الى اعمى او اسفل او حذفو عند تحديده‪.‬‬‫عند الانتياء مف ادخاؿ الاعمدة او الحقوؿ نضغط عمى زر \"حفظ\"‪ ،،‬ونلاحظ ظيور قائمة‬ ‫مخصصة في صفحة السيرة الذاتية حسب البيانات التي تـ ادخاليا في نافذة تخصيص القائمة‪.‬‬‫الصفحة ‪16‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫ومف اجل ادخاؿ الدو ارت ننقر عمى زر \"اضافة عنصر\" ونقوـ بتعبئة بيانات كل دورة عمى حدة‬‫ومف ثـ حفظ‪ ،‬ولتعبئة دورة اخرى نكرر العممية بالضغط عمى اضافة عنصر مرة اخرى ونقوـ‬ ‫بتعبئة البيانات كما يمي‪:‬‬ ‫نشاط*‪:‬‬ ‫قومي باد ارج الصفحات التالية في موقعؾ‪:‬‬‫الصفحة ‪17‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫محتوى الصفحة‬ ‫نموذج الصفحة‬ ‫اسم الصفحة‬ ‫م‬‫الخصائص الجسمية والعقمية ‪...‬‬ ‫صفحة ويب‬ ‫خصائص نمو تلاميذ‬ ‫‪.1‬‬ ‫صور وافلاـ والعاب وفيديوىات‬ ‫اعلانات‬ ‫المرحمة‬ ‫‪.2‬‬ ‫او ارؽ وبطاقات العمل‬ ‫خ ازنة ممفات‬ ‫الوسائل التعميمية المستخدمة‬ ‫‪.3‬‬ ‫صفحة ويب‬ ‫‪.4‬‬‫موضػػػػػوعات مقاليػػػػػو وقػػػػػ ارءات‬ ‫أو ارؽ عمل‬ ‫خارجية حوؿ المنيج‬ ‫صفحة ويب‬ ‫مواد إث ارئية‬ ‫صفحة ويب‬ ‫الدرس التعميمي المحوسب‬ ‫خ ازنة ممفات‬ ‫إذاعة مدرسية‬ ‫‪.5‬‬ ‫خب ارت في مجاؿ التعميـ سواء‬ ‫البوـ صور‬ ‫‪.6‬‬ ‫قائمة‬ ‫‪.7‬‬ ‫عمل او تطوع‪.‬‬ ‫عروض بوربوينت‬ ‫‪.8‬‬ ‫خب ارت عممية‬ ‫تنسيق الموقع العام‪:‬‬ ‫اولا‪ :‬تعديل تنسيق موقع الويب‪:‬‬ ‫مف الايقونة مزيد مف الاج ارءات \"الترس\" نضغط عمى \"تعديل تنسيق موقع الويب\"‪.‬‬‫الصفحة ‪18‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫حيث نستطيع التحكـ بالقوائـ (الشريط الجانبي – الافقي – أرس الموقع – تذييل الموقع) التي‬ ‫تظير بالموقع وايضا اضافة عناصر اخرى في الشريط الجانبي‪ ،‬ووكذلؾ ترتيب الصفحات ‪.‬‬‫نلاحظ اف الخياريف \" أرس الصفحة\" و \"الشريط الجانبي\" مفعلاف أي انيما ظاى ارف اما \"التنقل‬‫الافقي\" و \"تذييل مخصص\" غير مفعلا مما يعني عدـ ظيورىـ بالموقع ومف اجل اب ارزىما يجب‬ ‫النقر عمييما واما لمتحكـ في خيا ارتيما نضغط عمييـ في مكاف ظيورىـ ‪.‬‬‫الصفحة ‪19‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫أ‪ -‬تعديل أرس الصفحة‪:‬‬‫مف اجل التحكـ في خيا ارت أرس الموقع نقوـ بسحب المؤشر الى منطقة ارس الموقع حتى‬ ‫يصبح شكمو مثل كف اليد ومف ثـ ننقر نقرة لنتحكـ بخيا ارت تعديل ارس موقع الويب‪.‬‬‫نلاحظ ظيور نافذة يمكف مف خلاليا تييئة عنواف الموقع مف حيث الارتفاع‪ ،‬ومحاذاة النص‬‫بداخمو بشكل افقي أو أرسي‪ ،‬كما يمكف اضافة شعار الى أرس الموقع عف طريق تحديد شعار‬ ‫مخصص ومف ثـ النقر عمى تصفح وتحديد مكانو وعند الانتياء مف ذلؾ نضغط موافق‪.‬‬ ‫ب‪ -‬تعديل التنقل الافقي‪:‬‬‫مف اجل التحكـ في خيا ارت التنقل الافقي يجب الضغط عميو في الاعمى لتفعيمو اولا فنلاحظ‬‫ظيور شريط اسفل ارس الموقع مباشرة ويتضمف صفحة واحدة فقط ىي الصفحة الرئيسية ثـ نقوـ‬‫بسحب المؤشر الى منطقة شريط التنقل الافقي حتى يصبح شكمو مثل كف اليد ومف ثـ ننقر نقرة‬ ‫لنتحكـ بخيا ارت تعديل التنقل الافقي‪.‬‬‫الصفحة ‪21‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫نلاحظ ظيور نافذة يتـ مف خلاليا ترتيب الصفحات‪ ،‬وذلؾ بالنقر عمى \"اضافة صفحة\" ثـ تحديد‬ ‫الصفحة والنقر عمى موافق‪ .‬وتتكرر ىذه الخطوة لاضافة جميع الصفحات‪.‬‬‫الصفحة ‪21‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫كما يمكف اعادة ترتيب الصفحات بعد اضافتيا بواسطة الاسيـ عمى يسار النافذة (تحريؾ لأعمى‪،‬‬ ‫تحريؾ لأسفل‪ ،‬تأخير‪ ،‬إلغاء التأخير‪ ،‬إ ازلة)‪.‬‬‫ملاحظة‪ :‬مف اجل وضع صفحة كمنسدلة مف صفحة اخرى نقوـ بوضع الصفحة اسفل مف‬‫الصفحة الاساسية ومف ثـ نحددىا وننقر عمى \"تأخير\" السيـ لميسار‪ ،‬كما يتضح مف الصورة باف‬ ‫صفحة فيديو تعميمي وعروض بوربوينت متفرعة مف الوسائل التعميمية‪.‬‬‫وتظير في اثناء عرض الموقع مثل القائمة المنسدلة التي تتضمف صفحات اخرى كما يظير‬ ‫بالصورة التالية‪:‬‬ ‫ت‪ -‬تعديل الشريط الجانبي‪:‬‬‫نقوـ بسحب المؤشر الى منطقة الشريط الجانبي‪ ،‬ونلاحظ ظيور ايقونتيف ىما ✐ لمتعديل و‪+‬‬ ‫لاضافة عناصر جديدة‪.‬‬‫وتستخدـ ايقونة القمـ لتعديل الشريط الجانبي مف اجل تحديد مكاف وجود الشريط الجانبي عمى‬ ‫يميف الموقع او عمى يساره‪ ،‬كما يمكف تغيير القيمة الرقمية لعرض الشريط الجانبي عند الحاجة‪.‬‬‫الصفحة ‪22‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫وتستخدـ ايقونة ال ازئد \"‪ \"+‬لإضافة عناصر جديدة في الشريط الجانبي اسفل العنصر الاساسي‬‫الموجود وتشمل العناصر الجديدة‪ :‬تنقل‪ ،‬نص‪ ،1+ ،‬أنشطة الموقع الأخيرة‪ ،‬آخر أنشطتي‪ ،‬عد‬‫تنازلي‪ ،‬مالكو الموقع‪ ،‬مؤلفو الموقع‪ .‬حيث يتـ اضافة العناصر مف خلاؿ النقر عمى زر‬‫\"اضافة\" اسفل العنصر الم ارد اضافتو‪ ،‬ليظير في الشريط الجانبي اسفل العنصر الاساسي‬ ‫الموجود‪.‬‬ ‫اضافة عنصر شريط جانبي جديد‪:‬‬ ‫اضافة نص او صور لمشريط الجانبي لمموقع‪.‬‬‫الصفحة ‪23‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫ومف اجل كتابة نص في العنصر الجديد \"نص\"‪ ،‬يجب سحب الموشر الى اسفل الشريط الجانبي‬‫حيث يصبح شكمو مثل كف اليد \"تعديل عنصر الشريط الجانبي\" ومف ثـ نضغط عميو أي ننقر‬‫نقرة‪ ،‬فنلاحظ ظيور نافذة \"تييئة مربع النص\" ويتـ مف خلاليا كتابة النص وتنسيقو وكذلؾ يمكف‬ ‫اد ارج صورة لتظير اسفل النص‪.‬‬‫نشاط*‪ :‬قومي بإضافة ثلاث حكـ تربوية في الشريط الجانبي لموقعؾ تتضمف صورة اسفل كل‬ ‫حكمة‪.‬‬ ‫اضافة روابط لممواقع المختمفة‪.‬‬‫ويتـ ذلؾ مف خلاؿ اضافة العنصر الجديد \"تنقل\"‪ ،‬وبنفس الطريقة يتـ سحب الموشر الى اسفل‬‫الشريط الجانبي حيث يصبح شكمو مثل كف اليد \"تعديل عنصر الشريط الجانبي\" ونقوـ بالضغط‬ ‫عميو مف اجل اضافة الروابط ‪.‬‬‫الصفحة ‪24‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫نلاحظ ظيور نافذة جديدة باسـ \"تييئة التنقل\"‪ ،‬ويتـ مف خلاليا تغيير عنواف قائمة التنقل وليكف‬‫مثلا روابط مفيدة كما يمكف الغاء عرض العنواف عند الحاجة مف خلاؿ النقر عمى✅ اسفل منو‪.‬‬‫ومف اجل تحديد الصفحات لعرضيا يتـ النقر عمى \"اضافة عنواف ‪ \"URL‬ومف ثـ كتابة اسـ‬‫الموقع و اربط الصفحة لو‪ .‬فيمكف اضافة موقع الجامعة الاسلامية او موقع و ازرة التربية والتعميـ‬ ‫او موقع روافد التعميمي او أي موقع مفيد في التخصص‪.‬‬‫الصفحة ‪25‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫ملاحظة‪ :‬في حالة تـ حذؼ العنصر الذي يتضمف صفحات الموقع في الشريط الجانبي بدوف‬‫قصد‪ ،‬يمكف اضافتو مف جديد بنفس الطريقة مف اضافة \"تنقل\" ومف ثـ بدؿ اف يتـ اختيار‬ ‫\"اضافة عنواف ‪ \"URL‬يتـ النقر عمى \"اضافة صفحة\" وتحديد الصفحات بالترتيب‪.‬‬ ‫اضافة مالكو الموقع‬ ‫بنفس الخطوات السابقة يتـ اضافة مالكو الموقع‪.‬‬‫نشاط*‪ :‬قومي بإضافة روابط لعشر مواقع مفيدة تعميمية او تربوية تفيد تخصصؾ في الشريط‬ ‫الجانبي لموقعؾ‪.‬‬ ‫ث‪ -‬تعديل تذييل الصفحة‪:‬‬‫مف اجل التحكـ في خيا ارت \"تذييل الصفحة\" يجب الضغط عميو في الاعمى لتفعيل‪/‬تمكيف التذييل‬‫المخصص اولا فنلاحظ ظيور شريط اسفل الموقع‪ ،‬ثـ نقوـ بسحب المؤشر الى منطقة تذييل‬‫الصفحة حتى يصبح شكمو مثل كف اليد \"تعديل التذييل المخصص\" ومف ثـ ننقر نقرة لنتحكـ‬ ‫بخيا ارت تعديل تذييل الصفحة‪.‬‬ ‫ويمكف كتابة أي نص ي ارد اد ارجو في تذييل الصفحة مثلا الايميل الشخصي‪ ،‬ومف ثـ موافق‪.‬‬‫الصفحة ‪26‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫وعند الانتياء مف تعديل تنسيق موقع الويب‪ ،،‬ومف اجل العودة الى الصفحة الرئيسية لمموقع‬ ‫يجب النقر مف اعمى يسار الموقع عمى \"اغلاؽ\"‪.‬‬ ‫نشاط*‪ :‬قومي بكتابة الايميل الخاص بؾ في تذييل الموقع الخاص بؾ‪.‬‬ ‫ثانيا‪ :‬إدارة الموقع‪:‬‬‫مف الايقونة مزيد مف الاج ارءات \"الترس\" ننقر عمى \"إدارة الموقع\"‪ ،‬حيث تتضمف اج ارءات عدة‬ ‫خاصة بادارة الموقع أبرزىا عاـ‪ ،‬والمظاىر والالواف والخطوط‪ ،‬والمشاركات والاذونات‪.‬‬ ‫أ‪ -‬عام‪:‬‬‫يمكف تغيير اسـ الموقع‪ ،‬وكتابة رسالة تظير ل ازئري الموقع‪ ،‬كما يجب الانتباه الى سعة تخزيف‬ ‫الموقع \"السعة التخزينية المجانية المسموح بيا ‪ 100‬ميجا بايت\"‪.‬‬‫عند اج ارء تعديل عمى اسـ الموقع او الاشعار لابد مف النقر عمى \"حفظ\" لتأكيد التغيي ارت‪ ،‬وعند‬ ‫الانتياء ومف اجل العودة الى الموقع يتـ النقر عمى اسـ الموقع اسفل كممة \"إدارة موقع الويب\"‪.‬‬‫الصفحة ‪27‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫كما يمكف تغيير لغة عرض الموقع مف المغة العربية الى أي لغة اخرى‪ ،‬فمثلا لو تـ تغيير المغة‬ ‫الى المغة الانجميزية سوؼ نلاحظ وجود قائمة الشريط الجانبي عمى الجية اليسرى لمموقع وليس‬ ‫اليمنى‪.‬‬ ‫ب‪ -‬المشاركة والأذونات‪:‬‬‫مف الممكف اف يكوف اكثر مف مالؾ لمموقع الواحد‪ ،‬او اف يكوف اكثر مف شخص لديو صلاحية‬‫التعديل عمى الموقع‪ ،‬وذلؾ بدعوة الاشخاص مف خلاؿ اضافة البريد الالكتروني ليـ ومف ثـ‬ ‫تمكيف الصلاحية المناسبة ليـ (مالؾ‪ ،‬تعديل‪ ،‬عرض)‪.‬‬ ‫نشاط*‪:‬‬ ‫قومي باضافة الايميل الخاص بمشرفؾ التربوي واعطاؤه صلاحية مالؾ‪.‬‬‫الصفحة ‪28‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫ت‪ -‬المظاهر والخطوط والالوان‪:‬‬‫يتـ التحكـ في المظير الاساسي لمموقع كما بالصورة حيث يوجد مظاىر عديدة جميمة بمجرد‬ ‫النقر عمييا يتـ معاينتيا اما لاعتمادىا يتـ النقر عمى زر \"حفظ\" اعمى الصفحة‪.‬‬‫كما يتـ التحكـ في الالواف والخطوط لمصفحة كميا والشريط الجانبي و أرس الموقع‪ ،‬ومنطقة‬ ‫المحتوى والتنقل الافقي‪.‬‬‫وذلؾ بالنقر مثلا‪ :‬عمى \" أرس الموقع\" ومف ثـ النقر عمى \"الخمفية\" ومف ثـ بجانب \"المون\" يتـ‬ ‫اعتماد المظهر او بلا او اختيار لون‪.‬‬‫اما لتغيير خط ولوف وحجـ عنواف أرس الموقع نقوـ بالنقر عمى \" أرس الموقع\" ومف ثـ النقر عمى‬ ‫\"العنوان\" ومف ثـ بجانب \"الخط\" يتـ اعتماد المظهر او اختيار نمط خط مناسب‪.‬‬‫الصفحة ‪29‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫وبنفس الطريقة يتـ التنقل بيف خيا ارت العمود الاوؿ ومف ثـ اختيار الثاني واعتماد الامر المناسب‬ ‫تسجيل الخروج من الحساب الشخصي الموقع‪:‬‬‫عند الانتياء مف العمل عمى الموقع لابد مف تسجيل الخروج مف الحساب وذلؾ بالنقر عمى الاسـ‬ ‫الشخصي اعمى يسار الموقع ومف ثـ اختيار الخروج‪.‬‬‫واف اردنا بعد ذلؾ الدخوؿ الى الموقع مف مكاف اخر‪ ،‬يتـ تسجيل الدخوؿ الى \"‪\"Google Site‬‬‫وكتابة الجيميل وكممة المرور‪ ،‬وسوؼ نلاحظ وجود اسـ الموقع الذي قمنا بانشاؤه‪ ،‬ولابد مف‬ ‫النقر عميو لنتمكف مف اج ارء تعديلات اخرى او اضافات عميو‪.‬‬‫الصفحة ‪31‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫م ارجع اضافية‪:‬‬‫يمكف الاطلاع عمى مقطع فيديو \"تصميم ممف الانجاز الالكتروني بواسطة الجوجل سايت\"‪،‬‬ ‫عمى اليوتيوب مف خلاؿ ال اربط التالي‪:‬‬ ‫‪https://www.youtube.com/watch?v=o2_HEI9JXTs‬‬‫كما يمكف متابعة المجموعة عمى الفيس بوؾ باسـ \"ممف الانجاز الالكتروني الجامعة‬ ‫الاسلامية\" مف خلاؿ ال اربط التالي‪:‬‬ ‫‪/https://www.facebook.com/groups/1515078908720668‬‬ ‫ويمكف الاطلاع عمى نماذج لمواقع طالبات تـ تصميميا بواسطة الجوجل سايت في مساؽ‬ ‫تكنولوجيا التعميم مف خلاؿ ال اربط التالي‪:‬‬ ‫‪/https://sites.google.com/site/halaprojects‬‬‫الصفحة ‪31‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬

‫قائمة المحتويات‬‫الصفحة‬ ‫الموضوع‬ ‫م‬ ‫‪1‬‬ ‫خطوات انشاء موقع‬ ‫‪‬‬ ‫‪3‬‬ ‫‪‬‬ ‫‪3‬‬ ‫تصميم صفحات الموقع‬ ‫‪‬‬ ‫‪6‬‬ ‫‪ ‬واجهة الموقع‬ ‫‪‬‬ ‫‪9‬‬ ‫‪ ‬صفحة نماذج الامتحانات‬ ‫‪‬‬ ‫‪12‬‬ ‫‪ ‬صفحة ممفات الفيديو‬ ‫‪‬‬ ‫‪18‬‬ ‫‪ ‬صفحة السيرة الذاتية‬ ‫‪‬‬ ‫‪18‬‬ ‫‪‬‬ ‫‪20‬‬ ‫تنسيق الموقع العام‬ ‫‪‬‬ ‫‪20‬‬ ‫اولا‪ :‬تعديل تنسيق موقع الويب‬ ‫‪‬‬ ‫‪22‬‬ ‫أ‪ -‬تعديل أرس الصفحة‬ ‫‪‬‬ ‫‪23‬‬ ‫ب‪ -‬تعديل التنقل الافقي‬ ‫‪‬‬ ‫‪23‬‬ ‫ت‪ -‬تعديل الشريط الجانبي‬ ‫‪‬‬ ‫‪24‬‬ ‫اضافة عنصر شريط جانبي جديد‬ ‫‪‬‬ ‫‪26‬‬ ‫اضافة نص او صور لمشريط الجانبي لمموقع‬ ‫‪‬‬ ‫‪26‬‬ ‫اضافة روابط لممواقع المختمفة‬ ‫‪‬‬ ‫‪27‬‬ ‫اضافة مالكو الموقع‬ ‫‪‬‬ ‫‪27‬‬ ‫ث‪ -‬تعديل تذييل الصفحة‬ ‫‪‬‬ ‫‪28‬‬ ‫‪‬‬ ‫‪29‬‬ ‫ثانيا‪ :‬إدارة الموقع‬ ‫‪‬‬ ‫‪30‬‬ ‫أ‪ -‬عام‬ ‫‪‬‬ ‫‪31‬‬ ‫‪‬‬ ‫‪32‬‬ ‫ب‪ -‬المشاركة والأذونات‬ ‫‪‬‬ ‫ت‪ -‬المظاهر والخطوط والالوان‬ ‫تسجيل الخروج من الحساب الشخصي الموقع‬ ‫م ارجع اضافية‬ ‫قائمة المحتويات‬‫الصفحة ‪32‬‬ ‫اعداد‪ /‬هالة عادل دغمش‬ ‫شرح ‪Google Site‬‬