المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : :: كيف نصمم موقعا ناجحا ::



أبو خالد الوليد خالد الصبحي
07-Jan-2010, 04:31 PM
:: كيف نصمم موقعا ناجحا ::

أولاً : مرحلة رسم الموقع على الأوراق

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

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

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

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

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


ثانياً : مرحلة التصميم الفعلي

صفحة فارغة
يجب أن تبدأ بعمل نموذج ثابت لكل الصفحات والصحيح أن أردت لموقعك الظهور الفعلي أن تبدأ بصنع الميتاواصفات meta tags لتريح نفسك من عناء كتابتها في كل الصفحات الفكرة في عمل الميتاواصفات تقوم على ان محركات البحث تمكن المستخدمين من أدخال كلمات أساسية تسمى الميتاواصفات فعند البحث في المواقع تنظر روبورتات البحث التي تجوب الشبكة الى هذه الواصفات وتفهرس موقعك على أساسها توضع هذه الواصفات في شفرة HTML الخاصة بموقعك في منطقة الرأس <head> توفر الكلمات التي تصف موقعك وشرحاً مختصراً عنه وعليك عند وضعها وضع قائمة مكونة من 10 -15 كلمة أساسية مرتبة حسب الترتيب الهرمي الذي ترغب أن يظهر عليه داخل الواصفة keywords وينبغي تزويدها أيضا بوصف مختصر لموقعك 20 -25 كلمة داخل الواصفة description هذا بالنسبة لمحركات البحث التي تقوم بأرسال روبورتات البحث هناك محركات ينبغي التسجيل لديها يدوياً

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

نموذج ثابت
أذا أردت ستايل معين لصفحاتك وهذا مايفترض في موقع يهدف للأنتشار فبعد أن تقوم بعمل الميتاواصفات ابدأ بخلق شكل أولي لجميع الصفحات بحيث يكون هناك الشعار الخاص بموقعك في كل الصفحات وركن الأعلانات وركن القوائم والأرتباطات عادة ماتكون الأرتباطات في أسفل الصفحة أو ألى يمين المستخدم العربي أو في أعلى الصفحة بطريقة متناسقة وشكل موحد والأهم من هذا متن الصفحة مكان وضع معلوماتك التي ستقدمها للمتصفحين أحفظ هذه الصفحة بعدد صفحاتك الداخلية عن طريق Save As وأعطها أسماء صفحاتك الداخلية لاتنسى أن يكون الأسم الأفتراضي للصفحة الرئيسية index.html أو index.htm لتظهر تلقائيا عند وضعك لعنوان موقعك الذي حصلت عليه من الشركة المستضيفة

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

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

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

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


ثالثاً : مرحلة نشر الموقع وأدارته

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

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

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

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

هذا موقعي
الأن بعد أن تأكدت أن جميع صفحاتك وأرتباطاتك بخير الخطوة القادمة من أهم الخطوات وهي النشر الفعلي للموقع أبدأ مع محركات البحث التي تطلب التسجيل يدوياً كمثال سيرتفع عدد زوار صفحتك بالتأكيد عندما تسجل موقعك في محرك البحث YAHOO أو altavista أو hotbot لاتنسى أيضاً محركات البحث العربية التي سترفع عدد زوارك العرب وهذا مانهدف أليه ayna و naseej أو جرب هذا الموقع الذي يطمح لأن يكون بوابة بحث بالعربية arabvista كذلك أترك أرتباطات لموقعك في المواقع التي تطلب ذلك وأشترك في خدمة تبادل البانر من بعض المواقع السلفية كموقع البانر لتبادل الأعلان في شبكة حاسوب السلفية قد تتسائل ماهي أهمية الميتاواصفات التي وضعتها في صفحتك هي بالطبع لمحركات البحث التي ترسل روبورتات أو عناكب البحث في الشبكة وتقوم بفهرسة الصفحات على أساس الشيفرة الموضوعة في الــ<head> حتى هذه المحركات أعد التسجيل فيها دورياً ...

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

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