خطوات تصميم موقع ويب

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

أ. صمم موقعك


1 ألهم نفسك

انظر إلى مواقع الويب ذات التصاميم الرائعة وفكر في سبب روعة تصميمها. وعادة ما يعزى ذلك  إلى المعلومات والروابط إلى المصادر، والصفحات التي يسهل رؤيتها واستخدامها. كل ذلك يعطيك أفكار حول كيفية تصميم موقعك، اطلع على المواقع التي تقوم بنشاطات مشابهة لنشاطك للحصول على أفكار حول المكان الذي يجب أن تضع فيه أنواعا مختلفة من المحتوى.

  • ضع في الحسبان مستوى مهاراتك.
  • سهولة الوصول هي أهم شيء. إذا لم يكن لديك جزء معين من المعلومات مرئية بسهولة، تأكد من أن الوصول لتلك المعلومات هو مبوب وفق أسلوب منطقي جدا.
  • عموما بساطة التصميم هي الأفضل.

2 إختر موضوعا وهدفا

  • إذا كان الموقع لمنظمة فيجب أن تعرف ما هي أهدافك:
    • الأهداف التنظيمية
      • لماذا وجدت هذه المنظمة؟
      • لِمن توجه خدماتها؟
      • ما الذي تسعى لتحقيقه؟ وكيف ستقيم النتائج؟
    • أهداف الزوار / المستخدمين
      • ماهي طبيعة المعلومات التي يحتاجونها ويتوقعون توفرها لديك؟
    • أهداف الموقع
      • دعم أهداف للمنظمة
      • دعم أهداف الزوار.
  • إذا كان موقع شخصي ولديك فكرة جيدة إلى حد ما حول ما سيركز عليه موقعك على الويب ، فتجاوز هذه الخطوة. وإلا، فهنا بعض الأشياء لمساعدتك على معرفة ذلك.
    • أولا، إفهم أن هناك مليارات من الناس على شبكة الإنترنت، ونسبة كبيرة لديها مواقع. إذا كنت تبحث عن شيء لم يتم القيام به، فلن تبدأ أبدا.
    • عندما تفكر،”الإنترنت”، ما هو أول شيء يتبادر إلى ذهنك؟ التجارة الإلكترونية؟ التكنولوجيا؟ الأخبار؟ التنشئة الاجتماعية؟ التدوين؟ هذه كلها أماكن جيدة للبدء.
    • إذا كنت مبدعا في الكتابة ثم يمكنك بدء مدونة حيث يمكنك الكتابة عن أي شيء تتقنه وتحبه ويمكنك إفادة القراء به.

3 صمم خطتك

بناء موقع الويب الخاص بك هو التزام  يأخذ من وقتك وربما مالك، لذلك ضع حدودا لهما. إنطلق. الخطة لا يجب أن تكون كبيرة؛ جداول بيانات أو رسوم بيانية معقدة. لكن بشكل بسيط من خلال الإجابة على الأسئلة المتعلقة بأهداف الموقع، إضافة إلى أنك ستحدد فيها ما سوف تفعله أنت؟ وما سيقوم به الزوار؟ ما الذي ينتظره الزوار من الموقع؟ ما الذي سينشر على الموقع؟ ما الذي يحدث على صفحات موقعك؟

4 جمع المحتوى

هناك أنواع مختلفة للمحتوى والعديد من الاعتبارات الخاصة بها. ستحتاج إلى معرفة ما هو أفضل لموقعك واحتياجاتك. بعض ما يجب أخذه بعين الاعتبار :

  • متجر: إذا كنت ترغب في بيع منتجات، سوف تحتاج إلى تحديد كيف ستتيح تلك العناصر. إذا كان لديك عدد قليل نسبيا من المنتجات للبيع، قد ترغب في الإستفادة من خدمة الاستضافة التي تتيحها أمازون، وغيرها من المتاجر الكبرى والتي تمكنك من بيع مجموعة متنوعة من المنتجات مع قدرتك على تعيين الأسعار الخاصة بك.
  • الوسائط المتعددة: هل تريد عرض مقاطع الفيديو؟ موسيقى؟ هل تريد استضافة الملفات الخاصة بك(سيكلفك ذلك مساحة تخزين إضافية) أو هل تريد استضافتها في مكان آخر؟ يعتبر YouTube و SoundCloud أمثلة رائعة على خيارات الاستضافة، ولكن يجب التأكد من أن طريقة تصميم موقعك على الويب تسمح بعرض أنواع الوسائط هذه بشكل صحيح.
  • الصور: هل انت مصور؟ فنان؟ إذا كنت تخطط لوضع الصور الأصلية على موقع الويب الخاص بك، فقد ترغب في استخدام تنسيق يساعد على منع السرقة. تأكد من أن الصور صغيرة نسبيا أو ضع عليها علامة مائية وذلك للحفاظ عليها.
  • المربعات الجانبية : Widgets هي برامج مصغرة يتم تشغيلها على موقعك الإلكتروني، وعادة ما تساعدك على تتبع من يزور الموقع، وما يبحثون عنه، ومن أين هم. يمكنك أيضا إضافتها لحجز المواعيد، وعرض التقويم،… الخ إبحث عن ما قد يكون من المفيد بالنسبة لك (فقط تأكد سمعة مصدرها).
  • معلومات الاتصال: هل تريد عرض معلومات الاتصال على موقعك ؟ إذا لم يكن لديك عنوان نشاط تجاري، تحتاج إلى إعداد عنوان بريد إلكتروني خاص للأشخاص الذين يتصلون بك. من أجل سلامتك يوصى بإستخدام نماذج الإتصال عوض عرض بريدك بشكل مباشر.

5 رسم مخطط التدفق

 بالنسبة لمعظم الناس، يبدأ الموقع على الصفحة الرئيسية. هذه هي الصفحة التي يراها الجميع عند وصولهم لموقعك http://www.yourSite.com. ولكن أين سيذهبون من هناك؟ أنفق بعض الوقت في التفكير في كيفية تفاعل الأشخاص مع موقعك، فلن تستغرق وقت طويل أثناء إضافة قوائم التنقل والروابط التي تندرج فيها.

6 خطة لأجهزة المستخدم.

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

ب بناء الموقع


1 حدد الطريقة أو الأداة التي ستستخدمها في البناء

 عندما يكون لديك الفكرة الأساسية أسفل ولها خطة لكيفية سيتم وضع بها، القادم للتفكير هو كيف كنت في طريقنا لبناء عليه. يبدو أن الخيارات لا نهاية لها، والناس سوف يحاولون بيع لكم هذا أو ذاك “رائع” التطبيق، وكل شيء آخر أن “يجب أن يكون لديك” على الموقع الخاص بك، ولكن الواقع هو أن هناك عدد قليل من الأدوات الرائعة لبناء المواقع، واحد منهم سوف تكون الأنسب لوضعك واحتياجاتك.

  1. قم ببنائه بنفسك: هذا هو الخيار الأول. إذا كان لديك المعرفة بالترميز وفق إحدى اللغات HTML, PHP, ASP.
  2. استخدم نظام إدارة المحتوى (CMS): هذا هو الخيار الثاني. وردبريس هو مثال وخيار كبير لبناء المواقع. فإنه يساعدك على إنشاء صفحات وتدوينات بسرعة وسهولة، وإعداد القوائم، والسماح وإدارة تعليقات المستخدمين، ولها الآلاف من القوالب والمكونات الإضافية التي يمكنك الاختيار من بينها واستخدامها مجانا. دروبال وجوملا هي خيارات أخرى عظيمة. بعد استضافة نظام إدارة المحتوى، يمكنك من إدارة موقعك من أي مكان (في العالم) يحتوي على اتصال بالإنترنت.
    • الايجابيات: سهل جدا للاستخدام وسريع للبدء مع التثبيت بنقرة واحدة، ويقدم الكثير من الخيارات للمبتدئين (مع عمق كاف للمستخدمين ذوي الخبرة)
    • السلبيات: بعض المواضيع  والإضافات محدودة، وليس كلها مجاني.
  3. استئجار مصمم محترف: هذا هو الخيار الثالث والأخير. إذا كنت غير مؤهل لتصميم موقع الويب الخاص بك، أو تعلم لغات ترميز جديدة – وخاصة بالنسبة للمواقع الأكثر تقدما وتعقيدا – تكليف مصمم محترف قد يكون الخيار الأفضل. قبل أن تستأجره، اطلب رؤية نماذج لعمله، والتحقق منه بعناية.

ج اختبار الموقع واتاحته على الخط المباشر


1 تسجيل اسم النطاق الخاص بك.

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

2 تفقد موقعك على الويب

قبل نشر موقعك، من الحكمة اختباره بدقة. معظم برامج تصميم المواقع الإلكترونية لديها طريقة لاختبار موقعك دون نشرها عبر الإنترنت. ابحث عن الوسوم( العلامات) الفارغة، والروابط المكسورة، وتحسين محركات البحث SEO، وعيوب تصميم الموقع. هذه كلها عوامل قد تؤثر على عدد زيارات موقعك وعوائده. يفضل إنشاء خريطة للموقع (متوفرة بشكل مجاني) وإرسالها إلى محركات البحث مثل غوغل.

3 اختبر موقعك

عند الانتهاء من موقع الويب الخاص بك، قم باختبار قابليته للاستخدام. يمكنك أن تطلب من بعض الموظفين أو الأصدقاء أو أفراد الأسرة أن يختبروا الموقع. كلفهم بمهمة محددة مثل “تحرير الملف الشخصي” أو “إستخدام إحدى خدمات الموقع”. راقبهم وشاهد تنقلاتهم داخل الموقع -لا تساعدهم. على الأرجح ستجد ما يحتاج إلى تحسين “القوائم” أو توضيح بعض التعليمات. عند اختبار موقع ويب أصبح من المهم التأكد من أن الموقع قابل للاستخدام من الهواتف الذكية والأجهزة اللوحية وكذلك أجهزة الكمبيوتر المكتبية.

احتفظ بقائمة بالأشياء التي تلاحظ أنها تبدو صعبة أو غير بديهية للمستخدم.

4 إطلاق الموقع

اختر مضيف ويب وإرفع موقعك عليه. قد يكون مضيف الويب لديه ميزة FTP، أو يمكنك تحميل برنامج FTP خاص بك مثل FileZilla . إذا قمت بتعيين محترف لتصميم الموقع، فسيقوم بهذا العمل عوضا عنك (لكن يستحسن لك طرح الأسئلة حتى يتسنى لك فهم ما يحدث).

  • هناك طرق لاستضافة موقع الويب الخاص بك مجانا.
    • وردبريس: wordpress.com ليس مجرد مدونة. يمكنك بناء واستضافة موقع ويب كامل مجانا، وهناك العديد من القوالب المهنية للاختيار من بينها.
      • تحقق من الميزات التي تحصل عليها مع حساب وردبريس مجانا.
      • اشترك في مدونة مجانية: كل ما تحتاجه هو بريد الكتروني. يمكنك تنشيط عنوان بريدك الإلكتروني للبدء في إنشاء موقعك على الويب.
      • انتقل إلى صفحة الدعم، التي تمنحك إرشادات حول كيفية إعداد موقع ويب.
    • Weebly: واحدة من 50 أفضل مواقع عام 2007، قم بجولة ضمن ميزاته لتعرف ما إذا كان الخيار الأنسب لاحتياجاتك. اشترك باستخدام عنوان بريد إلكتروني واتبع التوجيهات للبدء.
    • مواقع غوغل: مواقع غوغل هي أداة إنشاء وإستضافة مواقع ويب مجانية وسهلة الاستخدام. كل ما تحتاجه لإعداده هو حساب غوغل.

المصادر


Advertisements

اترك رد

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

WordPress.com Logo

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

صورة تويتر

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

Facebook photo

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

Google+ photo

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

Connecting to %s