كيف تنشئ موقع متميز

07-05-2008, 12:12 AM

مقدمه قبل بداية الدرس:-

بالنظر لزوار القسم المحترمين وعدد الزيارات لكل المواضيع إلا أننا نجد بأن الردود لا تصل إلى ربع نسبة القراءات فأحب ان انوه بوجوب تشجيع الكاتب على بذل المزيد من الجهود وجعله يبذل اقصى جهوده للمزيد من التقدم فلو تعلمون بأني وجدت موضوعا يحمل فوق الــ 300 قراءه ولكن الردود اقل من 40 رد فلذلك تجد معظم الكتاب يتوقفون عن كتابة مواضيعهم والاكتفاء بالردود وإلى الموضوع......

إدارة و تصميم المواقع

المواقع الشخصية الجديدة .

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

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

وبشكل عام مظاهر الصفحات الشخصية التي أعتبرها عديمة الفائدة:

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

الصفحات الشخصية الجديدة

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

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

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

ماذا يمكن أن يحوي موقعك؟
الآن وبعد أن قمت بحذف كل ما ليس له علاقة بتخصصك ومهاراتك، ما الذي يمكن أن تضعه في موقعك؟ هذه بعض الأفكار، ربما لديك شيء لم أكتبه هنا فلا بأس أن تضعه في موقعك ما دام مميزاً وفريداً من نوعه:

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

ماذا يجب أن لا تضعه في موقعك؟

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

Blog!

كلمة ربما تقرأها لأول مرة! وربما سمعت بها من قبل، وفي الحقيقة لم أجد لها معناً، ولكن سأشرحها لكم، قبل ذلك إذهب لموقع

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

[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
تصميم جميل، وتخصص في رسومات الحاسوب واللوحات الفنية والتصوير الفوتوغرافي.

[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
تصميم جميل ومتميز أيضاً، نفس التخصصات السابقة تقريباً.

[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
تصميم متوسط المستوى (حسب تقييمي الشخصي) وتخصص في التصوير مع وجود بعض الأمور الخارجة عن هذا التخصص.

هذه أمثلة عن المواقع الشخصية المسماة Blog! وستجد أن أصحاب المواقع يكتبون عن اهتماماتهم الشخصية وتفاصيل حياتهم، ربما هذا يعجب البعض والبعض بكل تأكيد لا يعجبه، لكن ليس هذا محل نقاشنا إنما ما أريد أن أصل إليه هو أنك تستطيع جعل موقعك مماثل لهذه المواقع وتستخدم السجل الشخصي (هل يصلح هذا التعريب لكلمة Blog؟! ) في خدمة موقعك وتخصص موقعك، وهناك برامج PHP جاهزة لهذا الغرض، ابحث في موقع

[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] عن كلمة blog وستجد الكثير منها.

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

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

يتبع...........

07-05-2008, 12:13 AM

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

الفشل في التخطيط، هو التخطيط للفشل!

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

ملاحظة: في آخر المقال ستجد مثالاً عملياً لهذا الدرس.

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

2) ما هي أهداف الموقع؟
بعد تحديد رسالتك من إنشاء الموقع، نأتي للخطوة الثانية (اشرب الشاي قبل أن يبرد )، وهي ما هي أهداف الموقع؟ حدد أهداف الموقع بدقة، هل الموقع سيكون الموقع موجهاً للنساء فقط؟ أم للشباب من كلا الجنسين؟ أم أنه لزبائن الشركة ولتقديم الدعم لهم؟ هل سيكون الموقع متخصصاً في مجال معين محدد أم أنه سيكون موقعاً عاماً حول تخصص معين (مثال: هل سيكون الموقع متخصصاً في علم التربية بشكل عام أم في تربية المراهقين فقط؟) حدد على الأقل ثلاثة أهداف والأفضل أن لا تزيد عن خمسة أهداف. (ولا تنسى كوب الشاي! )

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

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

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

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

وإليكم هذه المواقع العربية التي أراها أتقنت التخطيط والتخصص في مجال ما:
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] (الموقع متوقف حالياً، وإلا لقلت أنه الأفضل)

لقد برد الشاي! لا بأس خذ غيره واقرأ المثال العملي.

يتبع.............</FONT>

07-05-2008, 12:14 AM

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

ملاحظة: هذا الدرس يتابع ما بدأنه في درس التخطيط للمواقع، وبقية الدروس القادمة ستكون بسيطة وسهلة

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

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

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

2) أعلن عن موقعك:
طبعاً هذه سهلة ويتقنها الجميع المهم أن تستخدم خاصية Meta tag في صفحاتك، ثم ضع موقعك في محركات البحث العربية والأجنبية، وقم بإدخال الموقع في أكثر من تصنيف، مثلاً الموقع الشخصي الذي يهتم بالتصميم عن طريق الحاسوب، يجب أن يقوم صاحبه بوضعه في قسم الفنون، وكذلك قسم الحاسوب، وربما قسم ثالث للمواقع الشخصية، وقم في كل ستة أشهر بتغيير الكلمات في meta tag وأعد نشر موقعك في محركات البحث، ولا تكتف بمحركات البحث الشهيرة، بل أضف موقعك في أدلة المواقع الكثيرة المتناثرة في المواقع العربية، وضع في توقعيك سواء في المنتدى أو في بريدك الإلكتروني عنوان موقعك، وإن كنت تملك بطاقات عمل، لا تنسى أن تضيف عنوان موقعك! المهم أن تستغل كل وسيلة في نشر موقعك مع التنبه إلى عدم إزعاج الآخرين بهذه الإعلانات

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

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

هذا نكون قد ناقشنا أربعة جوانب مهمة:
1) تصحيح الأخطاء.
2) تسويق الموقع والإعلان عنه.
3) تجديد المحتويات.
4) تطوير الموقع.

وفي كل نقطة هناك جوانب تقنية سنشرحها في دروس قادمة، مثل التعريف بوظيفة meta tag مثلاً

يتبع............

07-05-2008, 12:14 AM

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

وتذكر دائماً: أنظر بعين زوار موقعك حينما تصمم الموقع

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

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

أزرق، رمادي، أبيض
أصفر، أحمر، رمادي
أحمر، رمادي، أبيض
أخضر، رمادي، أبيض
أزرق، برتقالي، أبيض
أحمر، بيج، أبيض

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

2) التوافق مع المتصفحات المختلفة:
معظم المستخدمين العرب يستخدمون متصفح Internet Explorer من مايكروسوفت، فلن تكون هناك مشكلة في مسألة التوافق مع المتصفح، لكن هناك من يستخدم إصدارات قديمة من إكسبلورر، او يستخدم Netscape أو Opera أو Mozilla وهناك من يستخدم أنظمة تشغيل أخرى كنظام Linux أو ماكنتوش، ولذلك يجب أن تتأكد من أن موقعك يظهر بشكل جيد مع معظم المتصفحات، ويكون هذا الأمر أكثر أهمية لو كان الموقع مخصص للتجارة الإلكترونية أو موقع رسمي لمؤسسة ما أو موقع متخصص في مجاله، لذلك يجب أن تتأكد قبل استخدامك لأي تقنية جديدة أنها متوافقة مع معظم المتصفحات، وإلا سيظهر موقعك بشكل غير متوقع في متصفحات الزوار الغير متوافقة مع تقنيات الموقع، ولا تستخدم أية تقنية كالفلاش أو الجافا لمجرد أنك تعرف استخدامها! فقط في حالة وجود فائدة أكيدة أستخدمها كما يحلو لك

وعليك أن تتأكد من أن الموقع يظهر بشكل جيد على عدة كثافات للشاشة، فبعض المواقع تصمم على أساس شاشة بكثافة 786 × 1024، سيظهر هذا الموقع في شاشة ذات كثافة أقل بشكل يحتاج فيه الزائر إلى أن يستخدم شريط التمرير الأفقي لكي يرى المحتويات التي لا تظهر في الشاشة، وهناك برامج تساعدك على اكتشاف أية أخطاء من هذا النوع، أطلع على هذا الموقع وستجد الكثير منها: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

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

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

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

5) تصميم واحد فقط:
هذه النقطة بسيطة، هناك مواقع تصمم لكل صفحة تصميماً خاصاً بها، وهذا مربك للزائر حيث لا يستطيع أن يفهم إن كان لا يزال في الموقع أم أنه انتقل لموقع آخر، صمم الموقع بواجهة واحدة، ولا تجعل أي صفحة من صفحات موقعك تختلف في تصميمها عن بقية صفحات الموقع.

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

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

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

أما الصور الكبيرة، فضع صور مصغرة لها، بحيث يضغط الزائر على الصورة المصغرة فتظهر له في صفحة جديدة، الصورة مكبرة وواضحة.

إليكم هذه المواقع ذات التصميم الجيد كما أرى، أدرس الألوان والتصميم وكيفية وضع المحتويات فيها:
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

مواقع ذات تصميم سيء (ما أكثرها ):
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

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

يتبع............

07-05-2008, 12:15 AM

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

وتذكر دائماً: القليل يعني الكثير، وبأسلوب آخر البساطة دائماً هي الأجمل

1) صفحة البداية
بعض المواقع تضع صفحة بداية للموقع عبارة عن صورة ضخمة ترحيبية أو فلاش كبير الحجم يعرض جمل وصور إعلانية للموقع، والبعض لا يضع وصلة صغيرة "تجاوز العرض" او بالإنجليزية "Skip intro" فيضطر الزائر إلى إنتظار الصورة أو الفلاش حتى ينتهي ثم يدخل في الموقع، وسيكون لنا درس حول تفاصيل الصفحة الرئيسية

2) الرسائل المنبثقة!
عندما تدخل إلى أحد المواقع، تظهر لك رسالة مفاجئة "رشحني في مسابقة أفضل 100 موقع عربي" أو "أهلاً بك في موقعنا" أو "شحالك؟! تفضل في الموقع ولا تطلع منها"!! لا تضع مثل هذه الرسائل أبداً، إنها مزعجة

3) وجود كم كبير من الصور
لا تجعل أي صفحة من صفحات موقعك تحتاج إلى أكثر من 20 ثانية لكي يكتمل ظهورها في متصفح الزائر، وإلا سيسأم الزائر من الموقع ويخرج، لذلك لا تكثر من وضع الصور، ولا تضع أي صورة لا فائدة منها، وحاول أن تقلل من حجم الصور بقدر الإمكان.

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

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

6) الألوان الكثيرة الغير متناسقة
تحدثنا عنها في الدرس الماضي، لا تجعل موقعك يحوي أكثر من أربعة ألوان بشكل عام.

7) تصميم الموقع بحجم أكبر من الشاشة
أيضاً تحدثنا عن هذه النقطة في الدرس الماضي، معظم مستخدمي الحاسوب يستخدمون دقة 600 × 800 في شاشاتهم، فعليك أن تصمم موقعك لهذه الدقة وليس أكبر من ذلك.

8) الصور المفقودة
بعض المواقع تعتمد بشكل كبير على الصور، ويتضايق الزائر عندما يرى صور لا تظهر، فعليك أن تتأكد أن الصور تظهر في جميع صفحات موقعك، قم بزيارة موقعك من حاسوب آخر غير حاسوبك، وتأكد أن مصدر صورك في شفرة HTML ليس حاسوبك بل موقعك، قد تجد مصدر الصور في الشفرة هكذا <img src="c:\site\img\image1.gif"> وبكل تأكيد ستظهر الصورة لديك لكنها لن تظهر لدى الزوار

9) عدم وضع نص ALT للصور
عندما تمرر مؤشر الفأرة على الصور في المواقع، تجد أن هناك نص صغير يخبرك بأن هذه الصورة للقسم كذا وكذا أو يخبرك عن فائدة الصور "إضغط هنا لكي تشترك في القائمة" وبعض المتصفحين لا يحبون ظهور الصور في المواقع لكي يتصفحوا الشبكة بشكل أسرع، فيظهر لهم هذا النص مكان الصورة لكي يفهموا فائدة الصورة.
مثال: <img src="img/logo.gif" alt="Site Logo"> عندما يضع الزائر مؤشر الفأرة على الصورة سيظهر له نص "Site Logo".

10) النص غير واضح
ضع صفحة زرقاء واكتب عليها باللون الأحمر! ما رأيك؟ نعم إن هذه الألوان تؤذي العينين ما رأيك لو وضعت اللون البنفسجي كخلفية والنص بلون أخضر؟! مريع! لذلك عليك أن تختار الألوان بعناية لكي لا تتبع عيون الزوار الغالية

11) صوت في الخلفية
تدخل في بعض المواقع فتسمع أغنية أو زئيراً أو صوت خامل غليظ يقول لك: يا هلا بالضيف اللي جانا! أقلط!

أرجوكم لا تضعوا أي صوت في الصفحة لأن هذا يبطأ ظهور الصفحات وكذلك الأمر مزعج فعلاً أن لا أستطيع التحكم بالأصوات التي تخرج من سماعات الحاسوب.

12) الصور المتحركة
إنها مزعجة فعلاً خصوصاً إن لم يكن لها فائدة، لا تضع أي صورة متحركة بدون أي هدف أو غاية مفيدة.

13) الإطارات
بعض المواقع تستخدم الإطارات في التصميم frames، وهي مزعجة إن لم تستخدم بشكل حسن، عليك أن تتأكد قبل استخدامها أن الموقع سيصمم بشكل جيد، وإلا فلا تستخدمها أبداً.

14) صفحات لا تنتهي
أعني أن هناك صفحات طويلة جداً، 100 صورة و آلاف الكلمات عدى الفلاش والجافا، وهذا كله يأخذ من وقت الزائر 10 دقائق فقط!! قسم المواد على عدة صفحات ولا تجعل الصفحات طويلة لا تنتهي.

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

16) التصميم المتغير
وأعني به التصاميم المختلفة لصفحات الموقع الواحد، وقد تحدثنا عن هذه النقطة في الدرس الماضي، عليك أن توحد تصميم جميع صفحات موقعك بكل بساطة

17) الجداول ذات الأبعاد الثلاثية
عند استخدامك للجداول، لا داعي أن تستخدم خاصية الحدود فيها، وإن كنت ستفعل فلا تجعل عرضها أكبر من 1، بعض المواقع تجد فيها عرض حدود الجداول أكثر من 3 فتظهر الجداول كأنها ثلاثية الأبعاد، وهي بشعة حقاً.

18) عدم تسمية الصفحات
البعض ينسى أن يضع عنواناً للصفحة، وما أقصده هو العنوان الذي يظهر أعلى المتصفح، عليك دائماً أن تضع العنوان في صفحاتك عن طريق خاصية <title>العنوان</titel>.

19) الخطوط غير متناسقة
إسنخدم خطين فقط في موقعك، أحدهم للعناوين والآخر للنصوص، ولا تستخدم أية خطوط غير مدعومة من قبل حواسيب الزوار، ومن أفضل الخطوط للمواقع Tahoma وArial وWindows UI وكذلك Veranda وTime new roman.

فكرة: خصص في قائمة المفضلة أو Favorites مجلداً واحفظ عناوين الدروس

يتبع...........

07-05-2008, 12:16 AM

\

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

دائماً، تذكر أن تضع نفسك مكان الزائر عندما تصمم موقع

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

الأساس:
نظام التصفح يعتمد على سؤالين اثنين، الأول: أين أنا الآن؟، والثاني: كيف أصل إلى هناك؟ ولكن قبل أن نتحدث عن السؤالين، دعوني أذكركم بأن نظام التصفح يعتمد على تقسيم الموقع، هناك مواقع بسيطة تحتاج إلى نظام تصفح بسيط، وإليكم هذا المثال: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ](دعاية للموقع )، ستجد في هذا الموقع قائمة في يمين الموقع تستطيع من خلالها أن تصل إلى أي قسم في الموقع.

بينما هناك مواقع أكثر تعقيداً، حيث تحتوي على أقسام رئيسية وبدورها تحتوي الأقسام الرئيسية على أقسام فرعية، ومثال على ذلك موقع [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] الذي يحوي في أعلى الصفحة على 5 صور توصلك إلى الأقسام الرئيسية، وعندما تنقر على أحد هذه الأزرار (مثال: أنقر على Bulid وصورة القبعة) ستنتقل إلى قسم Bulid والذي يحوي بدوره على آخر المقالات المضافة إلى هذا القسم وعلى يسار الموقع ستجد الأقسام الفرعية.

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

أين أنا الآن؟
عندما يتصفح الزائر موقعك، فإنه يحتاج إلى أن يعرف دائماً أنه وصل إلى القسم الفلاني أو الصفحة الفلاني، وتستطيع أن تخبر الزائر عن القسم الذي وصل إليه بكل يسر وسهولة، وهذه قائمة بالوسائل التي تستطيع أن تخبر بها الزائر عن القسم الذي وصل إليه:

1) في أعلى المتصفح تجد إسم الموقع عادة، أضف إلى اسم الموقع القسم الذي يزوره الزائر حالياً، عن طريق خاصية titel في شفرة HTML.

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

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

4) ماذا عن نظام التصفح الذي يعتمد على الصور؟ عليك فقط أن تغير من لون الصورة قليلاً

كيف أصل إلى هناك؟
لآن زائر الموقع يعرف أين هو الآن، ويريد الوصول إلى قسم آخر، فكيف يفعل ذلك؟ إليك هذه الوسائل:

1) يجب أن تكون الأقسام الرئيسية واضحة للزائر بحيث يستطيع أن ينتقل من أي قسم إلى أي قسم آخر بسهولة، ويجب أن تخصص مكاناً في صفحات موقعك لتضع روابط للأقسام الرئيسية.

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

4) يجب أن تكون الروابط النصية ذات لون مميز عن بقية النصوص، ويفضل أن تضع خطاً أسفلها لكي تميزها بشكل أكبر.

5) تستطيع إضافة نص يشرح الرابط وإلى أين سيقود الزائر، كيف؟
<a href="about.htm" title="Learn More about us">
عندما يضع الزائر مؤشر القأرة سيظهر له الناص التالي: Learn more about us

صفحة المساعدة
ماذا عن الزوار المبتدئين؟ لا تتوقع أن كل الزوار سيجدون طريقهم في موقعك بسهولة، سيبقى هناك عدد لا بأس به من الزوار الذين لا يستطيعون تصفح الموقع لسبب أو لآخر، عليك أن توفر لهؤلاء صفحة تشرح لهم بنية الموقع والأقسام ووظيفة كل قسم والخدمات المتوفرة، أي خريطة لموقعك توضح فيها المعلومات الأساسية حول الموقع

ولا تنسوا الدعاء

انتهى

وسامحوني عن القصور

تحياتي

07-06-2008, 02:35 AM

رامووووس كفيت ووفيت

شرح كامل والكمال لله

يعطيك ألف عافية يارب

07-05-2008, 12:12 AM	#1
Hi5 سوبر تاريخ التسجيل: Nov 2007 الدولة: kuwait العمر: 18 المشاركات: 2,944 معدل تقييم المستوى: 10	كيف تنشئ موقع متميز مقدمه قبل بداية الدرس:- بالنظر لزوار القسم المحترمين وعدد الزيارات لكل المواضيع إلا أننا نجد بأن الردود لا تصل إلى ربع نسبة القراءات فأحب ان انوه بوجوب تشجيع الكاتب على بذل المزيد من الجهود وجعله يبذل اقصى جهوده للمزيد من التقدم فلو تعلمون بأني وجدت موضوعا يحمل فوق الــ 300 قراءه ولكن الردود اقل من 40 رد فلذلك تجد معظم الكتاب يتوقفون عن كتابة مواضيعهم والاكتفاء بالردود وإلى الموضوع...... إدارة و تصميم المواقع المواقع الشخصية الجديدة . المواقع الشخصية كان وما زال أغلبها مواقع غير مفيدة، ولا أقلل أبدأ من شأن هذه المواقع وشأن أصحابها، بل ما أريد قوله بأن هذه المواقع لا تقدم شيئاً مميزاً لأقول عنها مفيدة، فنرى أن الكثير من هذه المواقع يحوي على معرض للصور المنسوخة من بعض المواقع الأخرى، أغاني، نغمات هواتف نقالة، طرائف، شعر، قصص، برامج للحاسوب وأخرى للمواقع، وربما عروض لتصميم المواقع بمبلغ معين، وباختصار كل شيء تجده في هذه المواقع! مثل هذه المواقع تصبح عديمة الفائدة بالنسبة للزائر، وإن كان هناك دفتر للزوار يمدح فيه الزوار ويشيدون بالموقع، فلا يعني إعجاب البعض بأن الموقع مفيد ويقدم شيئاً مميزاً، ولا أعني من هذا أنني أتمنى عدم خروج مواقع عربية جديدة، بل على العكس تماماً، أتمنى أن تكثر المواقع العربية لتغطي ثغرات كثيرة في فضاء الشبكة العالمية، وتكثر بتميز واضح وإبداع وتجدد، لا بتكرار الأفكار والمواد وفي بعض الأحيان التصاميم! وبشكل عام مظاهر الصفحات الشخصية التي أعتبرها عديمة الفائدة: تحوي على كل موضوع وتخصص يستطيع صحاب الموقع أن يضعه أو يتكلم عنه. فيها الكثير من الصور الثابة والمتحركة والفلاش وجافا وغيرها. ليس لها تصميم محدد، فكل صفحة لها تصميم مختلف. لا يحاول أصحابها تجديد محتوياتها بشكل دوري، وتبقى بعض المواقع لمدة عام أو أكثر بدون تجديد. الصفحات الشخصية الجديدة ظهرت في الآونة الأخيرة، مجموعة من المواقع الشخصية، ذات مستوى عالي سواء من ناحية التصميم أو المحتوى (والكلام هنا يشمل المواقع الأجنبية والعربية) ويركز أصحابها على ما يتقنونه من أعمال ومهارات، فالمصمم المحترف مثلاً يركز فقط على موضوع التصميم، ولا يخرج موقعه عن دائرة هذا التخصص، وفي نفس الوقت يحوي موقعه على بعض الأقسام الشخصية الأخرى، فالموقع هنا يجمع ما بين المواقع الشخصية والمواقع المتخصصة ويمزجها في قالب واحد، ولا تجد أية محتويات لا فائدة منها أو مكررة تستطيع إيجادها في مواقع أخرى، والتميز في المحتويات يكمن في كونها إنتاجاً شخصياً لصحاب الموقع وجهد بذله وخبرات اكتسبها بنفسه. حسناً، ربما تملك موقعاً شخصياً، وتريد أن تجعله متميزاً من ناحية التصميم والمحتوى، فما الذي يجب أن تفعله؟ إليك هذه الخطوات، والتي تركز على المحتويات أما التصميم فسنكتب عنه في دروس أخرى. راجع موقعك الحالي: قم بمراجعة موقعك حالياً، واحذف منه كل مادة مكررة يستطيع الزائر إيجادها في المواقع الأخرى، واحذف منه كل مواد ليس لها علاقة بتخصصك أو مهاراتك، ربما لن يبقى شيء في موقعك وربما يبقى القليل جداً، المهم أن تكون صادقاً مع نفسك في هذه الخطوة. ماذا يمكن أن يحوي موقعك؟ الآن وبعد أن قمت بحذف كل ما ليس له علاقة بتخصصك ومهاراتك، ما الذي يمكن أن تضعه في موقعك؟ هذه بعض الأفكار، ربما لديك شيء لم أكتبه هنا فلا بأس أن تضعه في موقعك ما دام مميزاً وفريداً من نوعه: ماذا تحسن؟ هل تحسن البرمجة؟ إذاً ضع دروساً من خبراتك حول البرمجة، هل تحسن الكتابة الأدبية؟ إذاً ضع ما كتبته من مقالات وقصص وغيرها في موقعك وربما تستطيع أن تضع دروس حول الكتابة الأدبية، ربما تحسن التصوير الفوتوغرافي، فضع معرضاً لصورك ودروساً حول التصوير، هل وصلت الفكرة؟ من المهم أن تضع مواداً حول ما تحسنه من مهارات وتخصص، فإن لم تكن تحسن شيئاً فأنصحك أن تبدأ من الآن في التخصص في شيء تحبه وتطور نفسك، ولا تنسى أن تزور منتدى الإدارة والتطوير الشخصي في سوالف للجميع حتى تقرأ بعض المواد المفيدة لك (دعاية للقسم ) صفحة تعرفنا فيها بنفسك، من أنت وأين تعيش ومتى ولدت وغيرها من الأمور الشخصية، وليس من الواجب أن تلتزم بالطريقة الرسمية المقتضبة للتعريف بنفسك، أبدع واكتب ما تشاء، اكتب عن هواياتك ومهاراتك ، وراعي الآداب العامة (يعني ما تحط صورتك وأراقم هواتفك ) مواقعك الشخصية المفضلة، ركزوا معي "مواقعك المفضلة" وليس دليل مواقع حتى نعرف ما هي المواقع التي تزورها وما هي اهتماماتك. من المهم أن تضع وسيلة للاتصال بك، ربما البريد الإلكتروني يكفي، وإذا أحببت فضع وسائل أخرى مثل المسنجر أو نموذج بريدي في موقعك ليرسل لك الزوار من خلال موقعك، لماذا أقول "من المهم"؟ ربما بعض الزوار لديهم استفسارات حول موضوع معين أو يريدون مساعدة ما، فتقدم لهم ما تعرفه من خبراتك وتعينهم وتلعمهم، وهذا باب للأجر عظيم إن ابتغينا فيه وجه الله تعالى، أما من يتضايق من هذه الرسائل والطلبات، فأقول له: الباب اللي يجيك منه الريح سده واستريح! يعني لا تحط وسيلة للاتصال بك وارتاح. ماذا يجب أن لا تضعه في موقعك؟ برنامج للتصويت، موقعك ليس موقعاً إخبارياً يزوره آلاف الناس يومياً، ولا هو موقع متخصص يديره فريق عمل ضخم، إنما موقع شخصي فقط، والناس يريدون زيارة موقعك للتعرف عليك وعلى ما تملك من خبرات ومهارات، وليس للتصويت على قضية مثل "أيهما أفضل بالنسبة لك 1) الشاي 2) القهوة 3) البيبسي (عيب عليك، مقاطعة؟!)" منتدى، وهذه مشهورة بيننا! ما أكثر المنتديات، وما أقل المنتديات المتميزة، لا تتعب نفسك في إنشاء منتدى ثم تشتكي من قلة المتحاورين فيه أو عدمهم، وما أكثر المنتديات التي لا نرى فيها غير مشاركة المشرف فقط والتي ترحب منذ أشهر بالزوار الكرام قائمة بريدية، ما الذي سترسله لأعضاء القائمة؟ إن كان هناك شيء مفيد ومميز حقاً فلا بأس، وإلا فلا تفكر في وضع قائمة بريدية. إعلانات، تذكر أنك صاحب موقع شخصي، فكن متميزاً ولا تضع برنامج للإعلانات لمجرد أنك تعرف كيفية تركيبه. Blog! كلمة ربما تقرأها لأول مرة! وربما سمعت بها من قبل، وفي الحقيقة لم أجد لها معناً، ولكن سأشرحها لكم، قبل ذلك إذهب لموقع [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] وأدخل كلمة blog وستجد المئات من المواقع، هذه الموتقع كلها تعتبر مواقع blog وأصحابها يسمون بالإنكليزية Bloggers، وهي مواقع شخصية، تجد فيها سجلاً شخصياً لصحاب الموقع يكتب فيه عن حياته واهتماماته وما يمر عليه من مواقف في بعض الأيام وتعليقاته على الأحداث العالمية وغيرها، هذا هو blog!! أتمنى أنكم قد فهمتهم المعنى، وحتى نقرب المعنى أكثر إليكم هذه المواقع العربية والتي للأسف يكتب أصحابها بالإنجليزية، لكنها ستقرب لكم معنى الكلمة (مع الاعتذار عن أية محتويات غير لائقة في هذه المواقع فأنا لست مسؤولاً عنها ) [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] تصميم جميل، وتخصص في رسومات الحاسوب واللوحات الفنية والتصوير الفوتوغرافي. [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] تصميم جميل ومتميز أيضاً، نفس التخصصات السابقة تقريباً. [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] تصميم متوسط المستوى (حسب تقييمي الشخصي) وتخصص في التصوير مع وجود بعض الأمور الخارجة عن هذا التخصص. هذه أمثلة عن المواقع الشخصية المسماة Blog! وستجد أن أصحاب المواقع يكتبون عن اهتماماتهم الشخصية وتفاصيل حياتهم، ربما هذا يعجب البعض والبعض بكل تأكيد لا يعجبه، لكن ليس هذا محل نقاشنا إنما ما أريد أن أصل إليه هو أنك تستطيع جعل موقعك مماثل لهذه المواقع وتستخدم السجل الشخصي (هل يصلح هذا التعريب لكلمة Blog؟! ) في خدمة موقعك وتخصص موقعك، وهناك برامج PHP جاهزة لهذا الغرض، ابحث في موقع [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] عن كلمة blog وستجد الكثير منها. ملخص الدرس حسناً لنلخص الدرس في كلمات، الموقع الشخصي يجب أن يكون مرآة لصاحبه، فيضع فيه ما يتقنه من مهارات وخبرات، ولا يخرج عن نطاق هذه المهارات ويشتت ذهنه وذهن زوار الموقع، يمكنك أن تضع في موقعك دروساً أو مواداً حول ما تتقنه، وصفحة للتعريف بنفسك ووسيلة للاتصال بك، أو أي شيء تظن أنه سيخدم الموقع بشرط أن يكون متميزاً، ويجب أن لا تضع في موقعك برنامج للتصويت أو منتدى أو قائمة بريدية، أو أي مواد ومحتويات وخدمات لا تخدم الموقع ولا تجعله مميزاً. السجل الشخصي فكرة جديدة ومفيدة إن استغلت بأسلوب صحيح، أتمنى أن أشاهد سجلات شخصية مفيدة وعربية، بدلاً مما نشاهده من سجلات تكتب باللغة الإنجليزية. يتبع........... __________________ Olé Olé Olé شــاركونا إبداعاتكم [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

07-05-2008, 12:13 AM	#2
Hi5 سوبر تاريخ التسجيل: Nov 2007 الدولة: kuwait العمر: 18 المشاركات: 2,944 معدل تقييم المستوى: 10	التخطيط، أهم خطوة في عملية بناء المواقع، والتخطيط يجب أن يكون قبل كل شيء، قبل أن تصمم شكل موقعك، أو حتى تكتب حرف واحداً فيه، لأن التخطيط هو الذي يحدد كيف ستصمم الموقع؟ وما هي المواد التي يمكن أن تضعها في الموقع؟ ومن هم الزوار الذين يتوجه إليهم الموقع؟ وما هي الخطة المستقبلية لتطوير الموقع؟ وللتخطيط فوائد عديدة، لكن تذكر: الفشل في التخطيط، هو التخطيط للفشل! حسناً، هل أنت مستعد للتخطيط؟ ربما تملك الآن موقعاً أو لا تملك، لا فرق، إن كنت تملك واحداً فراجعه وأعد التخطيط له، وإن لم يكن لديك موقع فهذا الموضوع مهم لك قبل أن تشرع في بناءه، هات أوراق وأقلام والأفضل بطاقات صغيرة تسهل عليك عملية الكتابة والقراءة ومراجعة ما كتبت، وكوب شاي أو قهوة (حسب التفضيل ) ولنبدأ بالخطوة الأولى: ملاحظة: في آخر المقال ستجد مثالاً عملياً لهذا الدرس. 1) لماذا تريد إنشاء موقع؟ أجب بكل صراحة على هذا السؤال، لماذا تريد إنشاء موقع؟ هل لتقديم الفائدة للآخرين؟ أم للحصول على إعجاب الآخرين؟ أو ربما لممارسة التجارة؟ أو ليكون واجهة لمؤسسة خيرية مثلاً؟ اكتب رسالتك أو هدفك من إنشاء الموقع. 2) ما هي أهداف الموقع؟ بعد تحديد رسالتك من إنشاء الموقع، نأتي للخطوة الثانية (اشرب الشاي قبل أن يبرد )، وهي ما هي أهداف الموقع؟ حدد أهداف الموقع بدقة، هل الموقع سيكون الموقع موجهاً للنساء فقط؟ أم للشباب من كلا الجنسين؟ أم أنه لزبائن الشركة ولتقديم الدعم لهم؟ هل سيكون الموقع متخصصاً في مجال معين محدد أم أنه سيكون موقعاً عاماً حول تخصص معين (مثال: هل سيكون الموقع متخصصاً في علم التربية بشكل عام أم في تربية المراهقين فقط؟) حدد على الأقل ثلاثة أهداف والأفضل أن لا تزيد عن خمسة أهداف. (ولا تنسى كوب الشاي! ) 3) ما هي المواد التي ستضعها في موقعك؟ الآن وقد حددت أهداف موقعك، ما هي المواد أو الخدمات التي ستحقق هذه الأهداف؟ هات ورقة وابتعد عن الحاسوب، واكتب كل شيء سواء كان صغيراً أو كبيراً، مهماً أو غير مهم، اكتب كل شيء تستطيع أن تقدمه للزوار من مواد وخدمات، اكتبها على شكل قائمة، ومتى ما أحسست بعدم قدرتك على إنتاج المزيد من الأفكار اترك الورقة مؤقتاً واذهب لفعل أي شيء يجدد حيويتك (وربما يستغرق الأمر أياماً ) ثم عد للورقة وستجد بعض الأفكار الجديدة، اكتبها حتى تتوقف مرة أخرى. الآن هات قلمك واشطب كل فكرة غير معقولة، أو أية فكرة لا تخدم هدف الموقع، وسيبقى لديك بعض الأفكار، لا يجب عليك أن تبدأ بتطبيق جميع هذه الأفكار دفعة واحدة، بل عليك أن تحدد ما تبدأ به وما ستتركه للمستقبل حينما تبدأ بتطوير الموقع. 4) اختر اسماً للموقع الآن لديك رسالة لإنشاء الموقع، وأهدافاً للموقع، ومواد تضعها فيه، الآن اختر إسماً للموقع، واحرص كل الحرص على أن يكون عربياً، اكتب في ورقة كل كلمة لها علاقة بتخصص موقعك، وقم باختيار اسماً من هذه الكلمات، او ادمج أي كلمتين لتخرج باسم للموقع، أو استوحي اسم الموقع من أهداف الموقع. هكذا نكون قد انتهينا من التخطيط للموقع، يبقى فقط أن تنفذ ما خططت له فكرة: البطاقات أو الأوراق التي كتبت فيها خطة الموقع، ضعها أو علقها أمامك في الجدار، لترجع إليها كلما أحسست أنك ستخرج من مسار الخطة. وإليكم هذه المواقع العربية التي أراها أتقنت التخطيط والتخصص في مجال ما: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] (الموقع متوقف حالياً، وإلا لقلت أنه الأفضل) لقد برد الشاي! لا بأس خذ غيره واقرأ المثال العملي. يتبع.............</FONT> __________________ Olé Olé Olé شــاركونا إبداعاتكم [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

07-05-2008, 12:14 AM	#3
Hi5 سوبر تاريخ التسجيل: Nov 2007 الدولة: kuwait العمر: 18 المشاركات: 2,944 معدل تقييم المستوى: 10	يظن البعض، بأن أصعب مرحلة في بناء المواقع، تكمن في البدايات، أي في التخطيط والتصميم الأول والمحتويات الأولى، نعم كل هذا مهم، لكن الأهم يأتي بعد ذلك، الزوار وهم أهم شيء، فموقعك لم تنشأه لنفسك بل للزوار، وهؤلاء الزوار سيزورون موقعك مرة أو مرتين أو عشر، ثم سيبدأون بالابتعاد عن موقعك ما لم تجدد محتوياته وتصميمه وتضيف بعض الخدمات المفيدة، وكم رأينا من مواقع كان آخر تحديث لها قبل سنة أو سنتين. في هذا الدرس سنتحدث عن أربع نقاط مهمة تخص تطوير الموقع من جميع نواحيه، فقط استرخ واجلس بهدوء على كرسيك، وفكر في النقاط الأربعة، ولا تنسى الشاي ملاحظة: هذا الدرس يتابع ما بدأنه في درس التخطيط للمواقع، وبقية الدروس القادمة ستكون بسيطة وسهلة 1) اختبر الموقع: بعد أن تضع موقعك على الشبكة، دقق على كل شيء، ربما هناك وصلات مقطوعة لا توصل إلى أي صفحة، ماذا تفعل في هذه الحالة، عليك أن تقوم بأمرين، الأول أن تصلح الرابط، والثاني أن تصمم صفحة أخطاء 404 والتي تظهر للزائر في حالة وجود رابط مقطوع، لكي تتيح له العودة إلى الموقع أو الصفحة السابقة، ماذا عن الصور؟ بعض الصور لا تظهر، وبعضها لم توضع في الصفحة بشكل جيد، وهناك أخطاء تقنية كثيرة تظهر بعد أن تصمم الموقع، أصلحها ولا تتهاون معها، فليس هناك شيء أشد على الزائر من الوصلات المقطوعة والصفحات ذات المظهر السيء، شخصياً أخرج من الموقع ولا أرجع إليه الإملاء! حدث ولا حرج عن الأخطاء الإملائية، أبسطها أن يكتب أحدهم "إنشاء الله" والأصل أن يكتب "إن شاء الله" الفرق مجرد مسافة ، لذلك دقق على كل محتوياتك مرة ومرتان وثلاث حتى تتأكد من خلوها من الأخطاء الإملائية والنحوية، وهذا يتطلب حد أدنى من المعرفة باللغة العظيمة لغتنا العربية المذبوحة في مواقعنا العربية، ولي رجاء حار، لا تكتب بالعامية، تذكر أن هناك أناس من مختلف البلدان يزورون موقعك، وبكل تأكيد لا يستطيع بعضهم فهم اللهجات المحلية، والفصحى مفهومة أكثر من العامية، والتعبير بها أسهل بكثير من العامية. الأمر الأخير في اختبار الموقع، عندما تستشهد بآيات من القرآن، وأحاديث من السنة المطهرة، تأكد من الآية وكل حرف في الآية، وضع رقم الآية واسم السورة، أما الأحاديث فعليك أن تتأكد من صحة الحديث، وهذا متيسر حالياً مع وجود برامج حاسوب تخبرك بمستوى صحة الحديث، وعليك أن تتأكد أيضاً من دقة كتابة الحديث بحيث لا تخطأ في كلمة أو حرف، ربما البعض لا يحسن ذلك، لكن يجب علينا كمسلمين أن نحسن جميعاً ذلك، لأن هذا ديننا والذي لا نساوي نحن شيء بدونه. 2) أعلن عن موقعك: طبعاً هذه سهلة ويتقنها الجميع المهم أن تستخدم خاصية Meta tag في صفحاتك، ثم ضع موقعك في محركات البحث العربية والأجنبية، وقم بإدخال الموقع في أكثر من تصنيف، مثلاً الموقع الشخصي الذي يهتم بالتصميم عن طريق الحاسوب، يجب أن يقوم صاحبه بوضعه في قسم الفنون، وكذلك قسم الحاسوب، وربما قسم ثالث للمواقع الشخصية، وقم في كل ستة أشهر بتغيير الكلمات في meta tag وأعد نشر موقعك في محركات البحث، ولا تكتف بمحركات البحث الشهيرة، بل أضف موقعك في أدلة المواقع الكثيرة المتناثرة في المواقع العربية، وضع في توقعيك سواء في المنتدى أو في بريدك الإلكتروني عنوان موقعك، وإن كنت تملك بطاقات عمل، لا تنسى أن تضيف عنوان موقعك! المهم أن تستغل كل وسيلة في نشر موقعك مع التنبه إلى عدم إزعاج الآخرين بهذه الإعلانات 3) جدد محتوياتك دائماً: مرحى! جاء الزوار بالمئات والألوف تأمل فقط عداد الزوار ولا تفعل أي شيء آخر، لا ليس هذا ما يجب أن تفعله، بل عليك أن تكتب في ورقة الآن، ما هي المواد التي تستطيع وضعها في الموقع، اكتب كل شيء تستطيع أن تضعه كمحتويات للزوار، ثم ابدأ بوضع هذه المحتويات فعلياً في الموقع، على الأقل يجب أن تضع ثلاث مواد جديدة أسبوعياً، بمعنى آخر سيكون لديك خلال سنة واحدة 156 مادة إن داومت على وضع ثلاث مواد أسبوعياً، ما رأيك؟ كثير؟! ولا تنسى ما تعلمناه في درس التخطيط، ركز على التخصص. 4) طور موقعك: حسناً مضى أكثر من عام على موقعك، ومحتوياته الآن كثيرة، والزوار يداومون زيارة الموقع، عليك أن تفكر جدياً في تطوير الموقع، بالنسبة للمحتويات ربما تستطيع تحسين طريقة تقسيمها وترتيبها، أو زيادة المحتويات بأقسام أخرى جديدة لا تخرج عن تخصص الموقع، أما التصميم، فيجب أن تحسنه لكي تستطيع عرض المحتويات بشكل أفضل من قبل، وتسهل على الزائر مهمة الوصول إلى المحتويات وكذلك التنقل بين أقسام الموقع بسهولة، وبعد ذلك فكر في إضافة بعض الخدمات التي تعزز تخصص الموقع وتفيد الزوار. هذا نكون قد ناقشنا أربعة جوانب مهمة: 1) تصحيح الأخطاء. 2) تسويق الموقع والإعلان عنه. 3) تجديد المحتويات. 4) تطوير الموقع. وفي كل نقطة هناك جوانب تقنية سنشرحها في دروس قادمة، مثل التعريف بوظيفة meta tag مثلاً يتبع............ __________________ Olé Olé Olé شــاركونا إبداعاتكم [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

07-05-2008, 12:14 AM	#4
Hi5 سوبر تاريخ التسجيل: Nov 2007 الدولة: kuwait العمر: 18 المشاركات: 2,944 معدل تقييم المستوى: 10	المواقع المميزة، لا تكون متميزة في التخصص والمحتويات فقط، بل تجمع مع ذلك التصميم الجيد، والتصميم الجيد يخدم محتويات الموقع ويعرضها بشكل يجعل الزائر يركز على المحتويات ولا يشتت ذهنه شيء آخر، ويسهل على الزائر التنقل بين أقسام الموقع والاستفادة من خدمات الموقع، وكم رأيت مواقعاً ذات محتوى متميز و التصميم يفسد هذا المحتوى فلا أكمل تصفح الموقع، وربما زوار الموقع يفعلون كما أفعل، فلا يؤدي الموقع رسالته التي أنشأ لأجلها. في هذا الدرس سنتحدث عن عن سبع نقاط أساسية في مجال التصميم، إن طبقتها في موقعك ستتجنب الكثير من الأخطاء التي يقع فيها مصمموا المواقع، وبالتالي سيكون تصفح الموقع بالنسبة للزوار أسهل. وتذكر دائماً: أنظر بعين زوار موقعك حينما تصمم الموقع 1) اختيار الألوان المناسبة: لا تستخدم في موقعك أكثر من أربعة ألوان، ولا تكتفي بلون واحد! هناك مواقع تستخدم كل لون يمكن استخدامه، فتضع الأحمر الفاقع مع الأصفر والأسود والأزرق في خلطة عجيبة، والنص ملون بألوان مغايرة، فيكون الموقع كدفاتر الرسم للأطفال، ويصاب الزائر بعمى الألوان ولا يستطيع أن يقرأ أو يركز على شيء ما في الموقع، وهناك مواقع تستخدم لوناً واحداً للتصميم بشكل يجعل عملية التركيز على المحتويات أمراً متعباً للعينين. بالنسبة للمواقع المتخصصة والمواقع الرسمية وكذلك المواقع التي تقدم محتويات كثيرة، فلا بد من استعمال اللون الأبيض كخلفية للمحتويات، أما التصميم العام فالألوان يجب أن تكون هادئة ومتناسقة ولا تتعب العينين، بالنسبة للمواقع الشخصية والصغيرة هناك مجال لاختيار ألوان أخرى كالأسود مثلاً أو أي لون آخر، وإليكم قائمة صغيرة، لبعض الألوان المستخدمة في المواقع: أزرق، رمادي، أبيض أصفر، أحمر، رمادي أحمر، رمادي، أبيض أخضر، رمادي، أبيض أزرق، برتقالي، أبيض أحمر، بيج، أبيض لاحظوا تكرار اللون الأبيض والرمادي، وهذه ألوان محايدة تستطيع أن تضعها مع أي مجموعة من الألوان، وكذلك الأسود، وسيكون لنا درس قادم مخصص للألوان فقط 2) التوافق مع المتصفحات المختلفة: معظم المستخدمين العرب يستخدمون متصفح Internet Explorer من مايكروسوفت، فلن تكون هناك مشكلة في مسألة التوافق مع المتصفح، لكن هناك من يستخدم إصدارات قديمة من إكسبلورر، او يستخدم Netscape أو Opera أو Mozilla وهناك من يستخدم أنظمة تشغيل أخرى كنظام Linux أو ماكنتوش، ولذلك يجب أن تتأكد من أن موقعك يظهر بشكل جيد مع معظم المتصفحات، ويكون هذا الأمر أكثر أهمية لو كان الموقع مخصص للتجارة الإلكترونية أو موقع رسمي لمؤسسة ما أو موقع متخصص في مجاله، لذلك يجب أن تتأكد قبل استخدامك لأي تقنية جديدة أنها متوافقة مع معظم المتصفحات، وإلا سيظهر موقعك بشكل غير متوقع في متصفحات الزوار الغير متوافقة مع تقنيات الموقع، ولا تستخدم أية تقنية كالفلاش أو الجافا لمجرد أنك تعرف استخدامها! فقط في حالة وجود فائدة أكيدة أستخدمها كما يحلو لك وعليك أن تتأكد من أن الموقع يظهر بشكل جيد على عدة كثافات للشاشة، فبعض المواقع تصمم على أساس شاشة بكثافة 786 × 1024، سيظهر هذا الموقع في شاشة ذات كثافة أقل بشكل يحتاج فيه الزائر إلى أن يستخدم شريط التمرير الأفقي لكي يرى المحتويات التي لا تظهر في الشاشة، وهناك برامج تساعدك على اكتشاف أية أخطاء من هذا النوع، أطلع على هذا الموقع وستجد الكثير منها: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] 3) نظام تصفح جيد: يحتاج زائر أي موقع إلى أن يتنقل بين أقسام الموقع بكل يسر وسهولة، وأي صعوبة يجدها الزائر في فعل ذلك سيؤدي إلى ابتعاده عن الموقع، يجب أن تكون المادة على بعد خمس نقرات من الفأرة على الأكثر، وكلما قل العدد كان ذلك أفضل، أما التنقل بين الأقسام فيجب أن يكون واضحاً سهلاً منطقياً، فلا تدخل زوار موقعك في متاهات لا يفهمونها، صمم نظام تصفح موقعك وأنت تنظر بعين زوار الموقع، وسيكون أيضاً لنا درس مفصل حول نظام التصفح في الموقع 4) تنظيم المحتويات: لديك محتويات بأشكال وأنواع، لا يمكنك أن تضعها في صفحة واحدة، أو أن تجعل الموقع عبارة عن صفحة واحدة رئيسية فيها كل الوصلات للمحتويات الموجودة في موقعك، لا بد من تنظيم مبسط ومنطقي للمواد، بحيث تكون المواد المتشابهة في التخصص والنوع في قسم واحد، فالمقالات في قسم، والدروس في قسم آخر، والأخبار في ثالث وهكذا، وإن وضعت كل شيء في مكان واحد لن يستطيع الزائر أن يركز على ما يريده، وتذكر أن الزائر وقته ثمين ولا يريد تضييع وقته في البحث عن المواد. أما المحتويات الكبيرة فلا بد من تقسيمها على صفحات، لا يمكنك مثلاً أن تضع درساً يحوي على عشرات الصور وآلاف الكلمات في صفحة واحدة، يستغرق ذلك وقتاً طويلاً لكي تظهر الصفحة كاملة لدى الزائر، قسم المادة إلى صفحات متعددة، واجعل المواد في كل صفحة قصيرة وسريعة القراءة. 5) تصميم واحد فقط: هذه النقطة بسيطة، هناك مواقع تصمم لكل صفحة تصميماً خاصاً بها، وهذا مربك للزائر حيث لا يستطيع أن يفهم إن كان لا يزال في الموقع أم أنه انتقل لموقع آخر، صمم الموقع بواجهة واحدة، ولا تجعل أي صفحة من صفحات موقعك تختلف في تصميمها عن بقية صفحات الموقع. 6) الوصلات: أسميها الوصلات أو الروابط، أو البعض لا يجد سوى تسميتها لنكات سمها ما شئت، عليك أولاً أن لا تضع خطاً تحت أي كلمة في موقعك ما لم تكن هذه الكلمة رابطاً لصفحة أخرى، لأن متصفحي الشبكة العالمية تعودوا على أن تكون الكلمات التي في أسفلها خط عبارة عن رابط ينقل المتصفح نحو صفحة أخرى، ثانياً: ميز الوصلات والروابط إما باللون أو بوضع خط أسفلها أو بكلاهما، لا تجعل الروابط متشابهة مع النص بحيث لا يستطيع الزائر التفريق بينهما. أما الوصلات التي تؤدي إلى مواقع أخرى، فجعلها تظهر في صفحة جديدة من المتصفح، فلا يخرج الزائر من موقعك 7) الصور: لا تستخدم الصور إلا عند الحاجة فقط، ولا تضع صوراً متحركة أبداً إلا الإعلانات فهذه لها شأن آخر، واحرص على أن لا يكون حجم الصور في الصفحة الواحدة أكبر من 80 كيلوبايت، وقم بضغط الصور وتصغير حجمها بقدر ما تستطيع، حتى لا تهدر هذه الصور وقت الزائر، فيسأم من الموقع. أما الصور الكبيرة، فضع صور مصغرة لها، بحيث يضغط الزائر على الصورة المصغرة فتظهر له في صفحة جديدة، الصورة مكبرة وواضحة. إليكم هذه المواقع ذات التصميم الجيد كما أرى، أدرس الألوان والتصميم وكيفية وضع المحتويات فيها: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] مواقع ذات تصميم سيء (ما أكثرها ): [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] ملاحظة أخيرة: ستكون هناك دروس قادمة عملية، نقوم فيها بتصميم الموقع خطوة خطوة، والصبر زين يتبع............ __________________ Olé Olé Olé شــاركونا إبداعاتكم [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

07-05-2008, 12:15 AM	#5
Hi5 سوبر تاريخ التسجيل: Nov 2007 الدولة: kuwait العمر: 18 المشاركات: 2,944 معدل تقييم المستوى: 10	لكي نحسن تصميم مواقعنا، لا بد أن نتجنب أخطاء التصميم التي يقع فيها المبتدئين عادة، وهذه الأخطاء على بساطتها إلا أنها تضايق زوار الموقع فتدفعهم إلى الخروج من الموقع وعدم العودة مرة أخرى، وعندما نصمم المواقع يجب ان نتذكر دائماً أن التصميم يجب أن يكون سهلاً وبسيطاً حتى يستطيع زوار الموقع الوصول إلى المحتويات والخدمات بسهولة تامة. وتذكر دائماً: القليل يعني الكثير، وبأسلوب آخر البساطة دائماً هي الأجمل 1) صفحة البداية بعض المواقع تضع صفحة بداية للموقع عبارة عن صورة ضخمة ترحيبية أو فلاش كبير الحجم يعرض جمل وصور إعلانية للموقع، والبعض لا يضع وصلة صغيرة "تجاوز العرض" او بالإنجليزية "Skip intro" فيضطر الزائر إلى إنتظار الصورة أو الفلاش حتى ينتهي ثم يدخل في الموقع، وسيكون لنا درس حول تفاصيل الصفحة الرئيسية 2) الرسائل المنبثقة! عندما تدخل إلى أحد المواقع، تظهر لك رسالة مفاجئة "رشحني في مسابقة أفضل 100 موقع عربي" أو "أهلاً بك في موقعنا" أو "شحالك؟! تفضل في الموقع ولا تطلع منها"!! لا تضع مثل هذه الرسائل أبداً، إنها مزعجة 3) وجود كم كبير من الصور لا تجعل أي صفحة من صفحات موقعك تحتاج إلى أكثر من 20 ثانية لكي يكتمل ظهورها في متصفح الزائر، وإلا سيسأم الزائر من الموقع ويخرج، لذلك لا تكثر من وضع الصور، ولا تضع أي صورة لا فائدة منها، وحاول أن تقلل من حجم الصور بقدر الإمكان. 4) إستخدام تقنيات كثيرة فلاش، جافا، فيديو، صوت، هذه التقنيات وغيرها تثقل حاسوب الزائر، لا تستخدمها إلا عند الحاجة، وفكر في الزوار الذين يمتلكون حواسيب قديمة كيف تصبح بطيئة كالسلحفاة حينما يزورون مواقع تحوي تقنية الجافا. 5) عدم ترتيب المحتويات بشكل منطقي بشكل عام المحتويات الرئيسية يجب أن تكون في منتصف الصفحات وتأخذ أكبر مساحة من تصميم الموقع، وغير ذلك الخدمات والوصلات وأية أشياء أخرى يجب أن تكون في أعلى أو يمين الصفحة. 6) الألوان الكثيرة الغير متناسقة تحدثنا عنها في الدرس الماضي، لا تجعل موقعك يحوي أكثر من أربعة ألوان بشكل عام. 7) تصميم الموقع بحجم أكبر من الشاشة أيضاً تحدثنا عن هذه النقطة في الدرس الماضي، معظم مستخدمي الحاسوب يستخدمون دقة 600 × 800 في شاشاتهم، فعليك أن تصمم موقعك لهذه الدقة وليس أكبر من ذلك. 8) الصور المفقودة بعض المواقع تعتمد بشكل كبير على الصور، ويتضايق الزائر عندما يرى صور لا تظهر، فعليك أن تتأكد أن الصور تظهر في جميع صفحات موقعك، قم بزيارة موقعك من حاسوب آخر غير حاسوبك، وتأكد أن مصدر صورك في شفرة HTML ليس حاسوبك بل موقعك، قد تجد مصدر الصور في الشفرة هكذا <img src="c:\site\img\image1.gif"> وبكل تأكيد ستظهر الصورة لديك لكنها لن تظهر لدى الزوار 9) عدم وضع نص ALT للصور عندما تمرر مؤشر الفأرة على الصور في المواقع، تجد أن هناك نص صغير يخبرك بأن هذه الصورة للقسم كذا وكذا أو يخبرك عن فائدة الصور "إضغط هنا لكي تشترك في القائمة" وبعض المتصفحين لا يحبون ظهور الصور في المواقع لكي يتصفحوا الشبكة بشكل أسرع، فيظهر لهم هذا النص مكان الصورة لكي يفهموا فائدة الصورة. مثال: <img src="img/logo.gif" alt="Site Logo"> عندما يضع الزائر مؤشر الفأرة على الصورة سيظهر له نص "Site Logo". 10) النص غير واضح ضع صفحة زرقاء واكتب عليها باللون الأحمر! ما رأيك؟ نعم إن هذه الألوان تؤذي العينين ما رأيك لو وضعت اللون البنفسجي كخلفية والنص بلون أخضر؟! مريع! لذلك عليك أن تختار الألوان بعناية لكي لا تتبع عيون الزوار الغالية 11) صوت في الخلفية تدخل في بعض المواقع فتسمع أغنية أو زئيراً أو صوت خامل غليظ يقول لك: يا هلا بالضيف اللي جانا! أقلط! أرجوكم لا تضعوا أي صوت في الصفحة لأن هذا يبطأ ظهور الصفحات وكذلك الأمر مزعج فعلاً أن لا أستطيع التحكم بالأصوات التي تخرج من سماعات الحاسوب. 12) الصور المتحركة إنها مزعجة فعلاً خصوصاً إن لم يكن لها فائدة، لا تضع أي صورة متحركة بدون أي هدف أو غاية مفيدة. 13) الإطارات بعض المواقع تستخدم الإطارات في التصميم frames، وهي مزعجة إن لم تستخدم بشكل حسن، عليك أن تتأكد قبل استخدامها أن الموقع سيصمم بشكل جيد، وإلا فلا تستخدمها أبداً. 14) صفحات لا تنتهي أعني أن هناك صفحات طويلة جداً، 100 صورة و آلاف الكلمات عدى الفلاش والجافا، وهذا كله يأخذ من وقت الزائر 10 دقائق فقط!! قسم المواد على عدة صفحات ولا تجعل الصفحات طويلة لا تنتهي. 15) الموقع قيد التطوير لا يوجد موقع إنتهى تطويره إلا إذا قرر صاحبه أن يهمله، لذلك لا تضع أية لافتة أو صورة تفيد أن الموقع قيد التطوير، وإن كان الموقع فعلاً قيد التطوير ولم تضعه على الشبكة، فلا داعي أن تعلن عنه قبل أن تضع على الشبكة. 16) التصميم المتغير وأعني به التصاميم المختلفة لصفحات الموقع الواحد، وقد تحدثنا عن هذه النقطة في الدرس الماضي، عليك أن توحد تصميم جميع صفحات موقعك بكل بساطة 17) الجداول ذات الأبعاد الثلاثية عند استخدامك للجداول، لا داعي أن تستخدم خاصية الحدود فيها، وإن كنت ستفعل فلا تجعل عرضها أكبر من 1، بعض المواقع تجد فيها عرض حدود الجداول أكثر من 3 فتظهر الجداول كأنها ثلاثية الأبعاد، وهي بشعة حقاً. 18) عدم تسمية الصفحات البعض ينسى أن يضع عنواناً للصفحة، وما أقصده هو العنوان الذي يظهر أعلى المتصفح، عليك دائماً أن تضع العنوان في صفحاتك عن طريق خاصية <title>العنوان</titel>. 19) الخطوط غير متناسقة إسنخدم خطين فقط في موقعك، أحدهم للعناوين والآخر للنصوص، ولا تستخدم أية خطوط غير مدعومة من قبل حواسيب الزوار، ومن أفضل الخطوط للمواقع Tahoma وArial وWindows UI وكذلك Veranda وTime new roman. فكرة: خصص في قائمة المفضلة أو Favorites مجلداً واحفظ عناوين الدروس يتبع........... __________________ Olé Olé Olé شــاركونا إبداعاتكم [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

07-05-2008, 12:16 AM	#6
Hi5 سوبر تاريخ التسجيل: Nov 2007 الدولة: kuwait العمر: 18 المشاركات: 2,944 معدل تقييم المستوى: 10	\ جميع المواقع تحتوي على روابط نصية أو رسومية، تقوم بعمل وظيفة واحدة وهي توجيه الزائر نحو صفحة أو قسم معين، وهذا ما يسمى بنظام التصفح، وعادة ما تجد نظم التصفح في المواقع في أعلى صفحات الموقع أو في أحد الجانبين، ويسهل نظام التصفح عملية التنقل بين أقسام الموقع وبالتالي الاستفادة من محتويات وخدمات الموقع، ونجد الكثير من المواقع لا تحتوي على نظام تصفح فعال، فيضطر الزائر إلى قضاء وقت أكبر للوصول إلى المحتويات المطلوبة، وقد يسبب هذا في عزوف الزوار عن العودة إلى الموقع، السؤال هنا: كيف أصمم نظام تصفح فعال للموقع؟ دائماً، تذكر أن تضع نفسك مكان الزائر عندما تصمم موقع لماذا هذا الدرس؟ حتى تتضح الصورة أكثر حول أهمية نظم تصفح المواقع، لنتصور أن هناك موقع لا يوفر أبداً نظام تصفح، بل أقسام رئيسية تتفرع منها أقسم فرعية لا نهاية لها، ولنتصور أنك وصلت إلى القسم الفرعي رقم 7، وتريد العودة إلى الصفحة الرئيسية، ستضطر إلى النقر على زر العودة في متصفحك أو Back سبع مرات حتى ترجع للصفحة الرئيسية، أو ربما يوفر الموقع لك روابط لتعيدك إلى القسم السابق وهنا أيضاً الأمر لن يختلف كثيراً، سيكلفك هذا وقت لا بأس به، وهكذا نرى أن أهمية نظام التصفح تكمن في تسريع عملية الحصول على المحتويات والخدمات المطلوبة وتوفير وقت الزائر. الأساس: نظام التصفح يعتمد على سؤالين اثنين، الأول: أين أنا الآن؟، والثاني: كيف أصل إلى هناك؟ ولكن قبل أن نتحدث عن السؤالين، دعوني أذكركم بأن نظام التصفح يعتمد على تقسيم الموقع، هناك مواقع بسيطة تحتاج إلى نظام تصفح بسيط، وإليكم هذا المثال: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ](دعاية للموقع )، ستجد في هذا الموقع قائمة في يمين الموقع تستطيع من خلالها أن تصل إلى أي قسم في الموقع. بينما هناك مواقع أكثر تعقيداً، حيث تحتوي على أقسام رئيسية وبدورها تحتوي الأقسام الرئيسية على أقسام فرعية، ومثال على ذلك موقع [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] الذي يحوي في أعلى الصفحة على 5 صور توصلك إلى الأقسام الرئيسية، وعندما تنقر على أحد هذه الأزرار (مثال: أنقر على Bulid وصورة القبعة) ستنتقل إلى قسم Bulid والذي يحوي بدوره على آخر المقالات المضافة إلى هذا القسم وعلى يسار الموقع ستجد الأقسام الفرعية. هكذا يجب أن تفكر قبل أن تصمم موقعك، كيف ستقسم موقعك؟ وكيف ستصمم نظام التصفح الخاص به، والآن إلى بعض التلميحات المفيدة أين أنا الآن؟ عندما يتصفح الزائر موقعك، فإنه يحتاج إلى أن يعرف دائماً أنه وصل إلى القسم الفلاني أو الصفحة الفلاني، وتستطيع أن تخبر الزائر عن القسم الذي وصل إليه بكل يسر وسهولة، وهذه قائمة بالوسائل التي تستطيع أن تخبر بها الزائر عن القسم الذي وصل إليه: 1) في أعلى المتصفح تجد إسم الموقع عادة، أضف إلى اسم الموقع القسم الذي يزوره الزائر حالياً، عن طريق خاصية titel في شفرة HTML. 2) تستطيع أن تضيف في موقع ما من تصميم موقعك، مكان تضع فيه مسار تصفح القسم، وهذا مثال: الصفحة الرئيسية > القسم1 > القسم الفرعي 2 > مقالة 2 هذا الأسلوب تجده في المنتديات، أنظر فقط في أعلى الموضوع وستجد نظاماً مشابهاً له 3) تستطيع أن تغير من لون وصلة أو رابط القسم، مثال: قسم1 \| قسم2 \| قسم3 \| قسم4 لاحظ أن قسم3 مختلف اللون، وبذلك تستطيع أن تنبه الزائر إلى أنه في القسم3 أو تستطيع أن تجعله نصاً عادياً بدون أي رابط، مثال: [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] \| [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] \| قسم3 \| [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ] 4) ماذا عن نظام التصفح الذي يعتمد على الصور؟ عليك فقط أن تغير من لون الصورة قليلاً كيف أصل إلى هناك؟ لآن زائر الموقع يعرف أين هو الآن، ويريد الوصول إلى قسم آخر، فكيف يفعل ذلك؟ إليك هذه الوسائل: 1) يجب أن تكون الأقسام الرئيسية واضحة للزائر بحيث يستطيع أن ينتقل من أي قسم إلى أي قسم آخر بسهولة، ويجب أن تخصص مكاناً في صفحات موقعك لتضع روابط للأقسام الرئيسية. 2) إذا كنت تعتمد على الصور في نظام تصفحك فعليك أن تضع للصور نص alt تشرح فيه معنى الصورة، وعندما يمرر الزائر مؤشر الفأرة على الصورة سيظهر له النص الذي كتبته. (راجع الدرس الخامس حول أخطاء التصميم) 4) يجب أن تكون الروابط النصية ذات لون مميز عن بقية النصوص، ويفضل أن تضع خطاً أسفلها لكي تميزها بشكل أكبر. 5) تستطيع إضافة نص يشرح الرابط وإلى أين سيقود الزائر، كيف؟ <a href="about.htm" title="Learn More about us"> عندما يضع الزائر مؤشر القأرة سيظهر له الناص التالي: Learn more about us صفحة المساعدة ماذا عن الزوار المبتدئين؟ لا تتوقع أن كل الزوار سيجدون طريقهم في موقعك بسهولة، سيبقى هناك عدد لا بأس به من الزوار الذين لا يستطيعون تصفح الموقع لسبب أو لآخر، عليك أن توفر لهؤلاء صفحة تشرح لهم بنية الموقع والأقسام ووظيفة كل قسم والخدمات المتوفرة، أي خريطة لموقعك توضح فيها المعلومات الأساسية حول الموقع ولا تنسوا الدعاء انتهى وسامحوني عن القصور تحياتي __________________ Olé Olé Olé شــاركونا إبداعاتكم [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

07-06-2008, 02:35 AM	#7
Hi5 استشاري تاريخ التسجيل: Nov 2007 الدولة: MooN العمر: 19 المشاركات: 4,394 معدل تقييم المستوى: 10	رامووووس كفيت ووفيت شرح كامل والكمال لله يعطيك ألف عافية يارب __________________

أدوات الموضوع	إبحث في الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق