تعليم تصميم مواقع الإنترنت

موقع الإنترنت

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

مراحل تصميم مواقع الإنترنت

التخطيط لبنية الموقع

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

تصميم شكل وألوان الموقع

يتم التصميم للشكل الخارجي، وصفحاته الداخليّة من الصفر باستخدام أحد برامج التصميم؛ مثل: Adobe Photoshop, Adobe Illustrator، ويقوم بهذه المهمة قسم التصميم في العادة، وذلك كونها مهمة تصميميّة لا تحتاج إلى خبرة في لغة html أو php الخاص بتصميم المواقع، كما يمكن استخدام القوالب الجاهزة في تصميم المواقع، والمتوفرة بشكلٍ كبير على الإنترنت سواء كانت مجانيّة أو مدفوعة الثمن، وفي الغالب تكون هذه القوالب على شكل ملفات فوتوشوب psd مفتوحة حتى يتمكن المستخدم من التعديل عليها.

تحويل التصميم إلى صفحة html

يتم تحويل التصمي من مجرّد صورة إلى صفحة html خالية من البيانات، وهذا ما يتطلّب وجود خبرة في هذه اللغة، والقدرة على استخدام أنماط CSS والعديد من الأشياء الأخرى، كما سيكون هناك حاجة لاستخدام برنامج الفوتوشوب للتمكن من التعامل مع التصميم الأساسي، وتصدير عناصر إلى صفحة html النهائيّة، كما سيستخدم في هذه المرحلة برامج إدارة المواقع؛ مثل: Adobe Dreamweaver, Frontpage.

وضع البيانات في الصفحات وربطها

تستخدم برامج إدارة المواقع، وتوضع البيانات في الصفحة يدويّاً من خلال مصمم المواقع، أو ديناميكيّاً من خلال لغات البرمجة؛ مثل: Php  ,Asp، وقواعد البيانات؛ مثل: mysql.

تجميل المواقع

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

رفع الموقع ونشره على الإنترنت

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