انترنت وتطوير مواقع

أنشئ موقعك بنفسك باستخدام موقع (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

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

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

  1. السلام عليكم
    شكرا لما تقدمه لنا لقد استفدت كثيرا من مدونتك
    عندي سؤال اذا تكرمت ماهو افضل موقع من المواقع التي ذكرتها و تفضلها شخصيا لاطلاق متجر الكتروني و باللغه العربيه

    أعجبني

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s