نتاج التعلم أ: فهم مبادئ تطوير المواقع الإلكترونية

• أ. فهم مبادئ تطوير المواقع الإلكترونية.
• ب. تصميم موقع إلكتروني يلبي متطلبات العميل.
• ج. تطوير موقع إلكتروني يلبي متطلبات العميل.

أ) فهم مبادئ تطوير المواقع الإلكترونية

1. لقد تغيرت المواقع الإلكترونية بشكل كبير على مر السنين.
2. فعندما طُوّر الويب لأول مرة، كان استخدامه مقصورًا على العلماء في معاهد البحوث لتبادل الأفكار.
3. تضمنت المواقع الإلكترونية منذ البداية النصوص التشعبية والارتباطات التشعبية كطريقة للتنقل عبر كل النص.
4. أما في عالمنا اليوم، ما تزال المواقع الإلكترونية تُستخدم لمشاركة الأفكار، ولكن الويب تطور إلى شيء أساسي لأسلوب حياتنا.

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

للمواقع الإلكترونية أغراض مختلفة وتؤدي وظائف مختلفة. في ما مضى، كانت المواقع الإلكترونية تُستخدم لتوفير المعلومات. ولكن طُوّرت تقنية قائمة على المحتوى تسمى Web 2.0 لتمكين المستخدمين من التفاعل وإضافة محتواهم ومعارفهم وآرائهم. مكنت تقنية Web 2.0 من تطوير ما يأتي:

• مدونات الويكي - الأماكن حيث يستطيع جميع المستخدمين الإسهام في المعلومات. وأكبر مثال عليها هو ويكيبيديا، وهو موقع موسوعة حيث يمكن لأي شخص الإسهام في أي مقال وحتى إنشاء مقالات جديدة.
• المدونات - هي مجلات عبر الإنترنت تتضمن أدوات تتيح للقراء القدرة على التعليق والإسهام. ويمكن لأي شخص أن يصبح مدونًا وأن ينشئ مدونة، معظمها عامة (على الرغم من وجود بعض المدونات الخاصة).
• الشبكات الاجتماعية - هي المواقع الإلكترونية مثل فيسبوك ولينكد-إن وإكس (المعروف سابقًا باسم تويتر) التي تسمح للأشخاص بالتواصل من خلال إنشاء ملف تعريفي. توفر مواقع التواصل الاجتماعي هذه أدوات تمكن المستخدمين من المراسلة من خلال نشر تحديثات الحالة أو التغريدات. ويمكنهم أيضًا إجراء محادثات خاصة وممارسة الألعاب. ويُشجّع المستخدمون على تكوين "صداقات" مع مستخدمين آخرين، على الرغم من أن معظم الأشخاص الذين يستخدمون Facebook هم أصدقاء مع أشخاص يعرفونهم في الحياة الواقعية.

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

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

الجدول 6.1 أمثلة على المواقع الإلكترونية القائمة على المنتجات و/أو الخدمات

يرد في ما يأتي المتطلبات الأساسية لجميع المواقع الإلكترونية:

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

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

• سهولة الاستخدام - تعني سهولة استخدام المستخدمين للموقع الإلكتروني. على سبيل المثال، يتمثل أحد العناصر المهمة لقابلية استخدام الموقع الإلكتروني في ضمان مرونة محتوى الموقع الإلكتروني وعمله على جميع المتصفحات والأجهزة.
• المساحة البيضاء - هذه هي المساحة الموجودة على صفحات الويب التي تُترك دون تغيير وتكون بيضاء. ويستخدم مطورو المواقع الإلكترونية المساحات البيضاء لفصل عناصر التصميم مثل النص والرسوم والعناصر الأخرى.
• تخطيط الموقع - وهذا يعني مراعاة أماكن العناصر الموجودة على صفحة الويب وكيفية انتشار المحتوى عبر الموقع الإلكتروني؛ حيث سيظهر العنوان وروابط التنقل والنص والرسوم على الصفحة. ويجب استخدام التخطيط المستخدم لصفحة ويب واحدة باستمرار في جميع الصفحات على الموقع الإلكتروني، حيث يتم تضمين محتوى مماثل. على سبيل المثال، يجب وضع العناوين بالطريقة نفسها على جميع الصفحات. يتسم التخطيط الجيد للموقع بأنه غير معقد وسهل التنقل فيه وسهل الاستخدام.
• تيسير الوصول - يجب على مطوري المواقع الإلكترونية التأكد من تصميم المواقع الإلكترونية وتطويرها بشكل صحيح لتمكين جميع المستخدمين من الوصول المتساوي إلى المعلومات. وهذا مهم لأنه يزيل الحواجز التي من شأنها أن تمنع الأشخاص ذوي الإعاقة من استخدام المواقع الإلكترونية. يُعد موقع "بي بي سي" مثالًا على الموقع الإلكتروني الذي يوفر وصولًا ميسرًا لذوي الإعاقة. وهو يتضمن ميزات تقدم المشورة للمستخدمين حول كيفية تخصيص إعداد الحاسوب وإزالة الحواجز التي تحول دون استخدام الموقع الإلكتروني. ويمكن للأشخاص الذين يعانون من ضعف الرؤية تغيير حجم الخط ولونه. بالإضافة إلى ذلك، فإنه يوفر ألعابًا يمكن الوصول إليها للأطفال ذوي الإعاقات الحركية والمعرفية. تصنف مؤسسة أليكساترافيك رانك موقع "بي بي سي" باستمرار ضمن أفضل 100 موقع إلكتروني في جميع أنحاء العالم. وأحد أسباب ذلك هو الطريقة التي يخدم بها جميع المستخدمين.

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

أليكسا ترافيك رانك - مقياس لشعبية المواقع الإلكترونية، والذي يصنف المواقع الإلكترونية بناء على مقياس مشترك لمشاهدة الصفحة وعدد الزوار. ومن هذا المنطلق، تُنشأ قائمة بـ "أفضل المواقع الإلكترونية" بمتوسط فترات ثلاثة أشهر. Serif - نوع من الخطوط يحتوي على زخارف في نهايات الحروف. مثال على الخط الرقيق هو "Times New Roman". Sans serif - كلمة "sans" تعني بالفرنسية "دون". لذلك، فإن الخط sans serif هو خط دون زخارف في نهايات الحروف. يعد خط Arial مثالًا على خط sans serif.

يلتزم اتحاد شبكة الويب العالمية بضمان تيسير الوصول إلى الويب للجميع، بصرف النظر عن إعاقتهم. تعرف المزيد حول مبادرة تيسير الوصول إلى الويب على موقع اتحاد شبكة الويب العالمية (www.w3.org).

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

1. تصنف "أليكسا ترافيك رانك" المواقع الإلكترونية بناء على مقياس مجمع لمرات مشاهدة الصفحة وعدد الزوار.
2. Amazon.com (انظر الشكل 6.1) هو أحد المواقع الإلكترونية الأكثر زيارة على مستوى العالم.
3. تفضل بزيارة موقع أمازون الإلكتروني (www.amazon.com) وفكر في ما يجعل موقع Amazon.com جذابًا وشائعًا للغاية.
4. اطبع لقطة (لقطات) من الموقع الإلكتروني، أو أي لقطة أخرى من اختيارك، وعلّق عليها من حيث كيفية تطبيق مبادئ التصميم الجيد للموقع الإلكتروني على هذا الموقع.

1. تلميح: استخدم أداة القص داخل Windows (انتقل إلى قائمة Windows ثم حدد All apps ثم Windows accessories ثم Snipping tool "للقص") أجزاء من الموقع الإلكتروني التي تعتمد مبدأ التصميم الجيد للمواقع الإلكترونية.
2. وهذا أسهل من طباعة لقطات الشاشة ثم قص الصور.

1. توسيع الأفق: "تحليل التكلفة والفوائد هو الطريقة الوحيدة لتحديد ما إذا كانت المسؤولية الاجتماعية المؤسسية سيكون لها التأثير الصحيح." فكر في المبادئ الإضافية لتصميم الموقع الإلكتروني الجيد التي تعتقد أنها مهمة.
2. اشرح ماهية هذه المبادئ مع صورة مشروحة لتسويغ أسبابك.

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

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

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

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

1. الاحتراف هو سمة أساسية، ليس فقط لمطوري المواقع الإلكترونية ولكن لأي وظيفة أو مجال حياتي.
2. وأحد الجوانب المهمة للاحتراف هو وجود آداب تعامل جيدة.
3. آداب التعامل عبارة عن مدونة سلوك تحدد كيف ينبغي لنا أن نتصرف داخل المجتمع وفي العمل.
4. فالأمر كله يتعلق بالأخلاق، أي كيف نتصرف ونقدم أنفسنا. من الضروري أن تكون محترفًا وأن يكون لديك آداب تعامل جيدة عند البحث عن عمل.

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

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

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

• الطبيعة
• العلوم، بما في ذلك علم الفلك
• الفنون، بما في ذلك الرسم والتصوير
• الهندسة المعمارية.

1. يمكن أيضًا تطبيق النسبة الذهبية على تصميم المواقع الإلكترونية، إذ تنتج هذه النسبة من خلال معادلة رياضية بسيطة.
2. تنتج هذه المعادلة رقمًا خاصًا يساوي 1.618 (أو 1.62 مقربًا إلى رقمين معنويين).
3. يتم العثور على هذا الرقم بتقسيم خط إلى قسمين بحيث يكون القسم الأطول مقسومًا على القسم الأصغر مساويًا أيضًا للطول الكامل مقسومًا على الجزء الأطول: a/b = (a+b)/a أو على سبيل المثال 31/24 = (24+31) يمكن تطبيق هذا الرقم 1.62 (2sf) على تصميم الويب لتعيين عرض المحتوى الرئيس وأعمدة الشريط الجانبي.

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

1. تستخدم محركات البحث مصطلح البحث أو العبارة التي تم إدخالها للمواقع الإلكترونية في قاعدة بياناتها والتي تتضمن هذا المصطلح أو العبارة، بدلًا من البحث في الإنترنت بالكامل في كل مرة.
2. تستخدم محركات البحث "متتبعات الارتباطات" (البرامج العنكبوتية) للبحث في الإنترنت عن المواقع الإلكترونية

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

1. للتأكد من أن البرامج العنكبوتية تسرد أحد المواقع الإلكترونية بشكل صحيح، يقوم مطورو المواقع الإلكترونية بتضمين العلامات الوصفية في ترميز صفحة الويب.
2. يتم تضمين العلامات الوصفية في قسم <head> من صفحة ويب. تُستخدم هذه العلامات الوصفية لتزويد محركات البحث بمعلومات حول الموقع الإلكتروني.
3. ولا يُعرض النص الموجود في هذه العلامات داخل صفحة الويب، بل يخبر محركات البحث (وخدمات الويب الأخرى) بمعلومات محددة حول الصفحة.
4. على الرغم من عدم عرض العلامات الوصفية على موقعك الإلكتروني، فمن المنطقي أن تكون نفسها عناوين صفحات الويب الخاصة بك (على افتراض أن هذه العناوين مُسماة بطريقة معقولة) لإخبار الأشخاص بالغرض من موقعك الإلكتروني والمنتجات أو الخدمات التي تقدمها.

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

• الكلمات الرئيسة التي تصف النشاط التجاري أو المنتجات أو الخدمات وصفًا دقيقًا
• الكلمات أو العبارات التي يكتبها الأشخاص فعليًا في محركات البحث عند البحث عن شيء ما عبر الإنترنت
• الكلمات الرئيسة الأكثر صلة في عناوين صفحات الويب وعناوين صفحات الويب لوصف الموقع؛ يجب عليك استخدام الكلمات الرئيسة في العلامات الوصفية والعناوين ومتن النص على الصفحات وحتى في أسماء ملفات الصور

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

1. من أجل ضمان ملاءمة موقعك الإلكتروني، يجب تحديثه بانتظام، وتستطيع محركات البحث تحديد عدد مرات تحديث الموقع الإلكتروني.
2. ففي حال تحديث الموقع الإلكتروني بانتظام، فإن محرك البحث يعتبره مصدرًا ثابتًا للمعلومات الجديدة.
3. ونتيجة لذلك، من المرجح أن يحتل الموقع الإلكتروني مرتبة أعلى في نتائج البحث.

1. هناك عدد من العوامل المختلفة التي تؤثر في أداء الموقع الإلكتروني.
2. إذا تأثر الأداء سلبًا، فقد يتم تحميل المواقع الإلكترونية ببطء أو تفشل في التحميل تمامًا.
3. وإذا لم يستجب الموقع الإلكتروني بسرعة، فمن المحتمل أن تفقد المستخدمين لصالح المواقع الإلكترونية الأعلى استجابة. فالأداء هو أساس نجاح الموقع الإلكتروني.

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

1. البرمجة النصية من جانب العميل هي عندما يتم تنفيذ البرنامج النصي على حاسوب المستخدم ولا يتصل بالخادم.
2. تعد البرمجة النصية من جانب العميل مفيدة لأنها يمكن أن توفر تفاعلاً إضافيًا داخل صفحات الويب دون الحاجة إلى الاتصال بخادم الويب.

لم يتم إنشاء جميع متصفحات الويب بالتساوي، فكل متصفح ويب يعرض الكود بشكل مختلف. وهذا يعني أنه عندما يتم تحميل كود المواقع الإلكترونية داخل متصفح الويب، يمكن تفسيره بشكل مختلف عن الطريقة التي سيُفسّر بها بواسطة متصفح ويب آخر. على سبيل المثال، قد لا تبدو الطريقة التي يظهر بها موقعك الإلكتروني في فايرفوكس (Firefox) هي نفسها في إنترنت إكسبلورر (Internet Explorer). سيتم تحميل بعض الصفحات بشكل أسرع من غيرها وقد لا تُدعم بعض عناصر صفحات الويب، اعتمادًا على متصفح الويب الذي تستخدمه. بصفتك مطورًا لأحد المواقع الإلكترونية، قد يُطلب منك تطوير موقع إلكتروني متوافق مع متصفحين أو ثلاثة متصفحات الويب المختلفة لها مزاياها وعيوبها. على سبيل المثال، يعد متصفح كروم (Chrome) جيدًا لدعم HTML5، في حين أن متصفح فايرفوكس (Firefox) جيد لخيارات الوظائف الإضافية لمطوري المواقع الإلكترونية. لذا، من المهم أن ندرك أنه عند استخدام متصفح الويب، لا يوجد متصفح هو الأفضل بالضرورة على كل الأصعدة. فكل متصفح مختلف وفريد من نوعه. يحدد اتحاد شبكة الويب العالمية (W3C) المعايير لمطوري الويب. فيمكن للمطورين تحميل موقعهم الإلكتروني إلى موقع W3C للتحقق من المتصفحات المتوافقة مع المواقع. وستحدد خدمة التحقق من صحة العلامات في W3C العلامات التي قد تحتاج إلى تغيير للمساعدة على جعل الموقع متوافقًا مع متصفح معين.

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

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

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

• سرعات التحميل والتنزيل - ستحدد سرعة اتصال المستخدم بالإنترنت مدى سرعة تنزيل صفحات الويب أو تحميلها.

• سرعة المعالج - ستحدد سرعة الاتصال معدل التنزيل، وبالتالي ستؤثر مكونات الحاسوب في السرعة التي يُعرض بها المحتوى والتي يمكن للمستخدمين التفاعل معها. ويجب أن تراعي أن جهاز المستخدم قد لا يحتوي على معالج سريع أو سعة ذاكرة كبيرة، ولذلك يجب على مطوري المواقع الإلكترونية الاختيار بين متطلبات المستخدم العالية وعدد الزوار الكبير. يمكن للمواقع التي تعتمد بشكل كبير على البرمجة النصية من جانب العميل مثل جافا سكريبت (JavaScript) أن تضع عبئًا كبيرًا على وحدة المعالجة المركزية على جهاز الحاسوب الخاص بك.
• ذاكرة التخزين المؤقت - قد تكون ذاكرة التخزين المؤقت هي الذاكرة الموجودة على جهاز الحاسوب الخاص بك. وكلما كبرت الذاكرة، زادت سرعة تشغيل الحاسوب. تُستخدم ذاكرة التخزين المؤقت لتقليل متوسط الوقت اللازم للوصول إلى الذاكرة. وهذا يعني أنه كلما زادت سعة الذاكرة لديك، زادت سرعة جهاز الحاسوب في التعامل مع الموقع الإلكتروني الذي تقوم بالوصول إليه. قد تكون ذاكرة التخزين المؤقت التي تستخدمها المواقع الإلكترونية على وحدة التخزين الفعلية (على سبيل المثال، على القرص الصلب في شكل ملفات مؤقتة) وكذلك داخل ذاكرة الوصول العشوائي للحاسوب.
• المتصفحات - لم يتم إنشاء متصفحات الويب بالتساوي على النحو الذي تمت مناقشته في الجزء الخاص بالامتثال لمتطلبات المتصفح. يمكن أن تؤثر بعض متصفحات الويب في السرعة التي يمكن بها تحميل صفحة الويب.
• التفاعل - عندما تدمج عناصر تفاعلية في صفحة ويب، مثل صور الفلاش أو الألعاب المدرجة، يمكن أن يؤثر ذلك في السرعة التي يمكن بها تحميل الموقع الإلكتروني. كلما زاد التفاعل على الموقع الإلكتروني، زاد تحميل الحاسوب إلى مزيد من الوقت لتنزيل جميع المعلومات. مع التقنيات الجديدة مثل 4G و5G والألياف البصرية، فإن هذه المشكلة أقل. في السابق، كان تنزيل المعلومات يستغرق وقتًا، وبالتالي، كان التفاعل يُستخدم بشكل مقتصد. أما الآن، فقد صار التفاعل معيارًا ويميل المستخدمون إلى توقعه داخل المواقع الإلكترونية.

1. لقد تقدمت بطلب للحصول على تدريب مهني لدى شركة لتطوير المواقع الإلكترونية، وترجو أن تثبت التوظيف أنك مطور للمواقع الإلكترونية.
2. المنافسة على الوظيفة عالية، لذلك تم تكليفك بمهمة كتابة تقرير أولي لقياس فهمك لمبادئ تطوير المواقع الإلكترونية.
3. والمتقدمون الذين يؤدون أداء جيدًا في هذه المهمة سيتقدمون إلى المرحلة التالية من عملية التوظيف.

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

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

• ما المهمة؟ ما المطلوب مني فعله؟
• ما مدى ثقتي في قدرتي على إنجاز هذه المهمة؟ هل هناك أي جوانب قد أواجه صعوبة فيها؟

• هل قضيت بعض الوقت في التخطيط لمقاربتي للمهمة المطروحة؟
• هل أنا واثق من أنني أعرف ما أقوم به وأنني أعرف ما يجب أن أحققه؟

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