مبادئ تصميم صفحات الإنترنت

الكاتب: سامي -
مبادئ تصميم صفحات الإنترنت
محتويات
? صفحات الإنترنت
? عناصر صفحة الإنترنت
? مبادئ تصميم صفحات الإنترنت
?.? التوازن
?.? الوحدة
?.? البساطة
? كيفية إنشاء صفحة إنترنت
صفحات الإنترنت

صفحات الإنترنت هي مستندات موجودة في مكانٍ ما من الشبكة العالمية وكل صفحة إنترنت تتميز بأن لها رابط أو ما يعرف بعنوان URL مميز ووحيد، يمكن الوصول لصفحات الإنترنت على الهواتف النقالة، أجهزة الكوبيوتر أو الشاشات اللوحية من خلال متصفحات الإنترنت المختلفة مثل Google Chrome, Mozilla Firefox وغيرها، يكون متصفح الويب مرتبط بخادم الويب الذي يعمل على جلب معلومات صفحات الإنترنت بواسطة بروتوكول ال HTTP، تتواجد البيانات على صفحات الإنترنت غالبًا بتنسيق HTML أو XHTML ، وتقوم صفحات الإنترنت بعرض النصوص أو الصور وأنواع أخرى من المعلومات بصورة مرئية للزوار، ويمكن للزوار الإنتقال بين صفحات الإنترنت المختلفة بواسطة إرتباطات النص التشعبية، يتم الذهاب إلى صفحة الإنترنت بكتابة عنوان URL الخاص بالصفحة في شريط العناوين

عناصر صفحة الإنترنت

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

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

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

التوازن

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


 
الوحدة

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

البساطة

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

كيفية إنشاء صفحة إنترنت

بعد ذكر أهم مبادئ تصميم صفحات الإنترنت لا بد من ذكر خطوات إنشاء صفحة إنترنت، إذ يمكن للفرد بعد كتابة صفحة الإنترنت الخاصة به في أي محرر نصوص حفظها كمستند بصيغة HTML وعرضها في أي متصفح ويب، وفيما يلي خطوات رئيسية لإنشاء صفحة الإنترنت:

إضافة عنوان رئيس لصفحة الإنترنت في ملف بصيغة HTML: يتم فتح محرر النصوص Notepad ثم كتابة في السطر الأول وذلك لتعريف الملف أنه ملف HTML، ثم يتم كتابة في السطر الثاني، ثم كتابة في سطر ثالث و في السطر الرابع ويتم كتابة عنوان الصفحة الرئيس بنفس السطر الرابع ثم كتابة بجانبه وفي السطر الخامس يتم كتابة أي إن عملية إضافة العنوان الرئيس قد انتهت.
إضافة محتوى ونص لصفحة الإنترنت في ملف بصيغة HTML: يتم كتابة ثم في سطر آخر () ويُدرج بجانبها عنوان المحتوى وبجانبه () يمكن إدراج عناوين فرعية واستخدام المستويات المختلفة من h2 إلى h6 للتحكم في حجم الخط، ثم في سطرٍ جديد يتم إدراج نص المحتوى بين < p > في البداية و() في النهاية.
إضافة عناصر إضافية لصفحة الإنترنت في ملف بصيغة HTML: لإدراج صورة يتم إدراج =img src> ثم رابط الصورة على الإنترت ثم إغلاق القوس < ، لإدراج صفحة إنترنت أخرى يتم إدراج =a href> ثم إدراج الرابط وإغلاق القوس < ثم كتابة الكلمة المراد ربط صفحة الإنترنت بها و إدراج.
إغلاق ملف الـHTML : يتم كتابة لإنهاء النص ثم إدراج .
حفظ ملف الـHTML وفتحه في متصفح الإنترنت: يتم اختيار الأمر حفظ باسم من لائحة ملف ثم تحديد اسم الملف ونوعه كنوع HTML ثم الخروج من محرر النصوص، يتم اختيار الأمر فتح باستخدام للملف الذي تم حفظه واختيار المتصفح المراد استخدامه.
شارك المقالة:
777 مشاهدة
هل أعجبك المقال
0
0

مواضيع ذات محتوي مطابق

التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook