للمبتدئين] كيف تصبح مصمم مواقع ؟؟

للمبتدئين] كيف تصبح مصمم مواقع ؟؟

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

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

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

من خلال هذا المشهد سنقوم بعمل المقارنة التالية والتي ستوضح لك تماما كيف تعمل مواقع الانترنت :

تخيل أنك تريد عمل مشروع تجاري على أرض الواقع وليس على الانترنت ، ماذا ستحتاج ؟ وكيف ستتم العملية التجارية ككل ؟

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

أولا : رقم الآي بي IP Address



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

212.112.68.104

تماما كما في المكتب العقاري تكون قطع الأراضي مرقمة ومعروفة وكل قطعة أرض لها رمز أو رقم تميز به عن غيرها من قطع الأراضي ، كما هو واضح في الصورة السابقة فرقم الآي بي يوضح بالضبط مكان وجود الموقع.

لا تقلق فلست أنت من يحدد رقم الآي بي ، إنه مزود الإنترنت الذي تشبك جهازك من خلاله بالانترنت الذي يحدد هذا الرقم.

ثانيا : المستضيف أو الخادم Host or Server



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

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

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

ثالثا : اسم النطاق Domain Name



هو تماما كاسم المحل على أرض الواقع ، فلا بد ان يكون لموقعك اسم يعرف به بين الناس ، ومن خلاله يزورون موقعك ، وهو كاليافطة تعلق على بوابة المحل ، فلا يعقل أن تعطي الناس عنوان موقعك كرقم آي بي :

212.112.68.104

لابد أن تختار اسم تجاري لطيف ومميز لكي يسهل على الناس حفظه وزيارة موقعك من خلاله مثل :
ظ…ط¯ظˆظ†ط© ظˆظ„ظٹط¯ظˆظپ ط§ظ„طھط·ظˆظٹط±ظٹط©
وشركة تأجير أو بيع النطاقات تقوم بربط هذا الاسم بعنوان الموقع أو رقم الآي بي ، تماما كما أنك تعلق اليافطة على المحل ، بحيث يدل الاسم على المحل.

رابعا : برمجة الموقع وتصميم صفحاته Web designing / Web developing



إن كل محل في العالم لابد له من ديكورات لكي يتم ترتيب البضاعة عليها ، وفي حالة مواقع الانترنت فلابد من وجود برمجة ، هي بمثابة ديكورات الموقع ليتم ترتيب محتويات الموقع عليها.
إن لغة تصميم المواقع هي HTML والتي بها يتم تصميم هيكل الموقع وشكل الصفحات ، وهناك لغات برمجة إضافية تجعل موقعك أكثر تفاعلية أو ديناميكية مثل php و asp و cgi و coldfusion و ruby on rail ولغات أخرى ..

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

خامسا : نقل البيانات File Transfer Protocole / FTP



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

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

سادسا : واجهة الموقع Homepage أو صفحة الـ(Index)



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

إن أهم شيء يجب معرفته في واجهة الموقع أنها عبارة عن ملف اسمه index ، وهناك خطوط عريضة لواجهات المواقع :

سابعا : الإعلان عن الموقع والإشهار Advertising and Promoting



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

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

ثامنا : تعرف الناس على موقعك Identifiying



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

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

تاسعا : دخول الزوار لموقعك Web Surfing



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

إن أشهر متصفحات الانترنت في العالم هي :

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

توجد أيضا أمور متقدمة ألا وهي:

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