الصفحة الرئيسية » تصميم و تطوير المواقع

خطوات تصميم موقع الكتروني متكامل

كتابة: طارق 18 أبريل 2010 التعليقات: 20 القراءات: 20,592
webdesign

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

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

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

لابدأ بطرح فكرتي عن مقومات الموقع و طريقة التفكير في التطوير و التصميم من البداية.

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

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

ينبغي هنا على المصمم و المطور التعاون لتحقيق تصميم متوافق مع مواصفات التصميم القياسية لنوع الملفات التي يريدون نشر الموقع بها و إصدارها، مثلاً html أو xhtml.

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

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

و إما أن يبرمج برنامج الموقع كاملاً من الصفر بما يسمى البرمجة المتخصصة.

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

و لكن العيوب تكون في الوقت الأعلى للبرمجة و في الكلفة العالية المرتبطة بذلك.

و على هذا نأتي على ذكر طرق البرمجة المنتشرة حالياً.

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

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

كي ينجح الموقع برمجياً و تسويقياً ينبغي مراعاة النقاط التالية:

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

كيفية تطبيق هذه الخطوات:

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

و لكن بساطة، تطبيق هذه الخطوات عملياً يحتاج لمعرفة بتقنيات الويب 2 و التي من أهم أدواتها لغات البرمجة الأساسية php,MySQL,html,css,JS.

إعداد: م. طارق أبو عسلي ، يسمح النقل مع ذكر المصدر: موقع طارق

  1. خطوات أساسية لحماية المواقع الإلكترونية من الإختراق
  2. ماذا أختار HTML أو XHTML في تصميم موقعي ؟
  3. تطوير موقع سايتات و جعله دليلاً للمواقع العربية
  4. دروس و برامج لتعليم برمجة و تصميم المواقع
  5. تصميم جديد للموقع، أرجو أن يعجبكم!
نجمة واحدةنجمتانثلاث نجماتأربع نجماتخمس نجمات (الأفضل) (معدل التقييم: 3.42 من 5 - المقيمون: 19)
Loading ... Loading ...



  • [المعلق: عبد الاله الضرعي | بتاريخ 3 مايو 2010 | الساعة 10:24 ص]

    جميييل

  • [المعلق: طارق (مدير الموقع) | بتاريخ 3 مايو 2010 | الساعة 10:32 ص]

    شكراً أخي عبد الله على المرور.

  • [المعلق: أمينة | بتاريخ 27 مايو 2010 | الساعة 12:47 م]

    السلام عليكم

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

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

    شكرا

  • [المعلق: وجد | بتاريخ 1 سبتمبر 2010 | الساعة 11:53 م]

    طيب كيف أنا ابغى موقع متكامل وشامل لكل شي كم المبلغ ياليت تفيدوني بأقرب فرصه وشكـــــــــــــــــــــــرا

  • [المعلق: وجد | بتاريخ 1 سبتمبر 2010 | الساعة 11:58 م]

    كمان راسلوني عالايميل عشان اشوفها اوكي

  • [المعلق: طارق (مدير الموقع) | بتاريخ 3 سبتمبر 2010 | الساعة 9:23 ص]

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

    أخ وجد، لقد قمت بإرسال الرد على إيميلك

  • [المعلق: نحول | بتاريخ 19 أكتوبر 2010 | الساعة 7:52 م]

    انا اتمنا موقع لكن افشل في البرنامج الفرونت بيج اتعلم من النت بس مااعرفلو كثير وفاشل بس امنيتي وحلم حياتي موقع احط فيه تصاميم لو اتمنا موقع اتنتاه يكون http://www.noony-tassamem

  • [المعلق: الامير هيثم ابوكويله | بتاريخ 16 نوفمبر 2010 | الساعة 1:01 م]

    الف شكر

  • [المعلق: monaliza2 | بتاريخ 14 أبريل 2011 | الساعة 10:19 م]

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

  • [المعلق: طارق (مدير الموقع) | بتاريخ 25 أبريل 2011 | الساعة 7:03 م]

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

  • [المعلق: خطوات تصميم موقع الكتروني متكامل | بتاريخ 10 أكتوبر 2011 | الساعة 5:38 م]

    [...] http://www.xn--mgbuq0c.net/%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%8… الوسوم : تصميم مواقع انترنت, تصميم موقع الكتروني, تصميم موقع الكتروني متكامل, خطوات تصميم موقع الكتروني, كيفية تصميم موقع الكتروني, كيفية تصميم موقع انترنت [...]

  • [المعلق: Samer | بتاريخ 14 ديسمبر 2011 | الساعة 6:46 م]

    انا انوي خلال الفترة القادمة عمل منتدى خاص بي يهتم بشؤون الوطن العربي وقد استفدت من نصائحك واتمنى ان تزودني بمشورتك

  • [المعلق: طارق (مدير الموقع) | بتاريخ 14 ديسمبر 2011 | الساعة 7:53 م]

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

  • [المعلق: تصميم موقع | بتاريخ 7 يناير 2012 | الساعة 3:48 م]

    معلومات قيمة في مجال تصميم المواقع شكرا لك

  • [المعلق: طارق (مدير الموقع) | بتاريخ 7 يناير 2012 | الساعة 3:59 م]

    أهلاً و سهلاً.

  • [المعلق: كيف تصبح مطور و مبرمج مواقع ويب | طارق | بتاريخ 2 فبراير 2012 | الساعة 1:32 ص]

    [...] يجب دراستها بشكل استراتيجي كما كتبت بهذا الموضوع:خطوات تصميم موقع إلكتروني متكاملو بعدها و بعد دراسة النقاط المذكورة في المقالة [...]

  • [المعلق: ريما | بتاريخ 6 فبراير 2012 | الساعة 5:38 م]

    شكرااا

  • [المعلق: طارق (مدير الموقع) | بتاريخ 6 فبراير 2012 | الساعة 10:10 م]

    العفو و أهلاً و سهلاً.

  • [المعلق: omar | بتاريخ 3 مارس 2012 | الساعة 7:36 ص]

    موقع جميل

  • [المعلق: اللورد | بتاريخ 15 أبريل 2012 | الساعة 3:01 م]

    موقع جميل يسلمووووووو


أكتب تعليقك في الأسفل أو trackback من موقعك، كما يمكنك الإشتراك لمتابعة التعليقات بخدمة النشر الإلكتروني RSS