كيف تصنع موقعك

هناك العديد من الأدوات البرمجية التي تساعدك على إيجاد مواقع الكترونية تمتاز بالوضوح والفعالية . فإذا كنت ستقوم بتصميم موقع الكتروني لأول مرة , فإنه من المفيد :
• أن تكتسب تفهماً حول ماهية المواقع الفعالة.
• أن تقولب مفهومك وهدفك ضمن عملية إجراءات تصميم الموقع .
• أن تستمع وأنت تصنع موقعك الخاص بك.
هنالك ثلاثة طرق لعمل المواقع الإلكترونية:
• نظام (Html) : إنه نظام خاص بالنص المجرد الذي يُمَكِنَك من صياغة صفحة الكترونية . وبالإمكان النظر إلى هذا النظام على أنه لغة البرمجة الخاصة بالإنترنت .
• محرر لغة الـ (Html) : إنه يوفر الوسائل والطرق المختصرة لصياغة وتحرير صفحات الـ ( Html) خاصة بالإنترنت .
• برنامج (Expression Web/Dreamweaver) وبرنامج (WYSIWYG) تُمكنك هذه البرامج من عمل صفحات خاصة بالإنترنت دون الحاجة إلى برنامج (Html) ويحظى برنامج الـ بميزة التشغيل المباشر على الكومبيوتر المركزي (أي لا حاجة لنقل ملفات مكتملة).
التصميم :
• حدد جمهورك .
• قم بتحفيز جمهورك : عاملهم باحترام ووفر فرص للتغذية الراجعة الفعالة.
• قم بوضع أهداف للموقع تمتاز بالوضوح وقابلية القياس , أو قم بتصميم الأهداف.
• قم بالإعتراف والتقدير تجاه ردود الأفعال , الجهود , والنجاح , وقم بتجاوز الثغرات كي يرتقي إلى مستوى التوقعات.
المحتوى أو المضمون :
• قم بتحديد محتوى الموقع الخاص بك بشكل مكثف .
• يجب أن تكون اللغة بسيطة ومفهومة من قبل جمهور عالمي.
• سَهِّلْ أمام الجمهور الإطلاع على المفاهيم الهامة .
• أدخل نصوص المحتوى في صفحات ذات خلفية بيضاء .
• تعامل مع معلوماتك حسب أولوياتها , كما لو أنك تقوم بوضع خطوط عريضة .
وجه مسار التصفح بأسلوب:
• بسيط.
• واضح.
• يقوم على خرائط للموقع تتألف من طبقات أو مستويا
• منظم ( التفكير بطريقة الخطوط العريضة ).
الأشكال أو الصور المتداخلة:
إن تطوير الموقع يبدأ بنصه وهيكله . بعد أن يتم تطوير الهيكل الاساسي , يجب تحليل المحتوى من حيث مَنْ الذي سيستفيد من عمل التصاميم التي تقوم على الصور أو النص .
مباديء عامة :
• قم باختيار ألوان كل من النص والخلفية على أن يكون الفرق كبير بينهما.
• قم باختيار لوحة ألوان آمنة لاستعمال الزائر. وذلك كي تتسم بالثبات .
• قم بتوحيد شكل وحجم حروف النص بشكل دائم ومستمر.
• تجنب إحداث تغييرات على الألوان.
• تجنب استعمال الحروف المائلة ( تصعب قرءاتها ) وإحداث تغييرات على الألوان , ووضع خط تحت الكلمات ( يمكن الخلط بينها وبين الوصلات Links).
• تجنب النص المطول أكثر من اللزوم.
• قم بتجنب استعمال الخلفيات ذات النسق الشبكي , لأن ذلك يصعب القراءة.
• قم بتوضيح المضمون باستعمال تصاميم وأشكال تتسم بالبساطة , الملاءمة , صغر الحجم , والثبات .

المعايير القياسية للويب تتطور بشكل تدريجي وتعتمد مثل ماتحدث عبدالله على منظمة W3 وبعض الشركات والأفراد. تتطور المعايير تدريجياً وفقاً لمعدل الإلتزام بها من مجتمع المطورين وعادة ماتتحول لمعايير أو شبه قواعد عندما يتم تبنيها من كبرى الشركات ووكالات التصميم.
يعتبر جيفري زيلدمان أحد أهم الأشخاص المساهمين في نشر هذه المعايير والدعوة إليها عبر كتابه الشهير "التصميم وفقاً لمعايير الويب القياسية" والذي يعتبر أحد المراجع الأساسية في متابعة معايير الويب القياسية وتطورها.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
في بعض الحالات تتحول بعض التقنيات الجديدة إلى معايير مثل مفهوم الويب التجاوبي Responsive Design، الذي بدأ كفكرة في مقال للمصميم إيثان ماركوت في أيار 2010 (http://alistapart.com/article/responsive-web-design) ثم تحول لمعيار توصي به كبار شركات التكنولوجيا.

بداية علينا أن ندرك أن الويب اليوم، يدخل في تشكيله على ما هو عليه عدة أطراف وجهات:
• صناع المواقع وتطبيقات الويب
• صناع المتصفحات
• المتصفحون
• محركات البحث
• شركات العتاد
...
منذ بداية الويب على يد Tim Berners-Lee تم وضع أسس بسيطة له كبداية، وضعتها منظمة w3 التي ضمت عند تأسيسها أكثر من 450 منظمة عضو، هدف الأسس وضع قناة تواصل بين هذه الأطراف، فلكي يتمكن المتصفح من إظهار نص ما كعنوان او كرابط، على صانع الموقع أن يكتبه بلغة يفهمها المتصفح، ليفرق بين نص الفقرة ونص العنوان ونص الرابط، ثم ليتعرف محرك البحث لاحقا على العنوان الرئيسي للصفحة لتكون نتائج البحث أدق..
طبعا مع تطور استخدامات الويب وتطور التقنيات المستخدمة في صناعة المواقع، يتم دائما تحديث المعايير والتي خصلت أساسا إلى لغات الويب الثلاث html و css و javascript بجانب قواعدها الأساسية، وضعت معايير قياسية في كيفية استخدامها لكنها ليست قواعد يشملها الصحيح والخطأ، ويلتزم صانع المواقع بتطبيقها.
وكثيرا ما تكون هناك موجات شد وجذب بين صانعي المواقع وبقية الأطراف بخصوص إثبات معيار ما أو استخدام ما على أنه الأصح والأجدر أن يكون معيارا قياسيا..
وعلى سبيل المثال لغة html5 والإستخدامات الجديدة للأوسمة السابقة، والأوسمة المستحدثة لم تكن منظمة w3 هي صاحبتها بداية، بل أطلقها مجموعة من صناع الويب من موزيلا وآبل وأوبرا شكلوا WHATWG سنة 2004 لتطوير لغة Html إلى أواخر 2006 حيث قررت w3 التعاون مع المجموعة ويتم إطلاق أول نسخة من Html5 (كمعايير وبعض الأدوات المساعدة) في 2008.. وظهر بشكل كبير تأثير المجتمع في توجيه المنظمة..
اليوم هناك الكثير من الحاجيات لصانعي المواقع تحتاج إلى كسر بعض هذه المعايير، وهذا أفرز عدة اتجاهات من جديد، وهذه الروابط توثق بعض الأمثلة:
1. Nicolas Gallagher أحد صانعي الويب المعروفين وهو مهندس في تويتر يكتب عن web sematics او "معايير الدلالة في الويب" إن صحت الترجمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
1. Harry Roberts صاحب مدونة csswizardy وأحد صانعي الويب المؤثرين كذلك، يتحدث عن "كسر المعايير القياسية" في هذا الفيديو:
• رابط الفيديو: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
• رابط شرائح العرض: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
1. Ben Darlow بالمقابل يكتب مقالا للدفاع عن المعايير القياسية و معايير الدلالة في الويب
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
1. وهنا Rey Bango و Tyson Matanich من ميكروسوفت يتحدثون عن ضرورة المعايير القياسية في هذا الفيديو:
Don’t break the web: Why web standards matter and how to use them responsibly.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]