بوابة وادي فاطمة الالكترونية
 

العودة   بوابة وادي فاطمة الالكترونية > «۩۞۩ بوابة وادي فاطمة للتقنية والتكنلوجيا والتصاميم ۩۞۩» > ركن تطوير المواقع والمنتديات PHP CGI PHP3 vBulletin

ركن تطوير المواقع والمنتديات PHP CGI PHP3 vBulletin تصاميم - قوالب - أيقونات - كود - هاك - دروس - شروحات - طلبات - تعليم لغات البرمجة - سكربتات - أكواد الجافا - فلاشات - شات


إضافة رد
قديم 2012-08-05, 11:49 PM   #1 (المشاركة)
فهد الزلفاوي
«۩۞۩ عضو جديد ۩۞۩»


الصورة الرمزية فهد الزلفاوي
فهد الزلفاوي غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1691
 تاريخ التسجيل :  Aug 2012
 أخر زيارة : 2017-06-24 (02:39 AM)
 المشاركات : 85 [ + ]
 التقييم :  50
لوني المفضل : Cadetblue
windows_98_nt_2000ie
Icon40 سبعة نصائح عند تصميم موقعك



Bookmark and Share

سبعة نصائح عند تصميم موقعك

نقره لعرض الصورة في صفحة مستقلة

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

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

الأولى - تحديد فكرة الموقع بكل دقة

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

الثانية - تقسيم جيد ومنطقي للمكونات العامة للموقع

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

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

الثالثة - اعتماد البساطة في عملية التصميم

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

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

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

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

الرابعة - استخدام محدود لملفات الفلاش والابتعاد عن الأحجام الكبيرة للصور

كل العناصر التي تستخدمها في عملية التصميم من صور ونصوص وتسجيلات مرئية أو مسموعة يجب أن توظف بشكل أو آخر لمصلحة الموقع وجلب أكبر عدد من الزوار لأن ذلك سيساعد في عملية تهيئة الموقع لمحركات البحث التهيئة المثلى Search Engine Optimization (SEO) وذلك عن طريق استخدام الكلمات المفتاحية وحشرها في النصوص المستخدمة أو إضافتها لما يعرف Alt property وهي خاصية وصف الصورة ضمن تعليمات HTML وهنا يصبح بإمكان محركات البحث التعرف إلى هذه النصوص وفهرستها والتعرف كذلك على موضوعها أما التعرف على محتويات ملفات الفلاش ورؤية محتوياتها فلم تثبت قدرة محركات البحث على معرفة محتوى هذا النوع من الملفات حتى الآن وربما هي بعض المحاولات من جوجل ولم يصل إلى علمي نجاحه بصورة مؤكدة في فهرسة محتوى هذه الملفات ناهيك بالطبع على أن معظم هذه الملفات تتميز بكبر حجمها وكذلك ضرورة وجود تحديثات مثبتة على المتصفح ليتمكن من تنفيذ بعض تعليمات الفلاش البرمجية في حال وجودها.

ما ينصح به هو التعامل بحذر مع هذه الملفات وعدم الإكثار منها والابتعاد عن اعتماد الموقع وتصميمه بالكامل بهذا النوع من الملفات.

الخامسة - تسهيل عملية التصفح والانتقال بين صفحات الموقع

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

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

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

السادسة - نصوص قصيرة عوضاً عن الصفحات الطويلة

يتردد الكثير من زوار المواقع قبل قراءة النصوص الطويلة أو يفضل بعضهم قراءة المقطع الأول أو الثاني من هذه النصوص ثم الانصراف عنها.

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

السابعة - استخدام ملفات CSS وملفات الجافا سكريبت

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

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

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

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



 

رد مع اقتباس
قديم 2012-08-06, 12:43 AM   #2 (المشاركة)
عبير اللقماني
«۩۞۩ عضو مشارك ۩۞۩»


الصورة الرمزية عبير اللقماني
عبير اللقماني غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1695
 تاريخ التسجيل :  Aug 2012
 أخر زيارة : 2017-12-26 (07:01 PM)
 المشاركات : 137 [ + ]
 التقييم :  50
لوني المفضل : Cadetblue
windows_98_nt_2000firefox
افتراضي




شكراً لكم ودمتم بحفظ الرحمن



 

رد مع اقتباس
قديم 2012-08-06, 12:44 AM   #3 (المشاركة)
الأسمري
«۩۞۩ عضو مشارك ۩۞۩»


الصورة الرمزية الأسمري
الأسمري غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1564
 تاريخ التسجيل :  Jul 2012
 أخر زيارة : 2017-12-30 (09:07 AM)
 المشاركات : 152 [ + ]
 التقييم :  50
لوني المفضل : Cadetblue
windows_98_nt_2000ie
افتراضي




شكرا لك مشاركة جميلة



 

رد مع اقتباس
قديم 2012-08-30, 02:11 AM   #4 (المشاركة)
المستوري
«۩۞۩ عضو مشارك ۩۞۩»


الصورة الرمزية المستوري
المستوري غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1549
 تاريخ التسجيل :  Jun 2012
 أخر زيارة : 2017-06-27 (03:43 AM)
 المشاركات : 166 [ + ]
 التقييم :  50
لوني المفضل : Cadetblue
windows_98_nt_2000ie
افتراضي




نقره لعرض الصورة في صفحة مستقلة



 

رد مع اقتباس
قديم 2015-02-14, 09:55 PM   #5 (المشاركة)
suliman
«۩۞۩ عضو مميز ۩۞۩»


الصورة الرمزية suliman
suliman غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 5302
 تاريخ التسجيل :  Jan 2015
 أخر زيارة : 2017-12-28 (06:06 AM)
 المشاركات : 714 [ + ]
 التقييم :  50
لوني المفضل : Cadetblue
windows_98_nt_2000ie
افتراضي




نقره لعرض الصورة في صفحة مستقلة



 
 توقيع : suliman



رد مع اقتباس
قديم 2017-04-17, 06:23 PM   #6 (المشاركة)
أحساس خجوله
«۩۞۩ عضوية فضية ۩۞۩»


الصورة الرمزية أحساس خجوله
أحساس خجوله غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 4868
 تاريخ التسجيل :  Aug 2014
 أخر زيارة : 2018-01-15 (01:37 PM)
 المشاركات : 1,020 [ + ]
 التقييم :  50
لوني المفضل : Cadetblue
windows_98_nt_2000firefox
افتراضي




نقره لعرض الصورة في صفحة مستقلة



 
 توقيع : أحساس خجوله

اجعل العالم أفضل قليلاً ..!
إما بتقديم طفل صحيح جميل له ... وإما بزرع حديقة خضراء غناء ... وإما بإصلاح الحالة الاجتماعية


رد مع اقتباس
 
إضافة رد
أدوات الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
سامسونج تقول ان ابل سرقت تصميم الايفون من سوني الزين ركن الجوالات - الاتصالات 6 2015-08-29 10:31 AM
10 نصائح تمنحك حياة افضل ابو فوزان الطب والصحة 4 2015-08-18 09:17 PM
4 نصائح لإختيار التصميم المثالي لبيتك بنت الوادي ملتقى الاسرة 5 2015-02-21 01:44 PM





1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61