ابتعد عن هذا وافعل هذا ( 3 )

مدرج تحت قسم: دروس
26 سبتمبر 2006

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

قبل البدء أود التذكير بنقطتين مهمتين في التصميم، وهي:

  1. حاول قدر المستطاع أن تكون تصاميمك بسيطة وواضحة للزوار.
  2. النقطة الواضحة لك لا تعني بالضرورة أنها ستكون واضحة لجميع الزوار.

الجزء الثالث

  1. لا تستخدم ألواناً كثيرة في موقعك، حاول أن لا يزيد عدد الألوان عن لونين أو ثلاثة على الأكثر، وبذلك تُميز تصميمك عن الآخرين بهذه الألوان.
  2. استخدم خاصية ‘ alt ‘ لجميع الصور في موقعك، كما في المثال أدناه:
    <img src="images/dhfaf.gif" width="200" height="100" alt="ضفاف الديوان الشعري" />
    

    فعندما تضع مؤشر الماوس على الصورة سيظهر النص المكتوب والذي هو عبارة عن توضيح للصورة.

  3. إذا كنت ستستخدم الصور كروابط فحاول أن تكون خاصية
    border="0"
    

    لأنه بذلك لن يظهر إطار أزرق حول الصورة لأن الرابط الأزرق سيعطي منظراً غير جميل لها.

  4. عند عملية تنسيق النصوص لا تستخدم الوسمين <h5> و <h6> لأنهما سيجعلان النص أصغر من الافتراضي لمستعرض المواقع وبكل صراحة ستكون قراءة النص المكتوب صعبة جداً.
  5. لا تستخدم كلمات كثيرة تكون مكتوبة بالتنسيق الغامق (Bold) في مقالاتك. اجعل هذه الخاصية مقتصرة على الكلمات المهمة أو العناوين.
  6. لا تستخدم كلمات كثيرة تكون مكتوبة بالتنسيق المائل (Italic) في مقالاتك. إجعل هذه الخاصية مقتصرة على الكلمات المهمة أو العناوين.
  7. الروابط التي تكتبها يجب أن تتميز بالشكل التالي:
    <a href="http://www.dhfaf.com/">ضفاف الديوان الشعري</a>
    

    أي كما تلاحظ أنها مختومة بـ (/) “يقال أنها تفتح بشكل أسرع والله أعلم”.

إلى هنا نكون قد وصلنا لنهاية الجزء الثالث من المقال. أتمنى أن يكون قد أضاف شيئا جديداً لمعلوماتكم.

للكاتب أبو جهاد

  • Share/Bookmark

التعقيبات

  1. نصائح لزيادة زوار موقعك

التعليقات (4) على ”ابتعد عن هذا وافعل هذا ( 3 )“

  1. شكرا جزيلا لك أخي أبو جهاد على هذه المعلومات المفيدة، ولكن لو تسمح لي أن أوضح لك نقطة ربما سقطت سهوا منك وهي في نقطة رقم 2 أن خاصية alt للصور ليس لظهور المربع المساعد، وهذا المربع لو تلاحظ لا يظهر الا في الانترنت اكسبلورر وما يظهر في الفايرفوكس، وكلنا نعرف ليش يظهر بس في الاكسبلورر p:

    الشاهد من الحديث أن خاصية alt ومن تعريف منظمة الw3 لها أنها للمتصفحات التي لا يمكنها عرض الصور بصورة صحيحة فتعرض بدالها النص الذي بداخل هذه الخاصية.
    http://www.w3.org/TR/html4/struct/objects.html#adef-alt

    وإذا أردت أن تعرض المربع tooltip فاستخدم خاصية title للصورة
    http://www.w3.org/TR/html4/struct/global.html#adef-title

  2. مشكور ابو جهاد و اخي Bo3oof بارك الله فيك على التصحيح

  3. كلامك أخي Bo3oof صحيح 100%
    وللتوضيح أكثر حول خاصية alt ستكون الفائدة القادمة من سلسلة الفوائد حول هذه الخاصية
    جزاك الله خيرا على الإيضاح
    تحياتي

  4. وفيكم بارك، بالمناسبة أخي أبو جهاد تعليقا على نقطة رقم 7
    أجريت عنها بحث منذ فترة ووجدت أن كلامك فعلا صحيح 100% إنها أسرع وللتوضيح سأذكر السبب، أنه بإضافتك للسلاش في آخر اللينك فإنك تحدد للخادم أن هذا الرابط يتوجه إلى مجلد وليس ملف، لأن اللذي يحصل غالبا أن الخادم يبحث أولا إذا كان ملف إذا لم يجده فإنه يبحث عن مجلد، ولزيادة المعرفة أرفقت الرابط للمقال اللذي وجدت فيه المعلومة
    http://alistapart.com/articles/slashforward/
    وفي المقال بعد حركات حلوه ممكن تضيفها في سلستك الحلوة :)
    وشكرا لك أخي أبو جهاد على هذا الجهد
    مع تحياتي

أضف تعليقك




يمكنك استخدام الوسوم التالية في التعليق: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


* حقول مطلوبة