قواعد مهمه في تصميم المواقع

ملكة الانوثة · 05-25-2006, 07:57 PM

السلام عليكم ورحمة الله وبركاته

قواعد مهمة في تصميم المواقع

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

اليك بعض ارشادات و القواعد :-

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

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

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

د- الزيادة كالنقصان
لا تحشو الصفحة بعشرات الصور ، صحيح ان الصور تعطي لمسة جمالية و لكن ما زاد عن حده انقلب ضده

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

و – التصميم و التوزيع
1- التسلسل المنطقي للمعلومات او الاقسام في الصفحة
2- يجب ان تكون الصفحة الاولى جذابة المنظر و سريعة التحميل و تعطي انطباعا جميلا من الوهلة الاولى
3- حاول ان تكون الصفحة متناسقة الالوان في الخطوط و حدود الاطارات و الجداول

ز- الوصلات
1- كن جيدا في الوصف قدر الامكان عندما تقوم بوصف مضمون وصلة ما
2- لا تستعمل عبارات مثل " اضغط هنا " ، " ادخل "
3- تجنب الصور المستعملة كوصلات ، فمن الصعب من ناحية الابصار الانتباه الى كونها وصلات
4- تجن اسلوب الانسياب المستمر ( Roll Over ) للقوائم النازلة من الاعلى الى الاسفل إا انه من الصعب من الناحية الابصار معرفة ما اذا كانت هذه القوائم تحتوي على وصلات كما انه من الصعب تقديم وصف كافٍ لمحتويات الوصلات

ح – الصـــور
1- ان الصور يجب ان لا تتجاوز 75 وحدة من وحدات تشكيل الصورة للبوصة الواحدة ( Pixels) اما اذا زاد عن ذلك فسوف يؤدي الى تبطئ عملية التنزيل على الجهاز
2- قم باستعمال ملفات الــ ( jpg ) و ذلك للصور الفوتوغرافية و الصور التتي تحتوي على الوان داكنة اما ملفات ( gif ) فاستعملها للصور مثل اشكال ذات المجالات الملونة الواسعة و الثابتة
3 – تجنب عرض الصور على انها وصلات . اما اذا كانت ذلك ضروريا ـ فان النص البديل يجب ان يصف محتوى الصفحة الموصلة .
4- تجنب الاشارة الى الصور على انها نص .

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

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

وأخيراً اجعل موقعك شاهداً لك لا عليك يوم القيامة . وذلك بتضمينه محتويات تفيد الزائر في الدنيا والآخرة ويكتب لك فيها الأجر والثواب . والله من وراء القصد

ولكم من ملووووكة احلى تحية..;)

مشاعل · 05-30-2006, 04:59 AM

وعليكم السلام ورحمة الله وبركاته

يعطيك الف عافيه ملكة الانوووووثه... تسلمين وعساك على القوه

ملكة الانوثة · 06-06-2006, 01:52 AM

مشــــــــــــــــــــــــاعل

تسلمين يالغالية على مرورك وردك
لا تحرميني تواصلك

ولكي من ملوووكة احلى تحية..;)

رومنسي غزة · 07-14-2006, 03:36 PM

مشكووور اختنا العزيزة ملكة الانوثة مواضيعك حلوة متلك ولله
ننتظر جديدكـ

ملكة الانوثة · 07-14-2006, 06:39 PM

[frame="2 80"][grade="00008B FF6347 008000 4B0082 FFFFFF"]رومنسي غزة

الحلو هو مرورك وتشريفك لصفحاتي المتواضعة
فشكرا لك من الصميم ايها الغالي
لاتحرمني تواصلك
دمت بكل الود

ولك من ملوووكة احلى تحية..[/grade][/frame]

الخيال · 09-05-2006, 10:36 AM

ملكة الانوثة

مشكورة اختي الغالية على هده المعلومات الراااائعة

ويعطيك العافية

ملكة الانوثة · 09-09-2006, 09:35 PM

[ALIGN=CENTER][TABLE="width:70%;background-color:black;"][CELL="filter:;"][ALIGN=center][ALIGN=CENTER][TABLE="width:70%;background-color:black;"][CELL="filter:;"][ALIGN=center]الحبايب غدارين

شكرا لتواصلك الدائم اخي الفاضل
اسعدني مرورك
دمت بود

ولك من ملوووكة احلى تحية..[/ALIGN][/CELL][/TABLE][/ALIGN][/ALIGN][/CELL][/TABLE][/ALIGN]

عافك الخاطر !! · 09-17-2006, 01:51 PM

الف شكر ياملكه الانوثه
عالموضوع الجميل
الله يعطيك العافيه

السفير نت · 07-01-2007, 08:03 AM

كلام طيب وجميل

يعطيك العافية

والى الامام والاحسن