تعرف على تصميم مواقع الانترنت

ملاحظة

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

بدايةً ينقسم العمل لإنشاء موقعك الإلكتروني إلى أربع نقاط رئيسية مرتبة حسب الأهمية كالآتي:
أولاً: كيف تحجز مساحة (hosting space) على الإنترنت لاستضافة موقعك.
ثانياً: كيف تحجز وتشتري عنواناً (domain name) لموقعك يصل الناس من خلاله إليك.
ثالثاً: كيف تصمم الموقع وتعرض محتوياته.
رابعاً: كيف ترفع محتويات موقعك على الانترنت.

والآن نجيب عن الأسئلة السابقة بشيء من التفصيل:
أولاً: كيف تحجز مساحة (hosting space) على الإنترنت لاستضافة موقعك؟
يتم حجز مساحة على الإنترنت عن طريق شركات الإستضافة (web hosting companies)، وهي شركات كثيرة متخصصة في تقديم خدمات المواقع الإلكترونية (web hosting services)، وتقدم عروض كثيرة ومختلفة بحسب احتياجات موقعك وتقنية صفحاتك المعروضة (مثال: وجود قاعدة بيانات في الموقع)، ويتم دفع اشتراك شهري للشركة المتسضيفة لموقعك (إيجار شهري) يتراوح بين (4-20) دولار شهريا للموقع متوسط الحجم.

ثانياً: كيف تحجز وتشتري عنواناً (domain name) لموقعك يصل الناس من خلاله إليك؟
يتم حجز وشراء عنوان (domain name) لموقعك (مثال: perfectech-wd.com) عن طريق شركات الاستضافة أيضاً، وتقدم الكثير من شركات الاستضافة عروض لاستضافة المواقع (حجز مساحة) ومعها حجز عنوان مجاني مدى الحياة مما يسهل عليك عملية التسجيل.
ملحوظة: لا يُشترط التعامل مع نفس شركة الاستضافة التي تم حجز المساحة عندها، وذلك في مراحل متقدمة ولمن يريد حجز عدد من الأسماء بغرض استخدامها في المستقبل أو إعادة بيعها، أو في بعض الحالات التي لا تقدم شركات الإستضافة عروض مجانية كما سبق ذكره.

أما بالنسبة لخطوات التسجيل فتتم كالتالي:
أولاً عليك الدخول على موقع الشركة المستضيفة ، ثم قم باختيار (Buy now) أو(Sign up now)، ثم سيطلب الموقع منك إدخال العنوان (domain name) الذي تريد تسجيله، وسيظهر لك تنبيه إذا كان هذا العنوان متاح (غير محجوز) من قبل، ثم سيطلب منك تحديد المدة التي تريد أن تحجزها، ثم تقوم بالدفع عبر الفيزا.
بهذا تكون قد انتهيت من عملية التسجيل، وستقوم إدارة الموقع بإرسال رسالة على بريدك الإلكتروني تحتوي على جميع التفاصيل الخاصة بموقعك وكيفية التحكم بالمساحة وغيرها من الإمكانيات، ثم تقوم أنت بدورك بتسجيل الدخول عبر لوحة التحكم لتتمتع بخدمات الموقع المختلفة من إنشاء عدد من الحسابات البريدية تحت اسم موقعك أو إنشاء قاعدة بيانات وغيرها من الخيارات الأخرى المتوفرة لديك.

ثالثاً: كيف تصمم الموقع وتعرض محتوياته؟
إلى هنا تنتهي الخطوات الإدارية لإنشاء الموقع، ويبقى الجانب العملي الفني وهو تصميم محتوى الموقع نفسه، ويفضل الكثير من الناس خصوصاً الشركات الكبرى في هذا الجانب التعامل مع شركات التصميم المعروفة (web design companies)، وبالطبع هذا مكلف جداً، وهناك أيضا من يفضل التعامل مع شخص واحد محترف (web designer) لتصميم الموقع، إلا أن هناك أيضاً من يحب أن يقوم بتصميم موقعه بنفسه، وفي هذه الحالة فهو يحتاج إلى استخدام البرامج المخصصة لتصميم المواقع على الإنترنت مثل برنامج Frontpage من شركة Microsoft وبرنامج Dreamweaverمن شركة Adobe، وتقوم هذه البرامج بإنشاء صفحات بصيغة (html) التي تعرض داخل متصفح الانترنت، وهذه البرامج متوفرة في كل مكان وطريقة تعلمها بسيطة جداً ومتوفرة بشرح مبسط على المواقع التعليمية على الإنترنت مثل موقع Lynda المتميز في شرح هذه البرامج عن طريق الفيديو.
وعند الإنتهاء من الخطوة الثالثة يكون الناتج منها مجموعة من الملفات والصور، ويبقى أن ترفعها على السيرفر (المساحة التي حجزتها مسبقاً) لكي يكون موقعك جاهزاً.

رابعاً: كيف ترفع محتويات موقعك على الانترنت؟
لرفع هذه الملفات نستخدم تقنية الـ (FTP) والتي هي طريقة مبسطة لتبادل الملفات بين جهازك الخاص والسيرفر (مساحتك مع شركة الاستضافة)، وتتم عن طريق مجموعة من برامج الـ (FTP) ومعظمها مجانية مثل FileZilla، أما ان كنت تسخدم كلا من Frontpage أو Dreamweaver فهما يحتويان على برنامج (FTP) لكي تقوم برفع موقع مباشرةً بعد التصميم أو التعديل.
وهنا نبارك لك فموقعك الآن على الانترنت جاهز لاستقبال الزوار من أي مكان في العالم، وإن احتجت إلى أية مساعدة فستجد في شركات الاستضافة أقسام للدعم الفني وسيجيبون على جميع استفساراتك إما عن طريق المحادثة على الانترنت أو عن طريق البريد الالكتروني أو الهاتف، وهم يتحملون مسؤولية توضيح كل الأمور للإجابة على جميع تساؤلاتك .

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

ملاحظة

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

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

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

فلو كنت تريد التمرس في برمجة الويب فليس لديك خيارات كثيرة :

1- تعلم الـ HTML و Css
2- تعلم احدة اللغتين ال php أو الـ Asp ، انصك بتعلم الـ asp لكن في المقابل عليك دفع مبلغ لـ Microsoft لنشر مواقعك المبرمجة بها غير ذلك فالأفضل هي الـ php لأنها بسيطة و جميلة و مفتوحة المصدر
3- تعلم الـ Javascripte

اما اذا كنت تريد التمرس في برمجة البرامج فتابع المعايير القادمة
ما هو هدفك من البرمجة ؟
تعم ان هدفك في البرمجة يحدد بطريقة مباشرة اللغة البرمجية التي تناسبك . فما هو هدفك من البرمجة ؟
اغلب من يدخل ميدان البرمجة فهو يدخلها لهدفان لا ثالت لهما. و هما :

الاستمتاع بالبرمجة لأنك تجدها ممتعة و تعشق التحديات ( هنا تسمى انت بهاوي )
الرغبة في الاحتراف و اتخاد البرمجة كعمل (تسمى هنا بمحترف )

فلغات البرمجة منها الصعبة و الاحترافية و منها السهلة و البسيطة لكنها غير احترافية ، اي انك لو كنت هاوٍ فعليك اختيار اللغة البرمجية الأكثر سهولة التي توفر لك كل متطلبات برمجة برامج بسيطة فقط حسب امكانياتك و ظروفك (وقت فراغك ) اما لو كنت ترغب في الاحتراف فعليك اختيار لغات البرمجية الصعبة الاحترافية التي تمكنك من التعامل مع مختلف مكونات الحاسوب المرنة و الصلبة ، و تستطيع من خلالها برمجة اي شيء يخطر على بالك انطلاقا من مؤهلاتك و تكريش وقتك
اما اللغات البرمجية التي انصح بها الهواة فهي : Vb6 – Pascal – Go – Windev
رغم ان هناك البعض من سيعارضني بخصوص الـ Windev لانها لغة تبسيط اكثر مما هي لغة هواية
اما اللغات البرمجية الاحترافية و التي تحتوي على تقنيات عالية : C++ C Delphi Vb.net C# Java
و غيرها من اللغات
الآن لو كنت هاوي فلديك خيارين البرمجة بالكود فقط انصحك باختيار الـ Pascal او البرمجة بتقنية الـ Rad (سحب جر ) انصك بالـ
Vb6و لو انت تريد الاحتراف فتابع المعيار الثالت .

ما نوع البرامج الي تريد برمجتها ؟
تحدثنا في النوع الأول عن الصنف اما الآن فسنتحدث عن نوع البرامج التي تريد برمجتها
فالبرامج انواع كثيرة فنحن نجد على الحاسوب العابا و برامج مكتبية و تطبيقات و برامج تسيير و برامج حماية و الكثير من الأشياء الاخرى
فاعتمادا على نوع البرامج التي تريد برمجتها تحدد لغتك البرمجية
فلو كنت تريد التمرس في صناعة الألعاب فلديك خيارات محدودة هي C# و ++C و Java هذا لا يعني ان اللغات الاخرى لا يمكن صناعة العاب بها ، و لكن هذه اللغات احترافية في صناعة الألعاب فالـ ++C متلا توفر لك تعامل مثالي مع الـ OpenGL لصناعة الالعاب ، و يمكنك اختيار اي لغة انطلاقا من درجة الصعوبة ، فلو كنت تريد صعوبة اكثر توجه الى الـ ++C و اقل C# و Java
مع مراعات علاقة الصعوبة بمدى الاحترافية .

اما لو كنت صناعة برامج تطبيقية مكتبية عادية مثل برنامج تحويل العملات ، او برنامج قارئ PDF و الكثير من البرامج التطبيقية الأخرى فاي لغة برمجية كافية للقيام بذلك بكفاءة لكن الـ Java ستكون الخيار الأكثر ملائمة بالنسبة لبرامج التسيير اي برامج تسيير شركات و مدارس و مكتبات و غيرهم فمعظم اللغات كفيلة بصناعتها ، لكن لغات برمجية كـ Vb.net و Delphi و كدى الـ Windev تعد الأفضل في هذا المجال ، لتعاملها السلس مع قواعد البيانات بالنسبة لبرامج الحماية – التكسير و الضغط و التشفير و التعامل مع مكونات الحاسوب و غيرها من الوظائف الاحترافية جدا فان الخيار الأمثل سيكون لغة احترافية كالـ C او الـ ++C رغم ان هاتان اللتان يمكناك ايضا من صناعة برامج متنوعة مكتبية – للتسيير و تطبيقية بسيطة الا ان درجة صعوبتهما تجعل من صناعة برامج عادية مثل تلك البرامج امرا صعبا و عاديا في نفس الوقت .

ما هو ال SEO ؟

ملاحظة

ال SEO هو اختصار الى Search Engine Optimization  ومعناه بالعربي  التهيئة او التحسين لمحركات البحث  وبالعامية تجهيز موقعك او صفحتك الخاصه لمحركات البحث جوجل وغيرها و حسب تقنية برمجة و تصميم موقع الانترنت الداعم لهذا الأمر

نستخدم ال SEO  لكي نرفع من رتبة مواقعنا  في محركات البحث بحيث تظهر بالصفحات الاولى وبعد ظهورها في الصفحات الاولى نبدأ نستقبل الزوار و يصبح موقعنا هو صلة الوصل مع العالم كله و من أي مكان ليصل نشاطنا التجاري للجميع

وأيضا بدون ال SEO الزوار يأتون لموقعك بعدة طرق  مثل الشبكات الاجتماعيه تويتر و فيسبوك  و بعض الاعلانات في المواقع

يوجد 3 انواع من تقنيات SEO  وهي :

WHITE HAT SEO  : وهو  بأختصار اتباع ارشادات محركات البحث في تحسين موقعك بدون اي مخالفات لها  وسيظهر موقعك بعدها بالنتائج الاولى لمحركات البحث ..هذه التقنيه نتائجها بطيئة و تحتاج لصبر كبير يعني ممكن تشوف نتائجها على موقعك في خلال سنه او اكثر او اقل لكنها أمنه وتضمن لك بقاء طويل جداً في محرك البحث وتكسب بها ثقة محرك البحث .

BLACK HAT SEO : تأخذ نفس ارشادات التقنيه السابقه WHITE HAT SEO ولكنها  تضيف عليها مخالفات كثيره  لمحركات البحث  .. هذه التقنيه نتائجها سريعه جداً  يعني ممكن تشوف موقعك يظهر بالنتائج الاولى خلال مدة قصيره جداً  ويتربع بالمراتب الاولى بنتائج البحث لفترة شهر او شهرين او ممكن سنه انت وحظك مع محرك البحث وفجأة تجد موقعك اختفى من نتائج البحث او كلمتك المستهدفه اللتي طبقت عليها هذه التقنية لاوجود لها في المراتب ال 100 من صفحات البحث .. مثال على هذه التقنيه BLACK HAT SEO  التعليقات المزعجة SPAM  في المدونات و ايضاً اضافة المواضيع في المنتديات مثل اضافة 1000 موضوع في 1000 منتدى  ويكون نفس الموضوع و نفس رابط الموقع المزعج

GREY HAT SEO  هو نفس الوايت هات سيو ولكن فيه بعض الطرق المخالفه اللتي ممكن يخالف عليها محرك البحث او ممكن لا يخالفك مثل استخدام الكلمه المستهدفه بموضوعك  بشكل كبير في موضوعك لكي تظهر بالنتائج الاولى .

ما هي استضافة المواقع

ملاحظة

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

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

أنواع الاستضافة
1. خدمة الاستضافة المجانية: هي خدمة تقدمها بعض المواقع الكبيرة ولكن يكون هذا مقابل الإعلانات التي تضعها وتنشرها في مواقع العملاء.
2. خدمة الاستضافة المشتركة : خادوم الاستضافة يحتوي على العديد من المواقع تتراوح بين مثات أو آلاف المواقع (وهذا يتم احتسابة حسب حجم السيرفر)
3. خدمة الاستضافة الافتراضية : وهي أن يتم مشاركة خادوم ( سيرفر ) بين مجموعة من المواقع على أن يكون لكل موقع نظام تشغيل خاص به وتوزع المصادر بينهم
4. خدمة استضافة السحاب : وهي شبيهة بالاستضافة الافتراضية الا انها تتسم بأن مشاركة خادوم ( سيرفر ) عبر تقسيم الموارد من قطع الخادوم نفسه او علي بيئة الهارد وير و ليس تبعاً للتقسيم عبر برنامج و تحت بيئة السوفت وير و تدعي Cloud Hosting
5. خدمة الاستضافة المخصصة : وهي ان يستأجر الموقع خادوم ( سيرفر ) خاص وينفرد به ولا يشاركه فيه أحد وهذا أغلى الأنواع السابقة.
الريسيلرات : وهي خدمة لموزعي الاستضافة، تتيح للشخص أن يقدم استضافة مجانية أو مدفوعة للآخرين.

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

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

المساحة التخزينية : وهي مقدار المساحة المتاحة للعميل في القرص الصلب، والتي ستحتوي على جميع ملفات ومحتويات موقعه.
حجم تبادل البيانات : أو ما يسمى بالـ Bandwidth وهو مقدار البيانات التي يتم نقلها من وإلى الموقع ، سواءً عن طريق التصفح ( يعتبر نقل للصفحة من الخادوم إلى جهاز المتصفح) أو عن طريق التحميل أو أي شكل من أشكال تبادل البيانات.
عدد المواقع المسموح به : كم عدد المواقع المسموح إضافتها إلى نفس الخطة.
عدد قواعد البيانات : كم عدد قواعد البيانات المسموح انشائها على نفس الخطة.
عدد حسابات الاف تي بي : كم عدد حسابات الاف تي بي التي يمكن لمالك الموقع عملها لمساعديه في الموقع.
عدد حسابات البريد : كم عدد حسابات البريد على المستضافة على نفس الخطة.
اي بي خاص للموقع : وهو عنوان اي بي مخصص فقط لاستخدام الموقع المستضاف.
عدد النطاقات الفرعية : كم عدد النطاقات او الدومينات الفرعية مثال example.domain.com فيعتبر في المثال السابق example اسم دومين فرعي.
السعر : وهو ما تتفاوت فيه الشركات وتتنافس لتقديم أوفر الأسعار لكسب أكبر شريحة من العملاء.
وغيرها من المواصفات الأخرى التي تختلف من شركة لشركة ثانية.

أكبر شركات الانترنت وخدماته عالمياً

ملاحظة

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

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

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

1-جوجل “390.5 مليار دولار”.
2-فيسبوك “193.9 مليار دولار”.
3-علي بابا “165 مليار دولار”.
4-أمازون دوت كوم “149.6 مليار دولار”.
5-”تينسنت” الصينية “147.6 مليار دولار”.
6-محرك البحث الصيني “بايدو” “73.9 مليار دولار”.
7-”إيباي” “63.3 مليار دولار”.
8-”برايس لين جروب” وهي مختصة بتقديم خدمات السفر “60.5 مليار دولار”.
9-ياهو “42.3 مليار دولار”.
10-”جي دي دوت كوم” موقع التجارة الإلكترونية الصيني “39.5 مليار دولار”.

تطور مواقع الأنترنت في عالمنا

ملاحظة

عندما تزور موقعا مثل موقع Archive.org الذي يعمل على أرشفة مواقع الويب منذ عام 1996م، ستعرف أن تصميم مواقع الويب مرت بعدة مراحل حتى وصلت إلى ما نحن عليه الآن.

فأول ما ظهرت مواقع الويب عام 1991م كانت تعتمد في تصميمها على النص كثيراً مع قليل من الصور من دون مخطط واضح للصفحة. حتى موقع ياهو في عام 1996م كان عبارة عن سرد للتصنيفات بشكل نصي مع وجود بعض الصور في أعلى الصفحة.

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

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

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

وفي السنوات الأربع أو الخمس الماضية بدأ تصميم مواقع الويب يأخذ منحى آخر، حيث أصبح يعتمد في تنظيم عناصر المواقع وإضافة المؤثرات على عدد من التقنيات التي من أهمها تقنية الأنماط المتعاقبة (CSS) التي ساعدت في ترتيب وتخطيط الموقع من دون اللجوء إلى الجداول.

فظهرت لدينا مواقع جميلة ومنظمة يمكن عرضها على أغلب المتصفحات بنفس الشكل .