‫إعداد و تقدمي ‪ :‬علي حبيب اخلالص‬ ‫أبو‬

‫‪ALI2060@GMAIL.COM‬‬
‫احلسن‬
 ‫اإلصدار ‪3‬‬
‫احملدث بتاريخ‪/‬‬
‫األربعاء‪/08 ،‬ربيع الثاين‪1444/‬‬

‫علي حبيب اخلالص‬

‫األحساء‬
‫تصميم المواقع ‪Weebly‬‬
‫أبو‬
‫الحسن‬
 ‫تعارف‬
‫االسم األول و األخير‬

‫المدرسة و التخصص؟‬

‫عالقتك بالحاسب‪:‬‬
‫▪ مبتدئ‬
‫▪ وسط‬
‫▪ محترف‬
‫▪ أتوقع أن أبدأ بعد هذه‬ ‫أبو‬
‫الحسن‬
‫الدورة‬
 ‫الحقوق غير محفوظة‬

‫ختضع مجيع حمتوايت هذا الربانمج التدرييب لرتخيص «املصادر التعليمية‬

‫ال ميكنك‪:‬‬ ‫املفتوحة» ميكنك‪:‬‬
‫• نسبته لغري صاحبه‪.‬‬ ‫• نسخه‪.‬‬
‫• املتاجرة به‪.‬‬ ‫• توزيعه‪.‬‬
‫• طباعته‪.‬‬
‫• التعديل عليه مع اإلشارة إىل ذلك‪.‬‬
‫ميكنك حتميل آخر حتديثات العرض من صفحيت‪:‬‬
‫‪HTTP://ALI2060.WEEBLY.COM‬‬

‫أبو‬
‫الحسن‬
 ‫ويبلي ‪WEEBLY‬‬

‫يمكنك الرد على مكالمات الجوال خارج القاعة‬

‫دون االستئذان!‬

‫أبو‬
‫الحسن‬
 ‫ويبلي ‪WEEBLY‬‬

‫استمتع بمشروبك أثناء الدورة!‬

‫أبو‬
‫الحسن‬
‫ما الهدف من استخدام التكنولوجيا في التعليم؟‬

‫أبو‬
‫الحسن‬
 ‫فكر و في نهاية جلسة اليوم أجب!‬

‫ما هي املشكالت التعليمية اليت ميكن لويبلي أن حيلها؟‬

‫أبو‬
‫الحسن‬
 ‫ويبلي ‪WEEBLY‬‬

‫ويبلي هو موقع ويب جماين يعتمد على الودجات لصناعة مواقع ويب أبسهل‬
‫طريقة دون االعتماد على اللغات الربجمية مثل ‪HTML, PHP, CSS.‬‬
‫ويكيبيداي‬

‫أبو‬
‫الحسن‬
 ‫املؤسسون‬

‫رأى ديفيد‪ ،‬دان‪ ،‬و كريس مدى‬

‫الصعوبة ألصدقائهم يف وضع‬
‫اإلنرتنت‬ ‫على‬ ‫أعماهلم‬
‫فتعاونوا من أجل بناء أول‬
‫خدمة تتيح للجميع إنشاء‬
‫موقع عالي اجلودة بسهولة‪.‬‬

‫‪Weebly was founded by college friends‬‬

‫‪David, Dan and Chris.‬‬ ‫يف عام ‪ 2007‬رأى‬
‫أبو‬
‫املوقع النور‬ ‫الحسن‬
 ‫ويبلي ‪WEEBLY‬‬

‫موقع نسخ احتياطي‬

‫حصل موقع ويبلي على املركز الرابع‬

‫ألفضل املواقع حسب جملة اتمي‪.‬‬
‫ويكيبيداي‬

‫أبو‬
‫الحسن‬
‫رابط املقال على جملة تايم‬
‫‪http://content.time.com/time/specials/packages/completelist/0,29569,1633488,00.html‬‬
 ‫ملاذا ويبلي؟‬

‫❖ للمعلم ‪ :‬إنشاء موقع خاص بالفصل‪ ،‬أو املدرسة‪ ،‬أو عام ملشاركة إجنازاته و‬
‫أعماله‪.‬‬

‫❖ للطالب‪ :‬ميكن للطالب إنشاء صفحات تتصل مبواده الدراسية كمدونة‬

‫متطورة جدا و سهلة‪.‬‬

‫❖ يستخدم يف املرحلة الثانوية و اجلامعية كمشروع خترج (إنشاء موقع يروج‬

‫لفكرة رائدة أو مناقشة قضية ساخنة)‪.‬‬

‫أبو‬
‫الحسن‬
‫ميزات ويبلي ‪WEEBLY‬‬

‫❑ أكثر من ‪ 30‬مليون مستخدم‪.‬‬

‫❑ أكثر من ‪ 40‬مليون موقع‪.‬‬
‫❑ أكثر من ‪ 325‬مليون زيارة شهرية فريدة‪.‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫متوفر لألجهزة الذكية بنظام أندرويد و هي كافية لبناء موقع كامل (ملاذا‬
‫ال نريدها يف دورات التدريب؟)‬
‫‪30MB‬‬

‫أبو‬
‫الحسن‬
‫ميزات ويبلي ‪WEEBLY‬‬

‫متوفر لألجهزة الذكية بنظام ‪IOS‬‬

‫و هي كافية لبناء موقع كامل‬
‫‪193.4 MB‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫جتاوزت تثبيت الربنامج على أجهزة أندرويد املليون!‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫جتاوزت تثبيت الربنامج على أجهزة أندرويد املليون!‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫األمان‪ :‬املوقع يتوىل جانب احلماية للموقع و النسخ االحتياطي‪.‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫سهولة االستخدام‪ .‬بسبب واجهته السهلة و اجلميلة‪.‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫السرعة‪ :‬سريفرات االستضافة سريعة‪.‬‬

‫أبو‬
‫الحسن‬
‫ميزات ويبلي ‪WEEBLY‬‬

‫الدعم الفين جيد‪.‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫❑ إمكانية تعاون عدة أشخاص على نفس املوقع‪.‬‬

‫❑ سهولة إنشاء متجر إلكرتوني‪.‬‬
‫❑ إمكانية محاية أجزاء من موقعك بكلمة مرور‪ ،‬حيث ال يستطيع‬
‫مشاهدته إال من يعرفها‪.‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫اخلدمات املدفوعة متوفرة بأسعار منافسة‪.‬‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫يوصف ويبلي بأنه‬

‫)‪WYSIWYG (what you see is what you get‬‬
‫هذا يشري إىل أن ما تراه يف أثناء التصميم هو ما سيشاهده الزوار فعليا‬

‫أبو‬
‫الحسن‬
 ‫ميزات ويبلي ‪WEEBLY‬‬

‫لدى أغلب الطالب خربة جيدة يف التعامل بشكل رقمي و تقين‪.‬‬

‫أبو‬
‫الحسن‬
‫ميزات ويبلي ‪WEEBLY‬‬

‫مدخل آمن خاص بالطالب‬

‫أبو‬
‫الحسن‬
 ‫نقاط سلبية‬

‫نقل حمتويات من موقع سابق ليس مرنا‪.‬‬

‫أبو‬
‫الحسن‬
 ‫مقارنة بني ويبلي و ووردبريس‬
‫ويبلي‬ ‫ووردبريس‬
‫وورد بريس‪ :‬موقع تدوين متقدم برتخيص‬
‫نظام مغلق (‪) closed system‬‬ ‫املصادر املفتوحة مما يعين أن كود الربجمة متاح‬
‫كود الربجمة ليس متاحا و لذا ال‬ ‫للجميع ( ‪open source website‬‬
‫‪ )builder‬و لذا تتوفر له كثري من اإلضافات (و‬
‫تتوفر له إضافات غري رمسية‪.‬‬ ‫إن كان بعضها ليس جبودة كافية)‬

‫وورد بريس‪ :‬حيتاج خلربة واسعة لتحقيق‬

‫ال يتطلب خربة برجمية أو‬ ‫االستفادة املثالية‬
‫تصميمية‬

‫دعم مركزي من فريق املوقع‪ ،‬و‬ ‫الدعم الفين وفري من جهات عديدة‬
‫سهولة املوقع ال تضطرك للحاجة‬ ‫و ليست مركزية و بعض املشاكل ال‬
‫للدعم الفين‬ ‫جتد حالً‪.‬‬
 ‫مقارنة بني ويبلي و ووردبريس‬

‫ويبلي‬ ‫ووردبريس‬

‫كل مسائل التحديث و ضمان‬ ‫التحديثات و الصيانة ليست أمرا‬

‫التناسق بني احملتويات مكفولة‬ ‫سهال و حينما يتم حتديث املوقع‬
‫بواسطة فريق التطوير و ال صلة‬ ‫فعليك البحث عن حتديث اإلضافات‬
‫للمستخدم بها‪.‬‬ ‫اليت تستخدمها‪.‬‬

‫أبو‬
‫الحسن‬
 ‫مقارنة بني ويبلي وويكس‬
‫ويبلي‬ ‫ويكس‬
‫‪ 40‬حساب مسجل‬ ‫‪ 100‬مليون حساب مسجل‬

‫ميكن تغيري القوالب بعد‬ ‫ال ميكن تغيري القوالب بعد‬

‫اختيارها و العمل عليها‬ ‫اختيارها و العمل عليها‬

‫حمتويات الرتويسة حمدودة إذ ال‬ ‫مرونة أكثر‬

‫ميكن إضافة بعض العناصر‬

‫اخلطة اجملانية‪ 5 :‬صفحات‬ ‫عدد صفحات غري حمدود‬

‫املدفوعة األساسية‪ 10 :‬صفحات‬

‫اإلضافات و التحسينات بطيئة‬ ‫سرعة يف التطوير و التحديث‬

 ‫مقارنة بني ويبلي وويكس‬
‫ويبلي‬ ‫ويكس‬
‫يوفر خاصية التصدير لنقل املوقع ملضيف آخر‬ ‫ال ميكنك نقل موقع ملضيف آخر‬

‫أسعار اخلدمات من ‪ 8‬دوالر حتى ‪ 38‬دوالر‬ ‫أسعار اخلدمات من ‪ 5‬دوالر حتى ‪ 25‬دوالر‬
‫أمريكي شهريا‬ ‫أمريكي شهريا‬
 ‫مقارنة بني ويبلي وويكس‬
‫ويبلي‬ ‫ويكس‬

Registered Wix users grew 24% every year. Paying Wix users grew 35%
every year.
 ‫مقارنة بني ويبلي وويكس‬
‫ويبلي ‪WEEBLY‬‬ ‫ويكس ‪WIX‬‬

‫شعبية الموقعين في جميع أنحاء العالم من ‪2004‬‬

‫حتى اآلن‬
‫مقارنة بني ويبلي وويكس‬
‫ويبلي ‪WEEBLY‬‬

‫مستوى االهتمام حسب المنطقة‬

‫مقارنة بني ويبلي وويكس‬
‫ويكس ‪WIX‬‬

‫مستوى االهتمام حسب المنطقة‬

 ‫مقارنة بني ويبلي وويكس‬
‫ويبلي ‪WEEBLY‬‬ ‫ويكس ‪WIX‬‬

‫قوالب التصميم‬
 ‫مقارنة بني ويبلي وويكس‬
‫ويبلي ‪WEEBLY‬‬ ‫ويكس ‪WIX‬‬
WWW.WEBSITE.COM
 ‫أمثلة ملواقع مصممة باستخدام ويبلي‬

http://essentialielts.weebly.com/

http://pln/moc.ylbeew.17

http://oer2016.weebly.com/

http://www.douksnow.com/#
http://www.douksnow.com/tech.html

‫أبو‬
‫الحسن‬
 ‫لتفادي مواجهة مشاكل أثناء التطبيق‬ ‫‪0‬‬

‫( ‪)FIREFOX, CHROME, AND IE‬‬ ‫فليكن لديك أكثر من متصفح على كمبيوترك‬ ‫‪1‬‬

‫يفضل مسح حمفوظات التصفح املؤقتة‪.‬‬ ‫‪2‬‬ ‫‪0‬‬

‫يفضل مسح حمفوظات حبث قوقل املؤقتة‪.‬‬ ‫‪3‬‬

‫استخدم خاصية التحديث ابلضغط على ‪F5‬‬ ‫‪4‬‬

‫أتكد من تثبيت آخر حتديثات ويندوز و برانمج احلماية و برانمج حجب الدعاايت‬ ‫‪5‬‬

‫أتكد من تثبيت آخر حتديثات جافا ‪JAVA‬‬ ‫‪6‬‬

‫يفضل تثبيت قارئ ملفات ‪PDF‬‬ ‫‪7‬‬

‫يفضل تثبيت مرمز و مشغل فيديو ‪K-LITE CODEC - VLCPLAYER‬‬ ‫‪8‬‬
‫أبو‬
‫الحسن‬
 ‫ال تتفاجأ‬

‫إذا الحظت في بعض األحيان أن ما تراه على‬

‫كمبيوترك يختلف عما يظهر على شاشة‬
‫العرض أو حتى كمبيوتر زميلك‬

‫أبو‬
‫الحسن‬
‫شاهد الخطوات أوال‬

‫طبق ما شاهدته‬

‫يمكنك التشاور مع أقرب متدرب لك‬

‫أبو‬
‫الحسن‬

‫ارفع يدك لدعم فني فوري‬

‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪1‬‬

‫تسجيل جديد‬

‫ميكنك التسجيل ابستخدام حساب فيس بوك أو‬

‫قوقل‬

‫أبو‬
‫الحسن‬
‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪2‬‬

‫ميكنك تسجيل الدخول دون تسجيل سابق ابستخدام‬

‫حساب فيس بوك أو قوقل‬

‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪3‬‬

‫هل تريد إنشاء‬

‫متجر إلكتروني‬
‫باستخدام ويبلي؟‬

‫اختر نعم لتبدأ بناء متجر‬

‫متطور جدا‬
‫اختر ليس اآلن لتبدأ‬
‫إنشاء موقع متقدم‬ ‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪4‬‬

‫اخلطوة التالية هي اختيار السمة العامة للموقع‬

‫أخرى‬

‫أعمال تجارية‬ ‫صفحات‬

‫حقيبة‬ ‫مناسبات‬ ‫مدونة‬
‫شخصية‬

‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪5‬‬

‫لمزيد من السمات‬

‫قوالب قد تكون مميزة‬

‫أبو‬
‫الحسن‬
‫‪http://www.weebly.com/themes#vertical/featured‬‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪6‬‬

‫عند الضغط على أي سمة ستظهر المعاينة لها‬

‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪7‬‬

‫عند الضغط على أي سمة ستظهر المعاينة لها‬

‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪8‬‬

‫إلغالق املعاينة و العودة‬ ‫الختيار هذه السمة و البدء بوضع مكونات املوقع‬

‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫التسجيل بموقع‬ ‫‪9‬‬

‫أحياانً ‪ ...‬عند الضغط على أي مسة ستظهر املعاينة بطريقة خمتلفة‬

‫أبو‬
‫الحسن‬
‫بعد اختيار السمة املناسبة‬
‫التسجيل بموقع ‪ – WEEBLY‬اختيار العنوان‬ ‫‪10‬‬

‫اخليار األول‪ :‬تسجيل نطاق جديد‪.‬و‬

‫هذا يعين أنك ستدفع رسوماً سنوية‬
‫لتملك هذا النطاق‪.‬‬

‫اخليار الثاين‪ :‬استخدام نطاق موجود‬

‫لديك مسبقاً‪.‬‬

‫اخليار الثالث‪ :‬استخدام نطاق جماين‬

‫فرعي على ويبلي‪.‬‬
‫أبو‬
‫الحسن‬
‫التسجيل بموقع ‪ – WEEBLY‬اختيار العنوان‬ ‫‪11‬‬

‫اضغط لالنتقال للخطوة التالية‬

‫سيكون عنوان موقعي‬

‫‪ali2060.weebly‬‬
‫‪.com‬‬

‫اللون األخضر يعين أن االسم الذي‬ ‫أبو‬

‫الحسن‬
‫اخرتته متوفر للحجز‬
 ‫‪WEEBLY‬‬ ‫بدء العمل في موقع‬ ‫‪1‬‬

‫إلهناء العمل يف املوقع و العودة للصفحة الرئيسة‬

‫أين حنن اآلن؟‬

‫أبو‬
‫الحسن‬
 ‫‪WEEBLY‬‬ ‫بدء العمل في موقع‬ ‫‪2‬‬

‫عند كل مرة تقوم فيها بتحديث املوقع جيب أن تقوم بنشرها لتكون متاحة للزوار‬

‫أبو‬
‫الحسن‬
‫فلنبدأ العمل‬
‫‪WEEBLY‬‬ ‫بدء العمل في موقع‬ ‫‪3‬‬

‫عند النقر على الصورة تظهر خياراهتا‬

‫حترير الصورة‬
‫استبدال الصورة‬
‫إطار الصورة‬

‫استخدام رابط‬
‫حماذاة الصورة‬
‫املسافات للصورة‬
‫عنوان الصورة‬
‫أبو‬
‫الحسن‬

‫خيارات متقدمة‬
‫‪WEEBLY‬‬ ‫بدء العمل في موقع‬ ‫‪4‬‬

‫حلفظ التغيريات‬

‫أبو‬
‫الحسن‬
 ‫خيارات الصور ‪CROP‬‬

‫خيارات ‪Crop‬‬

‫العودة للحجم‬
‫أبو‬
‫الحسن‬

‫األصلي‬
 ‫خيارات استبدال الصورة‬
‫حتميل من الكمبيوتر‬ ‫البحث عن صورة‬

‫لتحميل صورة من الكمبيوتر‬

‫أبو‬
‫الحسن‬
 ‫خيارات استبدال الصورة – البحث عن صورة‬
‫البحث عن صورة‬
‫صندوق البحث عن صورة‬
‫صور احرتافية‬

‫صور مدفوعة‬
‫أبو‬
‫الحسن‬
 ‫خيارات استبدال الصورة – البحث عن صورة‬
‫البحث عن صورة‬
‫صندوق البحث عن صورة‬

‫صور جمانية‬

‫ميكنك إضافتها ملفضلتك‬

‫اضغط الستخدام هذه الصورة‬

‫أبو‬
‫الحسن‬
‫خيارات استبدال الصورة – البحث عن صورة‬
‫مشاهدة صورك املفضلة لالختيار منها‬

‫حلذفها من املفضلة‬

‫أبو‬
‫الحسن‬
 ‫خيارات استبدال الصورة – البحث عن صورة‬
‫إضافة صورة بواسطة عنوانها‬

‫اضغط إلدراج الصورة‬

‫الصق عنوان الصورة‬

‫يوفر عليك الوقت بدال من حفظ‬

‫الصورة و رفعها للموقع‬

‫أبو‬
‫الحسن‬
‫خيارات الصورة ‪ -‬الرابط‬
‫عند النقر على الصورة تظهر خياراهتا‬

‫رابط ملوقع‬
‫ألحد صفحاتك‬
‫صفحة منتج يف متجرك‬

‫ملدونة‬
‫رقم هاتف‬
‫ملف‬

‫إمييل‬

‫أبو‬
‫الحسن‬

‫جرب اآلن كل هذه اخليارات‬

 ‫صفحات الموقع‬

‫إضافة صفحات جديدة‬

‫حذف صفحات موجودة‬

‫نسخ صفحة موجودة‬

‫أبو‬
‫الحسن‬
 ‫إضافة صفحات جديدة للموقع‬ ‫‪1‬‬

‫تأكد أنك يف تبويبة إدارة الصفحات‬

‫اضغط إلضافة صفحة جديدة‬

‫هذه قائمة بالصفحات املوجودة مبوقعك‬

‫لتغيري ترتيب الصفحات اسحب و أفلت‬

‫أبو‬
‫الحسن‬
‫إضافة صفحات جديدة للموقع‬ ‫‪2‬‬

‫اخرت صفحة قياسية‬

‫قائمة بالصفحات اليت ميكنك إضافتها‬

‫أبو‬
‫الحسن‬
‫إضافة صفحات جديدة للموقع‬ ‫‪3‬‬

‫اكتب امساً للصفحة القياسية اجلديدة‬

‫حدد هذا اخليار إذا كنت تريد إخفاء الصفحة‬

‫الرتويسة (برتويسة أو بدون)‬

‫خيارات ظهور الصفحة للزوار‬ ‫أبو‬
‫الحسن‬
‫إضافة صفحات جديدة للموقع‬ ‫‪4‬‬

‫خيارات ظهور الصفحة للزوار‬

‫عامة متاحة للجميع‬

‫حممية بكلمة مرور‬
‫جمموعات أو أعضاء حمددين (خيار‬ ‫أبو‬
‫الحسن‬
‫مدفوع)‬
‫عمل نسخة من صفحة موجودة في الموقع‬ ‫‪5‬‬

‫تأكد من حتديد الصفحة اليت تريد نسخها‬

‫أبو‬
‫اضغط نسخ‬ ‫الحسن‬
‫حذف صفحة موجودة في الموقع‬ ‫‪6‬‬

‫تأكد من حتديد الصفحة اليت تريد حذفها‬

‫أبو‬
‫اضغط حذف‬ ‫الحسن‬
‫تغيير ترتيب الصفحات‬
‫جلعل صفحة ما فرعية عن صفحة‬
‫ثانية يتم سحبها ميينا‬

‫أصبحت هذه الصفحة فرعية عن اليت قبلها‬

‫لتحويل صفحة فرعية إىل أساسية‬

‫يتم سحبها مشاال‬

‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي‬

‫محتويات الصفحة‬ ‫أبو‬

‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة عنوان‬
‫إضافة مربع نص‬

‫إضافة صورة‬

‫إضافة معرض صور‬

‫إضافة عرض صور‬

‫إضافة خريطة‬

‫إضافة جزء االتصال‬ ‫أبو‬

‫الحسن‬

‫إضافة االنضمام ألخبار املوقع‬

 ‫أدوات التصميم يف ويبلي‬

‫إضافة معرض صور‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي – معرض الصور‬

‫إضافة صور‬

‫حتديد عدد األعمدة‬

‫حتديد املسافة‬
‫حتديد العنونة‬
‫خيارات متقدمة‬

‫أبو‬
‫الحسن‬

‫إضافة معرض صور‬

 ‫أدوات التصميم يف ويبلي‬

‫‪ .1‬حدد النمط‬

‫إضافة عرض صور‬

‫أبو‬
‫الحسن‬
‫‪ .2‬اخرت متابعة‬
‫أدوات التصميم يف ويبلي‬

‫حدد الصور‬

‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي‬
‫إلضافة مزيد من الصور‬

‫خيارات الصورة‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي – خيارات الصورة يف معرض الصور‬

‫وضع رابط‬ ‫حذف الصور‬

‫عنونة الصورة‬ ‫نص توضيحي‬

‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي – خيارات الصورة يف معرض الصور‬

‫رابط ملوقع‬
‫ألحد صفحاتك‬
‫صفحة منتج يف متجرك‬

‫ملدونة‬
‫رقم هاتف‬
‫ملف‬

‫إمييل‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة جزء االتصال‬ ‫أبو‬

‫الحسن‬
 ‫أدوات التصميم يف ويبلي ‪ -‬جزء االتصال‬

‫عنونة احلقول‬

‫حتديده كإلزامي‬
‫إضافة إرشادات‬

‫املسافة‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫أبو‬
‫الحسن‬

‫إضافة االنضمام ألخبار املوقع (قائمة املراسالت)‬

‫أدوات التصميم يف ويبلي ‪ -‬قائمة املراسالت‬

‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي ‪ -‬قائمة املراسالت‬

‫هنا تظهر معلومات املسجلني‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة زر‬
‫إضافة نص برجمي‬

‫إضافة قسم‬

‫إضافة عنصر فاصل‬

‫إضافة عنصر مساحة‬

‫إضافة فيديو عالي الدقة‬ ‫أبو‬

‫الحسن‬

‫إضافة صوت‬
 ‫أدوات التصميم يف ويبلي‬

‫خيارات إضافة زر‬

‫نص الزر‬
‫منط الزر‬
‫موضع الزر‬

‫رابط الزر‬
‫املسافة للزر‬ ‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي‬

‫أبو‬
‫الحسن‬
‫موقع املدرب‪ /‬علي بن حبيب اخلالص‬
‫جمتمع مايكروسوفت للحوسبة السحابية بالعربي‬

‫موقع معلمي مايكروسوفت بالعربي‬

‫دورة إعداد و إخراج الدروس اإللكرتونية باستخدام كامتيجا ستوديو‬

‫دورة تصميم مواقع اإلنرتنت باستخدام ويبلي ‪Weebly‬‬

‫دورة املنصة التعليمية إدمودو ‪EDMODO‬‬

‫مكتبة الصور‬
‫أدوات التصميم يف ويبلي – الكود املضمَّن‬

‫إضافة نص برجمي‬

‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي – الكود الضمَّن‬

‫إلضافة و حترير نص برجمي‬

‫أبو‬
‫الحسن‬
‫مثال لنص برجمي – فيديوهات يوتيوب‬

‫هذا هو الكود‬

‫ميكنك حتديد بداية تشغيل املقطع‬

‫عرض الفيديوهات املقرتحة بعد‬

‫االنتهاء من تشغيل املقطع‬
‫إظهار أزرار التحكم بتشغيل املقطع‬
‫إظهار عنوان املقطع‬
‫أبو‬
‫الحسن‬

‫نسخ الكود للحافظة‬

 ‫أدوات التصميم يف ويبلي – الكود الضمَّن‬

‫مثال ألهم النصوص املضمنة‪:‬‬

‫زر املوقع ‪http://embed.ly/code‬‬

‫ضع عنوان املوقع الذي تريد تكوين نص برجمي لتضمينه يف صفحتك‬

‫أبو‬
‫الحسن‬
‫أدوات التصميم يف ويبلي – الكود الضمَّن‬

‫مثال ألهم النصوص املضمنة‪:‬‬

‫زر املوقع ‪http://calameo.com‬‬

‫أبو‬
‫الحسن‬
 ‫مثال لنص برجمي – عداد الزوار‬

‫زر الموقع الختيار عداد زوار مجاني‬

‫‪https://www.freevisitorcounters.com/‬‬

‫اخرت العداد املطلوب‬

‫اخرت اللون‬
‫أبو‬
‫الحسن‬
 ‫مثال لنص برجمي – عداد الزوار‬

‫زر الموقع الختيار عداد زوار مجاني‬

‫‪https://www.freevisitorcounters.com/‬‬

‫اضغط لنسخ الكود الربجمي‬ ‫أغلق النافذة‬ ‫أبو‬

‫الحسن‬
 ‫مثال لنص برجمي – عرض الوقت‬
‫زر الموقع الختيار ساعة مناسبة‬
‫‪https://www.timeanddate.com/clocks/free.html‬‬

‫أبو‬
‫الحسن‬

‫انسخ الكود الربجمي‬

 ‫مثال لنص برجمي – عرض الوقت‬
‫زر الموقع الختيار ساعة مناسبة‬
‫‪https://www.zeitverschiebung.net/en/clock-widget‬‬

‫أبو‬
‫الحسن‬

‫انسخ الكود الربجمي‬

 ‫مثال لنص برجمي – عرض الطقس‬
‫زر الموقع الختيار طريقة العرض المناسبة‬
‫‪https://www.accuweather.com/en/free-weather-widgets/current‬‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫قسم معرض صور‬

‫إضافة قسم‬
‫قسم التعريف بفريق العمل‬
‫قسم مميز‬
‫قسم قائمة‬
‫قسم االتصال‬

‫أبو‬
‫جرب استخدام مجيع هذه األنواع‬ ‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة عنصر فاصل‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة عنصر مساحة فارغة‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة فيديو عالي الدقة‬ ‫أبو‬

‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫أبو‬
‫الحسن‬

‫إضافة صوت‬
‫أدوات التصميم يف ويبلي ‪ -‬إضافة صندوق حبث‬

‫أبو‬
‫الحسن‬

‫إضافة صندوق حبث‬

 ‫أدوات التصميم يف ويبلي‬

‫إضافة وثيقة (حد أقصى ‪ 10‬ميجابايت)‬

‫إضافة فيديو من يوتيوب‬
‫إضافة فالش‬
‫إضافة ملف‬

‫إضافة منتجات‬

‫إضافة فئة منتجات‬

‫أبو‬
‫الحسن‬

‫إضافة صندوق حبث‬

 ‫أدوات التصميم يف ويبلي‬

‫إضافة وثيقة‪ ،‬مجيع امللفات سيتم حفظها على موقع‬

‫‪https://www.scribd.com/upload-document‬‬

‫أبو‬
‫الحسن‬
 SCRIPD ‫ما هو موقع‬

https://www.scribd.com/upload-document

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة فيديو من يوتيوب‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة ملف فالش‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة ملف‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة منتجات‬

‫إضافة فئة منتجات‬

‫أبو‬
‫الحسن‬

‫إضافة صندوق حبث‬

 ‫أدوات التصميم يف ويبلي‬

‫إضافة اقتباس‪ :‬إذا كان لديك نص مقتبس يزيد‬

‫عن ‪ 100‬كلمة فيفضل استخدام هذا العنصر‬
‫لتمييزه‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة‬
‫أيقونات‬
‫مواقع‬
‫التواصل‬
‫االجتماعي‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة‬
‫أيقونات‬
‫مواقع‬
‫التواصل‬
‫االجتماعي‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة‬
‫أيقونات‬
‫مواقع‬
‫التواصل‬
‫االجتماعي‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة‬
‫أيقونات‬
‫مواقع‬
‫التواصل‬
‫االجتماعي‬

‫أبو‬
‫الحسن‬
 ‫أيقونات مواقع التواصل االجتماعي‬

‫ما هو موقع ? ‪PINTEREST‬‬

‫بنرتست ‪ ،PINTEREST‬شبكة اجتماعية لنشر الصور أطلق سنة ‪ ،2010‬ملشاركة وتبادل احملتوي املميز علي‬ ‫▪‬
‫األنرتنت علي هيئة صور وفيديوهات‪.‬‬
‫الفكرة أن املستخدم عندما ميلك حساب علي ‪ PINTEREST‬يكون لديه لوحة لتعليق االشياء اليت حيبها علي‬ ‫▪‬
‫االنرتنت علي هيئة صور أي ميكن مشاركة الروابط والنصوص ولكن كصور علي املوقع عند الضغط عليها‬
‫يتم الذهاب للرابط ‪ ،‬كما ميكن مشاركة الفيديوهات ‪ ،‬وميكن للمستخدم متابعة املستخدمني االخرين‬
‫لرؤية ما يقوموا بتعليقه علي لوحتهم “مشاركته من خالل حساابهتم ” وميكن ايضاً ان يقوم املستخدم بعمل‬
‫تعليق علي مشاركة اعجبته او اعمل اعجاب او اعادة مشاركتها “ ”‪RIPIN‬مثل اعادة التغريد يف تويرت‬
‫او اعادة التدوين يف متبلر‪PINTEREST ،‬حقق جناحاً كبرياً يف الفرتة املاضية وهناك شائعات عديدة‬
‫تتحدث عن حماولة جوجل وشركات اخري شراء املوقع مببلغ ضخم جداً‪PINTEREST ،‬كان أسرع‬
‫موقع اجتماعي يصل اىل ‪ 10‬مليون زائر فريد شهراي وينمو بشكل سريع جداً‪،‬كما اصبح اثلث اكثر‬
‫املواقع االجتماعية شعبية يف امريكا‬

‫أبو‬
‫الحسن‬
 ‫أيقونات مواقع التواصل االجتماعي‬

‫ما هو موقع ? ‪TUMBLR‬‬

‫▪ متبلر ‪ TUMBLR‬منصة تدوين اجتماعي تسمح ملستخدميها ابلتدوين على شكل نص‬
‫أو صورة أو ملفات فيديو أو روابط أو أقوال أو حمادثة أو حىت ملفات صوتيّة‪،‬‬
‫يستطيع املستخدمني يف متبلر متابعة ابقي املستخدمني فتظهر حتديثاهتم على حساابهتم‬
‫اخلاصة‪ .‬كما يستطيعون تفضيل أو إعادة إرسال التحديثات يف املوقع ‪( ...‬ويكيبيداي)‬

‫أبو‬
‫الحسن‬
 ‫أيقونات مواقع التواصل االجتماعي‬

‫ما هو موقع ? ‪VIMEO‬‬

‫▪ فيميو هو موقع يتيح للمستخدم رفع ملفات الفيديو ومشاركتها أو‬

‫حىت استخدامها يف مواقع االتصال االجتماعية‪ ،‬مت أتسيس املوقع‬
‫يف نوفمرب ‪ 2004‬عن طريق زاك كالين وجيك لودويك‪( .‬ويكيبيداي)‬

‫أبو‬
‫الحسن‬
 ‫أيقونات مواقع التواصل االجتماعي‬

DRIBBBLE ? ‫ما هو موقع‬

▪ DRIBBBLE IS A PLACE TO SHOW AND

TELL, PROMOTE, DISCOVER, AND
EXPLORE DESIGN.

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫أبو‬
‫إضافة قسم‬ ‫الحسن‬

‫الواجبات‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة موقع‬

‫أبو‬
‫الحسن‬
 ‫أدوات التصميم يف ويبلي‬

‫إضافة اقتباس‬

‫إضافة أيقونات مواقع التواصل االجتماعي‬

‫إضافة صندوق حبث‬

‫إضافة استطالع للرأي‬

‫إضافة برنامج دعايات قوقل التجارية‬

‫قسم التطبيقات املضافة‬ ‫أبو‬

‫الحسن‬
‫‪ 25‬دقيقة‬

‫اليوم الثاني من الفترة التدريبية‬

‫مراجعة سريعة‬

‫أبو‬
‫الحسن‬
 ‫محتويات الدورة‬

‫فتح الموقع الستكمال العمل‬ ‫‪1‬‬

‫إضافة موقع جديد للحساب‬ ‫‪2‬‬

‫حذف موقع‬ ‫‪3‬‬

‫تغيير معلومات الحساب‬ ‫‪4‬‬

‫‪0 5‬‬
 ‫فتح الموقع الستكمال العمل‬ ‫‪1‬‬

‫اضغط هنا للوصول لكل مواقعك‬

‫اضغط هنا للبدء بتحرير املوقع‬

‫اضغط هنا للوصول لكل مواقعك‬

 ‫فتح الموقع الستكمال العمل‬ ‫‪1‬‬

‫اضغط هنا للوصول لكل مواقعك‬ ‫ميكن أن يكون‬

‫لدى حتى ‪10‬‬
‫مواقع يف نفس‬
‫احلساب‬

‫اضغط هنا إلضافة موقع جديد‬

‫هذه قائمة مبواقعك‬

 ‫إضافة موقع جديد للحساب‬ ‫‪2‬‬

‫اضغط هنا للوصول لكل مواقعك‬

‫اضغط هنا لعمل نسخة مطابقة ملوقعك‬

‫عمل نسخة مطابقة للموقع‬

‫حذف املوقع ‪ ...‬ال ميكن الرتاجع إال باالتصال بالدعم الفين‬

 ‫حمتويات ال ميكن الرتاجع عن حذفها‬
ere's a quick rundown of what we can ‫حمتويات ال ميكن الرتاجع عن حذفها و ال ميكن‬
not restore for you: ‫لفريق الدعم الفين املساعدة يف اسرتجاعها‬
Blog posts or drafts that were deleted :ً‫أيضا‬
Sections deleted from a page.
Contact Form entries that were deleted
.‫كتابات صفحات املدونة‬o
Uploaded images or files that were deleted .‫منوذج التواصل‬o
Products or categories deleted from the Store .‫امللفات و الصور بعد حذفها من الصفحة‬ o
Custom themes that have been deleted from .‫منتج مت حذفه من املتجر‬ o
the Themes tab
Files/images deleted from the assets area of .‫مسة خمصصة مت حذفها‬ o
the code editor .‫عنصر من صفحة‬ o
Elements deleted from a page
Members and Member Groups deleted from
o
.‫التطبيقات املضافة‬
Settings > Members
Apps from the App Center that you removed via
Settings > My Apps (you can just re-add
them from the App Center, though)
 ‫نقل عنصر من صفحة‬ ‫‪2‬‬

‫اضغط على السهم‬

‫حدد فيما لو أردت نسخ أو نقل العنصر‬

‫حدد الوجهة‬
 ‫نقل عنصر من صفحة‬ ‫‪2‬‬

‫اضغط على السهم‬

‫حدد نسخ العنصر ‪Copy‬‬

‫للنسخ يف نفس هذه الصفحة‬

‫حدد الصفحة الوجهة‬

 ‫حذف الحساب بالكامل – حساب تعليمي‬ ‫‪2‬‬

‫حدد نسخ العنصر ‪Copy‬‬

‫اضغط على السهم‬

‫للنسخ يف نفس هذه الصفحة‬

‫حدد الصفحة الوجهة‬

‫حذف الحساب بالكامل – حساب عام‬ ‫‪2‬‬
‫حذف الحساب بالكامل – حساب عام‬ ‫‪2‬‬
‫‪ 25‬دقيقة‬

‫ويبلي الخاص بالتعليم‬

‫فصول‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم‬

‫أبو‬
‫الحسن‬
‫‪ 25‬دقيقة‬

‫ويبلي الخاص بالتعليم‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم ‪ -‬إضافة الطالب‬

‫أبو‬
‫‪https://students.weebly.com/‬‬ ‫الحسن‬
G SUITE – ‫ويبلي الخاص بالتعليم‬

https://gsuite.google.com ‫أبو‬
‫الحسن‬
G SUITE – ‫ويبلي الخاص بالتعليم‬

‫أبو‬
‫الحسن‬
https://gsuite.google.com
‫ويبلي الخاص بالتعليم – دخول الطالب‬

‫أبو‬
‫‪https://students.weebly.com/‬‬ ‫الحسن‬
‫ويبلي الخاص بالتعليم ‪ -‬إضافة الطالب‬

‫أبو‬
‫‪https://students.weebly.com/‬‬ ‫الحسن‬
‫‪0‬‬

‫إلغاء نشر حسابك في ويبلي‬

‫أبو‬
‫الحسن‬
‫إلغاء نشر حسابك في ويبلي‬

‫أبو‬
‫الحسن‬
‫‪0‬‬

‫مسح حسابك في ويبلي بصورة نهائية‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم ‪ -‬إضافة الطالب‬

‫أبو‬
‫الحسن‬
‫ويبلي الخاص بالتعليم ‪ -‬إضافة الطالب‬

‫أبو‬
‫الحسن‬
 ‫‪0‬‬

‫حتسني ظهور املوقع يف حمركات البحث‬

‫)‪Search Engine Optimization (SEO‬‬

‫حتسني ظهور موقعك أو صفحة من موقعك يف نتائج حمركات البحث اجملانية‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫حتسني ظهور املوقع يف حمركات البحث‬

‫أبو‬
‫الحسن‬
‫‪0‬‬

‫مركز تطبيقات ويبلي‬

‫أبو‬
‫الحسن‬
 ‫تطبيقات ويبلي‬

‫تطبيقات جمانية مقدمة من شركة ويبلي مباشرة‬

‫‪https://www.weebly.com/app-center/collections/made-by-weebly‬‬

‫أبو‬
‫الحسن‬
 ‫تطبيقات ويبلي‬

‫تطبيقات جمانية و مدفوعة من مصادر أخرى‬

‫أبو‬
‫‪https://www.weebly.com/app-center/category/all/free‬‬ ‫الحسن‬
 ‫تطبيقات ويبلي‬

‫تطبيقات جمانية و مدفوعة من مصادر أخرى‬

‫أبو‬
‫‪This user_id does not have permission to install this app‬‬ ‫الحسن‬
‫ملحق‬

‫التسجيل في ‪wix‬‬

‫أبو‬
‫الحسن‬
 ‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫تسجيل جديد‬

‫ميكنك التسجيل ابستخدام حساب فيس بوك أو‬

‫أبو‬
‫قوقل‬ ‫الحسن‬
 ‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫ميكنك التسجيل ابستخدام حساب فيس بوك أو‬

‫قوقل‬

‫أبو‬
‫الحسن‬
‫تسجيل جديد‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫‪00‬‬

‫أبو‬
‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫‪00‬‬ ‫الحسن‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫الحسن‬

‫‪00‬‬
‫التسجيل بموقع ‪WIX‬‬ ‫‪1‬‬

‫أبو‬
‫الحسن‬

‫‪00‬‬
 ‫ملحق‬
‫‪ 25‬دقيقة‬
‫‪1‬‬

‫ويبلي عالجوال‬

‫الفورمات‬

‫للجهاز‬
‫أبو‬
‫الحسن‬