كيف تصمم موقع

بسم الله الرحمن الرحيم

أحبتي زوار مدونتي المتواضعة ، هذا المقال موجه للذين لا يعلمون عن تصميم المواقع شيئا ..

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

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

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



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

تخيل معي المشهد التالي :

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

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

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

1. أولا ستحتاج أن تحدد عنوان المحل ، يعني تحدد مكان المحل في أي منطقة في أي شارع ، ثم تذهب إلى المكتب العقاري وتشتري الموقع أو قطعة الأرض.
   
2. ستقوم الآن ببناء مبنى المحل ، أو لو كان المبنى جاهزا ستقوم باستئجاره من المالك.
   
3. والآن ستقوم بتحديد اسم المحل وتكتب اسم المحل على يافطة وتعلقها على بوابة المحل.
   
4. ستبدأ الآن بعمل ديكور المحل ، من رفوف وخزائن وجوارير وما إلى ذلك من معدات وإضاءة وغيره.
   
5. والآن ستقوم بتعبئة المحل بالبضاعة التي ستعرضها للزبائن وزوار المحل ، وذلك بشحنها من الخازن إلى المحل بواسطة شاحنة.
   
6. بالتأكيد ستولي واجهة المحل اهتماما خاصا لأنها أول شيء يراه زوار محلك من الخارج ، ولو كانت واجهة المحل جذابة ستجلب عدد كبير من الزبائن.
   
7. ستقوم بعمل إعلانات بالتأكيد في الصحف والمجلات والجرائد والمنشورات واللافتات الإعلانية وحتى ربما في التلفاز والمذياع.
   
8. سيحصل الناس على عنوان محلك من خلال الإعلانات ، كما أنهم سيأخذون فكرة عن محتوى محلك التجاري ، وربما تحمسهم لزيارة محلك بعمل بعض العروض التجارية.
   
9. سيركبون أي وسيلة مواصلات ، سياراتهم ، سارة أجرة ، حافلة ، قطار ، أي شيء المهم أن يصلو لمحلك ويدخلوه ويتجولوا به ويروا محتوياته ، وربما قد يشترون من بضاعته المعروضة.
   

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

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

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

هو تماما كاسم المحل على أرض الواقع ، فلا بد ان يكون لموقعك اسم يعرف به بين الناس ، ومن خلاله يزورون موقعك ، وهو كاليافطة تعلق على بوابة المحل ، فلا يعقل أن تعطي الناس عنوان موقعك كرقم آي بي :
212.112.68.104
لابد أن تختار اسم تجاري لطيف ومميز لكي يسهل على الناس حفظه وزيارة موقعك من خلاله مثل :
www.walidov.com
وشركة تأجير أو بيع النطاقات تقوم بربط هذا الاسم بعنوان الموقع أو رقم الآي بي ، تماما كما أنك تعلق اليافطة على المحل ، بحيث يدل الاسم على المحل.
رابعا : برمجة الموقع وتصميم صفحاته 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

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

• Internet Explorer بكافة اصداراته.
  
• Mozilla Firefox.
  
• Opera.
  
• Safari.
  
• Netscape.
  

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

1. كيف تبحث عن اسم نطاق Domain name وتحجزه.
   
2. كيف تستأجر استضافة أو خادم Host or Server.
   
3. كيف تصمم موقع باستخدام HTML ، وذلك بأحد البرنامجين الآتيين :
   
   
   
   • FrontPage.
     
   • Dreamweaver.
     

</LI>

<LI>كيف تقوم برفع ملفاتك من الجهاز إلى الموقع باستخدام أحد برامج نقل الملفات FTP.
<LI>كيف تعلن عن موقعك وتجذب إليه الزوار.

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

1. تتعلم أحد لغات البرمج php او asp أو غيرهما ، وذلك لتبني تطبيقات انترنت أكثر تقدما.
   
2. تتعلم التصميم الرسومي وذلك لتصمم مواقع جميلة ، وانصح ببرنامج Photoshop.
   
3. تتعلم التصميم المتحرك ، وذلك لإضافة مؤثرات خاصة ، وانصح ببرنامج Flash.
   
4. تتعلم لغة تنسيق الصفحات ، وذلك لتتمكن من تصميم المواقع الضخمة وهي لغة css.
   

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