37
ور ص م ل ل ا ي ل الد ع ق و م دام خ ت س ا ب ي ن ا خ م ب ي ع و ق و م م ي م ص ت ة ق ري لطweebly اد عد2 ا ري م ع ل ا8 ش ه ي ل ب ت ن ب ة8 شA ئ د: عا

شرح الويبلي

  • Upload
    -

  • View
    41

  • Download
    0

Embed Size (px)

Citation preview

Page 1: شرح الويبلي

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

د: عائشة بنت بليهش العمري

Page 2: شرح الويبلي

( هو موقع مجاني يساعد المستخدم weeblyويبلي ) •على تصميم موقع خاص به بأسهل الطرق دون االعتماد

على لغات البرمجة مع تقديم العديد من الخيارات المتنوعة ، فعند استخدامك له ستحصل على ثالثة انواع

من المواقع حسب اختيارك ) مدونة او متجر او موقع ويب ( كما يمكنك صنع عشرة مواقع بحساب

ويبلي واحد والتحكم فيهم بسهولة .

يتم الدخول إلى الموقع عن طريق الرابط •www.weebly.com

Page 3: شرح الويبلي

فيما يلي دليل مفصل عن كيفي'ة استخدام موقع ويبلي لتصميم مو'قع ويب مجاني :

Page 4: شرح الويبلي

واجهة الموقعفي التسجيل

الموقعتسجيل الدخول

Page 5: شرح الويبلي

شعار الموقع

Page 6: شرح الويبلي

في الموقع : بالتسجيلأوالً قم

االسم

البريد االلكتروني

المرور كلمة

التسجيل

Page 7: شرح الويبلي

للموقع عن طريق إدخال البريد الدخولبعد ذلك يمكنك االلكتروني وكلمة المرور المسبق تسجيلها :

المرور كلمة

البريد االلكتروني

تسجيل الدخول

Page 8: شرح الويبلي

يتيح لك الموقع إمكانية إنشاء موقع أو متجر موقعأو مدونة قم باختيار

موقع اختر

Page 9: شرح الويبلي

مختلفه يمكنك اختيار ثيماتيقدم البرنامج المناسب منها:

أحد- 1 اخترالثيمات

هنا- 2 أضغط

Page 10: شرح الويبلي

بعد اختيار الثيم المناسب ستظهر لك هذه النافذة حيث المجال ) النطاق ( :يطلب منك اختيار

النطاق- 1 هذا اختراسم واكتب المجاني

بك الخاص الموقع

هنا- 2 أضغط

Page 11: شرح الويبلي

صفحة موقعك بعد ذلك سينقلك الموقع إلى وفيما يلي شرح لها :الرئيسية

الخاصة االعداداتبالموقع

صفحات الموقع

في العملالصفحة

الموقع تصميم

اسم الموقع

افتراضيه 3 صفحاتترتيبها تغيير يمكنك

واالضافة واعداداتهاعليها

االدوات شريطأي سحب يمكنك

والتعامل أداةمباشرة معها

النشر

ترقية الموقع

العنوان الرئيسي

خاص متجربك

Page 12: شرح الويبلي

هنا بالنقر قمالعنوان وكتابة

الرئيسي

خالل من النص تنسيق يمكنكيظهر الذي الشريط هذا

الكتابة عند ً تلقائيابالنقر قموكتابة هنا

اسم الموقع

Page 13: شرح الويبلي

وأكثرها استخداماً :األدواتهنا شرح ألهم

نص

مجموعة صور

خريطة

عنوان

صور

صور متسلسة

وضع مسافه

نموذج لالتصال

Page 14: شرح الويبلي

فاصل خط

ازرار مربع البحث

صوتفيديو

من فيديويوتيوب

ملففالش

Page 15: شرح الويبلي

اتبع الخطوات التالية :عنوان إلضافة

بسحب- 1 قمعنوان أيقونة

المحدد للمكانالعنوان- 2 لكتابة انقر

والتحرير

Page 16: شرح الويبلي

اتبع الخطوات التالية :نصإلضافة

بسحب- 1 قمنص أيقونة

المحدد للمكان

النص- 2 لكتابة انقروالتحرير

Page 17: شرح الويبلي

اتبع الخطوات التالية :صورةإلضافة

بسحب- 1 قمصورة أيقونة

المحدد للمكان

صورة- 2 إلضافة انقر

Page 18: شرح الويبلي

من- 3 الصورة لتحميل هنا اضغطجهازك

Page 19: شرح الويبلي

على- 4 أضغط ثم الصورة اخترopen

Page 20: شرح الويبلي

سيتم- 5ادراج الصورة

مع- 6 التعامل يمكنكبالنقر وتحريرها الصورة

عليها

لحذف- 7اضغط الصورة

إزالة على

Page 21: شرح الويبلي

اتبع الخطوmات التالية :فيديوإلضافة

هنا- 2 اضغطفيديو رابط إلضافة

يوتيوب على

بسحب- 1 قم youأيقونة

tube للمكانالمحدد

Page 22: شرح الويبلي

رابط- 3 بلصق قمعلى الفيديو

هنا اليوتيوب

Page 23: شرح الويبلي

تحميل- 4 سيتمو مباشرة الفيديو

التحكم يمكنكهنا من بالفيديو

Page 24: شرح الويبلي

و من ملف اتبع الخطوات التالية :فيديإلضافة

بسحب- 1 قمملف أيقونة

المحدد للمكان

ملف- 2 إلضافة انقرفيديو

Page 25: شرح الويبلي

ملف- 3 لتحميل انقرفيديو

Page 26: شرح الويبلي

من- 4 الفيديو لتحميل انقرجهازك

Page 27: شرح الويبلي

على- 5 إضغط ثم الفيديو اخترopen

Page 28: شرح الويبلي

تحميل- 6 تمالفيديو

على- 7 اضغطنشر

Page 29: شرح الويبلي

:DESIGNلتغير تصmميم الموقع يمكنك الدخول من

على النقر يمكنكوتغيير قائمه أيبما االعدادات

يناسبك

Page 30: شرح الويبلي

إلضافة صفحات جديدة للموقع والتحكم :PAGESباعداداتها من

صفحmة إلضافة هنا اضغطجديدة

اعدادات لتحرير السهم على الضغط يمكنكصفحة أي

Page 31: شرح الويبلي

االعدادات وتغيير الصفحة بتسمية قميناسبك بما

Page 32: شرح الويبلي

لحفظ الصور STOREيستخدم تبويب والملفات بداخله :

Page 33: شرح الويبلي

لتغيير اعدادات SETTINGSيستخدم تبويب الموقع :

Page 34: شرح الويبلي

PUBLISHفي االخير نقوم بنشر الموقع من كالتالي :

اضغط- 1هنا

هذه- 2 تظهر سوفالنافذه

التالي-3

Page 35: شرح الويبلي

الكود- 4 بإدخال قمأمامك الظاهر

اضغط- 5هنا

Page 36: شرح الويبلي

ويمكنك- 6 الموقع نشر تم ً أيضا ترقيته

Page 37: شرح الويبلي

نهاية الدليل