أرشيف الأوسمة: تصميم موقع مجاني

انشيء موقعك بنفسك بأستخدام موقع (www.weebly.com)


بعد ان شرحنا كيفية التسجيل والتفعيل لخمس من المواقع المجانية نصل اليوم الى مسك الختام في هذه الدورة المختصرة وقد ادخرت افضل واشمل مواقع إدارة المحتوى (CMS) الى النهاية وهو الموقع الشهير الذي يستضيف ملايين المواقع المجانية والمدفوعة الثمن اليوم وفي كل انحاء العالم وهو موقع (www.weebly.com) والذي عند فتح المتصفح وكتابة عنوانه تظهر النافذة التالية:

1

والان كما في كل المواقع التي تدخلها لأول مرة يطلب منك التسجيل بأدخال اسمك الكامل (full name) والبريد الالكتروني (email) وكلمة المرور التي ستستخدمها للدخول مستقبلاً وكما هو الحال دائماً يجب ان لا تكون كلمة المرور سهلة التخمين ولا نفسها للأيميل او أي حساب الكتروني اخر وننقر بعدها على (get started) لنبدأ العمل في حسابنا الجديد.

في حالة خروجنا من الموقع والدخول اليه مرة أخرى نقوم بالنقر على (log in) في الزاوية العليا اليمنى لتظهر النافذة التالية

2 

هنا تستطيع الدخول بحسابنا الذي انشأناه قبل قليل او بحساب الفيس بوك او الكوكل كما تم شرحه في الدروس السابقة ثم ننقر على (log in) لتظهر النافذة التالية:

3

للبدء بأنشاء موقع جديد ننقر على ((Add site لتظهر النافذة التالية:

4

نختار نوع الموقع ثم ننقر على النوع المناسب لتظهر النافذة التالية:

5

نختار التصميم المناسب وعند التأشير عليه تظهر كلمة (choose) فننقر عليها:

6

نكتب الاسم المناسب لموقعنا وسيكون طبعاً بين (http://www.??????.weebly.com) ان كان الحساب مجانياً ويمكننا اختيار نوع اخر من الحسابات يكون عنوانها مباشراً مثل (www.????.com) وكل بحسب الثمن المحدد ثم ننقر على (continue) لتظهر النافذة التالية:

7

ننقر على build my site لتظهر النافذة التالية:

8

هنا تظهر النافذة الرئيسية للموقع المقرر نشره فيما بعد فنقوم كما قمنا من قبل بالنقر على أي جزء من الصفحة واستبداله بما يخصنا وكذلك يمكن سحب وافلات أي عنصر من عناصر التصميم في القائمة الى جهة اليسار وافلاته في الموقع المناسب في نافذة الموقع ليكون الشكل كما في ادناه كمثال:

9

بعد أي تعديل او إضافة او حذف على الموقع ننقر على زر النشر (publish) في الزاوية العليا اليمنى تماماً كما كنا نفعل في الدروس السابقة واما لأضافة صورة فنقوم بسحب وافلات زر ال (image) والذي عند افلاته تظهر النافذة التالية:

10

من هنا نختار مكان الصورة المراد دمجها في المكان المحدد ويمكن استيرادها من الحاسوب او من أي موقع حفظ صور اخر وكما تم شرحه سابقاً ايضاً لتظهر الصورة بعد ادراجها كما في ادناه:

11

قبل الانتقال الى أي صفحة أخرى يجب نشر التغييرات التي قمت بها بالنقر على زر (publish) في الزاوية العليا اليمنى لتظهر الأسئلة التالية:

12

نختار نوع الموقع العام والخاص وننقر على (continue)

13

هنا يطلب منا ادخال الكلمات المتموجة في المربع للتأكد من انك انسان وليس برنامج او روبوت يقوم بالنشر عبثاً ثم ننقر على (ok, publish my site) لتظهر النافذة التالية:

14

هنا يخبرك بأكتمال نشر الموقع ويبلغك بأمكانية مشاركة ذلك الإنجاز على الفيس بوك او التويتر ولك الحرية في ذلك وبعدها نقوم بأغلاق نافذة التصميم ونذهب الى فتح نافذة متصفح جديدة ونكتب اسم الموقع في شريط العنوان لنرى كيف يبدو ونتأكد من عدم وجود أخطاء في النصوص او الأماكن لتظهر نافذة مشابهة للتالي:

15

وهذه النافذة الخاصة بالمعلومات عن الموقع (About) وكما في ادناه:

16

والان لأضافة صفحات جديدة للموقع نذهب الى تبويب (design) وكما في ادناه:

17

اما تبويب الصفحات (pages) فكما يلي:

18

وكذلك تبويب المخزن (store) لحفظ الملفات والصور بداخله واستيرادها الى بقية الصفحات:

19

 

تبويب الاعدادات (settings):

20

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

21

وكما هو واضح مما سبق فأن الشرح هنا كان مختصراً ليس كبقية الدروس والسبب في ذلك اننا قد شرحنا الكثير من الخصائص المشابهة في الدروس السابقة ولأن الموقع كما ذكرنا ضخم ومتشعب وكثير التفاصيل ويوفر إمكانيات هائلة فمن الأفضل ان اترك للمستخدم متعة استكشاف مميزاته المتعددة.

 

انشيء موقعك بنفسك بأستخدام موقع (Www.wix.com)


أنشئ موقعك بنفسك باستخدام موقع (www.wix.com)

بعد ان شرحنا كيفية انشاء الموقع المجاني في اربع أنظمة إدارة محتوى (CMS) في الدروس السابقة وشرحنا ايضاً سبب أهمية انشاء الموقع الخاص وكيفية نشره في درس مستقل نصل اليوم الى شرح الموقع الخامس من بين افضل ست مواقع استضافة مجانية عالمياً وهو موقع ويكس كما مبين في اسمه أعلاه والذي عند فتحه في متصفح الانترنت تظهر النافذة التالية:

1

 

والان للبدء بأنشاء الموقع الجديد ننقر على (start now) لتظهر النافذة التالية:

2

هنا كالعادة في أي موقع تريد استخدامه لأول مرة يطلب تسجيل الدخول وهنا يمنح هذا الموقع عدة خيارات حيث يمكن تسجيل الدخول باستخدام حساب الفيس بوك بالنقر على (sign in with Facebook) أي انه سيستخدم اسم المستخدم وكلمة المرور الخاصة بحساب الفيس بوك للتسجيل والدخول هنا وسيكون ذلك دائمياً أي انك كلما غيرت اسم المستخدم او كلمة المرور في الفيس بوك سيتغير حسابك هنا ايضاً وتستطيع الدخول بحساب الكوكل من النقر على (sign in with Google) وايضاً يمكن تسجيل الدخول بحساب أي بريد الكتروني اخر بأن ندخل الايميل وكلمة المرور ونختار انا مستخدم جديد (I am new user) ثم ننقر على (go) لتظهر نافذة تطلب إعادة ادخال الايميل وكلمة المرور فندخلها وننقر على (go) مرة أخرى لتظهر النافذة التالية:

3

هنا نختار نوع الموقع المراد انشائه من مجموعة الخيارات المتاحة وبعد اختيار نوع الموقع يطلب التخصص الدقيق للموقع كما في الصورة التالية:

4

ثم ننقر على (Go) لتظهر النافذة التالية:

5

والان نختار التصميم المناسب ثم ننقر على تحرير للتصميم (edit) لتظهر نافذة جديدة تحتوي فيديو تعريفي بكيفية استخدام أدوات الموقع فنشاهد الفيديو ثم نقوم بأغلاقه لتظهر النافذة كما في ادناه:

6

والان تبدأ في النقر على أي جزء من النافذة لتقوم بتعديله واضافة ما يخصك حيث انه بمجرد النقر على أي نص تظهر خيارات التحكم في ذلك النص فنستطيع مسحه واستبداله بأي نص خاص بنا وكذلك بالنسبة للصور والروابط والفيديو وكل مكونات الموقع وصفحاته المختلفة وتستطيع التحكم في الصفحات من تبويب (pages) والتصميم من تبويب (Design) وتستطيع إضافة أي شيء للموقع من تبويب (Add) والكثير الكثير من الاعدادات المتقدمة الأخرى في تبويب (Settings) وفي ادناه مثال لكيفية التعديل في النص الرئيسي للموقع (عنوان الموقع):

7

حيث اننا بمجرد النقر على النص ظهرت قائمة خيارات نختار منها تحرير النص (edit text) وبعدها نستطيع التعديل والحفظ للنص ونفس الشيء نستطيع فعله مع الصور والازرار وبقية مكونات الموقع وصفحاته المختلفة.

واخيراً وبعد اكمال التحرير للتصميم والحفظ سيطلب منك ادخال اسم للموقع (في المرة الأولى فقط) وكما في النافذة التالية:

8

وهنا يجب ملاحظة ان العنوان الرئيسي للموقع سيكون (www.*****.wix.com/thesitetitle ) اي انه سيقوم بأنشاء موقع فرعي من العنوان الرئيسي باسم المستخدم وطبعاً يمكن تغيير ذلك وضبطه كما تريد وبعد اكمال التعديل ومنح اسم للموقع وصفحاته المختلفة نقوم بنشره الى الويب عن طريق النقر على زر (publish) في الزاوية العليا اليمنى وبعدها نستطيع نشر الموقع في كل مكان وكما شرحنا ذلك في درس سابق حول كيفية إيصال الموقع الى المستفيدين وبعد كل تعديل واضافة وحذف يجب النقر على زر النشر (publish) لنشره الى الانترنت.

ملاحظة: يحتوي الموقع على الكثير من التفاصيل الأخرى ولكن لما كنا قد تعلمنا كيفية التعامل مع أربع مواقع سابقة فلا شيء جديد هنا وسيكون كل شيء مألوفاً بالنسبة للمستخدمين في حال تابعوا معنا من الدرس الأول في هذه السلسلة وفي حالة وجود أي استفسار حول أي شيء غير مفهوم فأنا مستعد للإجابة.

أنشئ موقعك بنفسك باستخدام موقع (webs)


أنشئ موقعك بنفسك باستخدام موقع (webs)

اكمالاً لما بدأنا به سابقاً نصل اليوم الى الموقع الرابع الذي يوفر إمكانية تصميم ونشر موقع مجاني بلا قيود زمنية وهو موقع (www.webs.com) والذي عند الدخول اليه تظهر النافذة التالية:

1

والان للبدء نقوم بملء المعلومات المطلوبة وهي البريد الالكتروني وكلمة المرور التي ستستخدم للدخول المستقبلي الى لوحة التحكم بالموقع ونوع الموقع (business, group/org, personal) وبعد اختيار نوع الموقع ننقر على انشاء موقع مجاني (create a free website) لتظهر النافذة التالية:

2

هنا يهنئنا الموقع بأنشاء حسابنا الالكتروني في هذا الموقع ويطلب منا كخطوة أولى عنوان الموقع (site title) فنكتب الاسم المناسب لنا وحسب نوع الموقع ويفضل ان يكون اسم الموقع دالاً على محتواه ليسهل نشره فيما بعد والوصول اليه من قبل محركات البحث والان نقوم بالنزول الى بقية الصفحة لتظهر الخيارات التالية:

3

من هنا نختار التصميم المناسب للموقع وحسب نوع الموقع ونوع البيانات التي يراد نشرها فيه فنختار التصميم (theme) المناسب بالنقر عليه ونختار اللون المناسب ثم ننزل الى نهاية الصفحة لنرى الخيارات التالية:

4

نكتب الكلمة الواضحة في المربع الغامق في مكان كتابة النص (type the text) ثم ننقر بالماوس في المربع بجانب عبارة (أوافق على شروط الخدمة I agree to the terms of service) ثم ننقر على زر انشاء موقعي (create my website) لتظهر النافذة التالية:

5

هنا نختار نوع الموقع والخدمة التي نريد الاشتراك فيها هل هي مجانية (webs subdomain) او مدفوعة الثمن وبسعر سنوي يبلغ 20 دولار تقريباً وبعدها نكتب اسم الموقع في شريط العنوان بين عبارتي (www         .webs) ثم ننقر على (select package) لتظهر النافذة التالية:

6

هنا نختار الحزمة (package) المناسبة وايضاً اما مجانية او مدفوعة الثمن وبعد النقر على احد الخيارات (وانا قمت بالنقر على خيار المجاني الى اليسار) تظهر النافذة التالية:

7

وهنا يعرض علينا فيديو تعريفي بالموقع وامكانياته يمكن مشاهدته ويمكن النقر على علامة (*) في الزاوية العليا اليمنى لأغلاق الفيديو والبدء بالتدوين والنشر من النافذة التالية:

8

وكما هو واضح في النافذة أعلاه فان هذا الموقع ليس كسابقاته من المواقع التي شرحناها لا يعتمد على الكتابة وادراج الميديا مباشرة وانما يعطي للمستخدم حرية تصميم اكبر بتوفير خاصية السحب والافلات (drag and drop) للأدوات في اسفل النافذة حيث يمكننا سحب وافلات عنوان للمنشور (title) ونص (paragraph) وصورة (image) والتي عند سحب ايقونتها وافلاتها سيطلب منا رفع صورة من الحاسوب الى هذا المكان والتحكم بحجمها بالتكبير والتصغير بمنتهى الحرية وكذلك ادراج أعمدة (columns) وفيديو (video) ونموذج اتصال لأدراج البريد الالكتروني للسماح للمستخدمين للموقع بأرسال رسائل لك (contact form) والكثير الكثير من الإمكانيات الأخرى من خرائط والبوم صور وازرار للنقر عليها والوصول الى مكان اخر والنصوص المدمجة مع الصور وبعد اكمال تهيئة المنشور يمكن النقر على زر (publish) للنشر ليصبح المنشور متاحاً للمستخدمين ويمكن ايضاً إضافة صفحات أخرى غير الصفحة الرئيسية (home) من النقر على زر (page) في الزاوية العليا اليمنى لتظهر النافذة التالية:

9

وهنا يمكن إضافة معلومات صفحة جديدة والنقر على زر إضافة صفحة جديدة (add new page) كما يوفر الموقع إمكانية إضافة معلومات الاتصال بين المستخدمين ومدير النظام في صفحة (Contact) والتي عند النقر عليها تظهر النافذة التالية:

10

والتي تمنح نفس إمكانيات المنشور ويمكن ادراج (contact form) فيها لتمكين مستخدمي الموقع من الاتصال بك كمدير للموقع لطرح الشكاوى او المقترحات او التقديم للتوظيف او ما شابه من وظائف المواقع المختلفة.

طبعاً يوفر الموقع الكثير الكثير من الإمكانيات الأخرى والتي أتمنى ان يعمل الاخوة المهتمون على استكشافها كلها وادراج ما يتعلمون في المدونة على شكل تعليقات على هذا الموضوع وتبقى المحاولة والخطأ (try and error) هي المعلم الأفضل في مجال تكنولوجيا المعلومات والان وبعد اكمال تصميم ونشر الموضوع الأول سنقوم بالخروج من لوحة التصميم والتحكم بالموقع وزيارته كمستخدمين لنرى الشكل التالي:

11

أتمنى ان تقوموا بأنشاء مواقعكم المجانية بأستخدام هذا الموقع وان تفيدوا الناس بما لديكم وتستكشفوا بقية مميزاته بأنفسكم.