كيفية تصميم مواقع الويب

كيف يكون تصميم موقعك متقناً
الإتقان ..شيء يحب الجميع أن يكون بعملهم ..و هو مما يحبه الله ..فإن الله يحب إذا عمل أحدكم عملاً أن يتقنه ..و للإتقان في عمل تصميم موقعك أمور ينبغي عليك مراعاتها ..و ما سأذكره في سطور هذا الموضوع عبارة عن رؤوس أقلام و فيض خاطر و فراغ جعبة ..لا أستطيع أن أضمن لك أنها ستؤدي المطلوب وحدها .. لكن ثق تماماً أن فيها إن شاءالله ما يجعل تصميم موقعك فعلاً متقناً !! ..
الوسيلة الأولى :
إختيار البرامج المناسبة لتصميم الموقع : فلا شك أن لها دور في مدى إتقان موقعك !! .. هناك برامج عدة لتصميم المواقع و مبدئياً ستحتاج لنوعين من البرامج .. برنامج لتحرير صفحات موقعك و من أشهرها برنامج الفرونت بيج بإصداراته المختلفة .. و كذلك ستحتاج لبرنامج تحرير صور موقعك و من أشهر البرامج برنامج الفوتوشوب ..هناك برامج أخرى كثيرة مثل الهوت دوج و الدريم ويفر و الفايروركس و البينت شوب تساعدك في تصميم موقعك يمكن إستخدامها بحسب مقدرتك على التعامل معها ..
الوسيلة الثانية :
بناء صورة تخيلية لتصميم موقعك ( كروكي ) : نعم .. فكما يقوم المهندسون المعماريون بعمل رسم مبدئي للمنشأة التي يريدون بنائها فأنت كذلك بحاجة لرسم تخيلي لموقعك و لو كان ذلك داخل عقلك !! ..التخيل يشمل كيفية عمل صفحة موقعك الرئيسية و الصفحات الداخلية بداية من كيفية عرضها و نهاية بماذا يدرج فيها من معلومات .. كذلك يشمل التخيل كيفية عرضك لمحتويات موقعك و ترتيب أقسامه و مداخله ..
الوسيلة الثالثة :
إختيار النظام الأنسب في التصميم : هناك نوعين من أنظمة تصاميم المواقع .. نوع تستخدم فيه خاصية الإطارات بالموقع و نوع بدونه .. قد تكون أغلب المواقع مصممة بدون نظام إطارات و ذلك لوجود بعض المشاكل في المواقع التي تستخدم نظام الإطارات مع محركات البحث .. و لكن بلاشك أن نظام الإطارات يسهل من عملية تجول الزوار بموقعك .. لكن تظل به عيوب و أكبرها عدم تعرف أغلب محركات البحث على صفحاتك إذا كنت تستعمله !! ..
الوسيلة الرابعة :
إختيار نوع موقعك : نعم .. هناك نوعين من المواقع أو التصاميم .. نوع ( ستاتيكي ) و نوع ( ديناميكي ) .. فالإستاتيكي أو ما يعرف بالنوع البسيط و هو غالباً يعتمد على مجموعة من صفحات الهتمل التي تحمل بين طياتها معلومات موقعك .. بينما الديناميكي أو ما يعرف بالتفاعلي هو ما يستخدم فيه برمجيات مختلفة تسهل من عملية تبادل المعلومات مع الزائر و التفاعل معه ضمن نواحي كثيرة و ستحتاج فيه لمعرفة بكيفية التعامل مع لغات برمجة المواقع مثل php و asp و غيرها ..كون موقعك مجرد موقع تعريفي سيغنيك عن التصميم الديناميكي .. بينما لو كان موقعاً دائم التحديث مثلاً أو لشركة كبيرة فغالباً ستحتاج له ..
الوسيلة الخامسة:
البداية بتصميم موقعك !! : لكن قبل ذلك يجب أن تحدد هل موقعك من تلك المواقع التي تهتم بإظهار الصور الفنية بشكل أكبر أم تلك المواقع البسيطة التي تعتمد على الجداول و تنسيق النصوص بشكل أكبر .. فإذا كان تصميمك يعتمد على إخراجه بصورة فنية جيدة فيمكنك البدء بالعمل على برنامج الرسم الذي تستخدمه مثلاً الفوتوشوب إبدأ بعمل واجهة لموقعك ثم قم بقص أجزائها و حفظها كصور لتدرجها فيما بعد بتصميم موقعك ببرنامج تحرير صفحات الهتمل .. أما لو كان موقعك عكس ذلك و يعتمد على ترتيب النصوص و الجداول فلعلك تبدأ به من خلال برنامج محرر صفحات الهتمل الذي تستخدمه مثل الفرونت بيج ..
الوسيلة السادسة: إستخدم تقنيات التصميم المختلفة التي تزيد موقعك جمالاً من صور متحركة أو عروض فلاش و لكن الإقلال منها مطلوب لأنها تسبب ثقلاً بموقعك ..
الوسيلة السابعة: تجنب الأخطاء الشائعة بتصميم الموقع و أذكر منها :
. عدم تصميم الموقع بقياس متمدد الحجم .. فكثير من المواقع التي كنت أراها جميلة حينما حولت الشاشة لمقاس 17 بوصة و دقة 1280 × 1024 ظهرت هذه المواقع سيئة الترتيب .. و صحيح أن دقة 800 × 600 هي الأكثر إنتشاراً عالمياً لكن تظل الحاجة ماسة لعملك تصميم ذو نظام متمدد و يمكن الإستفادة من الصور التي تكررها بجانب بعضها يظهرها كصورة واحدة أو إستخدام الجداول في ذلك ...
الإكثار من الألوان بموقعك .. فذلك قد يزعج عين الزائر فكثير تلك المواقع التي ترى كل سطر فيها بلون و تستغرب كيف راق لصاحب الموقع أن يجعل عنوان صفحته بلون مضيء مثل الفسفوري ..
. الإكثار من الصور الثابتة أو المتحركة مما قد يسبب ثقل في تحميل الصفحة و يتبع ذلك عروض الفلاش الكبيرة التي توضع دائماً بالصفحات الأولى من المواقع مما يؤدي لهروب الزائر مباشرة ...
الإكثار من أكواد الجافا سكربت مما قد يؤدي إلى وجود أخطاء بالعرض في المتصفح ..
عملية التخطيط لبناء موقع ويب احترافي
هل تعتبر نفسك مصمم مواقع محترف؟ سؤال ممكن ان يكون بسيط الاجابه عند البعض، و صعبا عن البعض الاخر، ما أريد أن أطلبه الآن من كل من يقرأ هذه المقاله أن يسأل نفسه هذا السؤال مره أخرى،و لكن هذه المره قبل أن تجاوب عليه، فكر لمدة دقيقه ليس أكثر، هل أنا فعلا مصمم مواقع محترف؟؟ بعض المصممين سيقولون: " نعم بالتأكيد أنا مصمم محترف، فأنا على درايه كامله بالاتش تي ام ال، و الايه اس بي، و الفوتوشوب". إخي القارئ، إن كان هذا جوابك على السؤال، فرجاء حار مني أن تقوم بصفع نفسك بقوة. أما إن كان جوابك " لا، أنا اعرف اكثر من هذه اللغات بكثير.. فأنا أتقن اتقانا كاملا كلا من الـc#، و و الايه اس بي دوت نت، و ......،و.........، و.......الخ الخ"، فرجاء أحر من السابق أن تصفع نفسك بقوة اكبر من التي طلبتها بالمره الاولى. أتريد السبب؟... السبب ببساطه هو أنك لم تفهم السؤال الذي سألته، و لم تفكر فيه كما طلبت منك. معظم مصممي مواقع الويب يعتقدون أن المعرفه بلغات البرمجه و برامج الجرافيكس، تجعل منهم مصممين محترفين للمواقع، (إن كنت تعتقد هذا أيضا فأرجو منك أن ......لا تصفع نفسك، بل ببساطه أن تقرأ هذه المقاله). أنا أتفق معك في أن لغات برمجه المواقع و برامج تصميم الجرافيكس هي من العناصر المهمه في تصميم موقع الويب، و لكن هي ليست كل شيء. أهم قسم في تصميم أي موقع ويب ، أياً كان موضوعه، و أياً كانت مساحته و حجمه و عدد صفحاته، هو قسم التخطيط لبناء الموقع. و يجب أن يغطي هذا القسم على نسبة 80% من وقت العمل على بناء الموقع. لكن للأسف معظم مصممي مواقعنا العربيه يهملون هذا القسم اهمال كاملا، و يبدؤون بالعمل على الكمبيوتر من لحظة التفكير في بناء المشروع، الى لحظه انهاؤه. و هذا هو الخطأ الفادح الذي تقع فيه المواقع، و الذي يكون السبب المباشر في اسقاط هذا الموقع، و موته. لهذا السبب دعنا نترك هذه العادة "السيئه"، و لنبدأ عصر جديدا في الإبداع لبناء مواقع عربيه فعاله، تعمل و تنتج و تفيد كل من يزورها. الخطوه الأولى في التخطيط:
خطوة الأسئله:إسم غريب، و لكن يعبر بالضبط عن الشيء المطلوب عمله في هذه الفتره، أي أنك ستوجه إلى نفسك الآن كما هائلا من الأسئله، قد يسأل البعض الآن "أهو نوع من التحقيق؟!!"، سأقول و بكل ثقه "بالضبط، هو نوع من التحقيق"، فأنت على وشك أن تطلق مادة اعلاميه سيزورها عشرات و مئات و ألوف الناس يوميا، لهذا السبب يجب أن تقوم بجعل موقعك مفيد لهذه الأعداد من الزوار بأكبر قدر ممكن.
السؤال الأول: ما هو موضوع الموقع الذي أريد أن أبنيه؟ هنا نبدأ رحلتنا بالتخطيط، هنا عليك أن تعرّف نفسك بالضبط عن الموقع الذي تريد إنشاؤه، و عن موضوعه، فهو أهم شيء في الموقع، و على أساسه سيزوره الناس. و هنا أحب أن أركز على موضوع التخصيص عند بحث موضوع الموقع، و هذا ما تفتقره المواقع العربيه بشده، حيث ترى أن نفس الموقع يحتوى على بعض الأغاني، و فرش و فلاتر فوتوشوب، و أكواد جافا سكريبت، و نغمات للنقال، و كروت معايده، و صور سيارات، وصور طيارات، و.........، و..........، الخ الخ ، أي أنك تجد "سلطه" في هذا الموقع، و هذا هو الخطأ الكبير. لذلك عليك أن تجعل موقعك مخصص في موضوع معين، موضوع تجده مناسبا، تجد أن المواقع العربيه لم تتطرق اليه بشكل كبير، تجد أنك تميل إليه بشكل من الأشكال، أو من الممكن أنك تدرسه في الجامعه أو في أي مكان آخر، و بالطبع يجب أن يكون هذا الموضوع مفيدا للزوار في حاله دخولهم الى موقعك، و إتقي الله دائما عندما تفكر في هذا الموضوع.
السؤ ال الثاني: لماذا أريد أنشاء هذا الموقع؟سؤال جميل جدا و يجب عليك أن تجاوبه بكل صراحه، و مهما كان جوابك، أكتبه على ورقه و أطل الشرح، بحيث لا تدع في خاطرك شيء الا و أن تكبته. فهذا هو ثاني أهم شيء يجب أن تفكر فيه في هذه المرحله بالذات، فسبب إنشاءك لموقعك سينعكس على مستوى موقعك و على شكله و على محتواه و على زواره، بإختصار على كل شيء. قد يكون هدفك هو عمل خيري تفيد منه فئه من الناس، بدون أي عائد مالي تجنيه من الموقع، أو قد يكون هدف تجاري، أو تعليمي، أو شخصي، و لكن إياك أن يكون هدفك هادم و يسيء للمجتمع بأي شكل من الأشكال، لأنك باختصار لن تجني منه سوا بعض الشتائم، و الدعاوات عليك، و من الممكن أن يكون الزائر على معرفه شخصيه بك، فيعالجك بركله على مؤخرتك! و مره أخرى، تذكر دائما أن الله يرى ما تفكر به، و أنه يبصر ما تخفي في نفسك.
السؤال الثالث: ما هي اهداف موقعي؟هنا يجب أن تفكر بما تريد أن تجنيه من الموقع، ليس بالضروره أن يكون ما تجنيه لك وحدك، بل من الممكن أن يكون للناس عامه. قد تبني موقعا متخصصا بالفنون القتاليه، فيكون ما تجنيه هو جعل الناس على معرفه تامه بهذه الفنون، و فوائدها و مخاطرها. أو قد تريد أن تقوم بعمل موقع شخصي تكتب فيه عن نفسك و عن إنجازاتك، و يكون ما تريده من هذا الموقع هو أن تعّرف الجمهور بشكل اكبر عليك، و على ما عملت في حياتك، أو من الممكن أن يكون هدفك هو أن تعمل ذاك الموقع كسيره ذاتيه لك على الويب، فتبعث بعنوان موقعك للشركات التي تتقدم بطلب العمل لها.
السؤال الرابع: من هو الجمهور المتوقع لموقعك؟يجب أن تفكر الآن بزوار موقعك، من هم؟ ما هي اعمارهم؟ ما هو جنسهم؟ ما هي جنسياتهم؟ ما هي دراستهم؟ أهو موقع يهتم بشؤون الطبخ فسيكون موجها بالتالي الى النساء المتزوجات بشكل عام؟ أم هو موقع متخصص بقصص الأطفال فيكون موجها الى شريحه الأطفال في المجتمع؟ أو أن يكون موقعا متخصصا في بعض المواضيع العلميه عاليه المستوى، فيكون مخصصا للناس الدارسين للفيزياء مثلا أو الأحياء بشكل مكثف ( حاصلين على الدكتوراه في ذلك المجال مثلا). كل هذه الأمور سوف تفيدك في مرحله التصميم و في مرحله كتابه محتوى الموقع. هل تعبت من هذه الأسئله؟ حسنا إذهب و إغسل وجهك ببعض من الماء البارد.. ثم استنشق بعض الهواء و فكّر في أمر أخر بعيد عن الموقع. ملاحظه هامه جدا: سبق و قلت أن عملية التخطيط ستأخذ تقريبا 80% من الوقت المخصص لبناء الموقع، لذلك لا تتعجل، و لا تبدأ بكتابة أي شيء على أنه تخطيط لموقعك، و الا ستكون نهايه موقعك شيء أكيد، و أنت بالطبع لا تريد أن تنهي على موقعك بيدك، و الا ستكون أشبه بعمليه الانتحار.
كتابة محتوى الموقع.
أولا- التخطيط لكتابة محتوى الموقع:و مازلنا على الورق، و بعد أن توضحت لك الآن معالم الموقع الذي تريد بناءه، ابدأ الآن بكتابه كل شيء يخطر على بالك من مصطلحات تريد لموقعك أن يتكلم عنها، و تذكر دائما أن لموقعك تخصص واحد، فلا تبتعد في مصطلحاتك عن هذا التخصص و تبدأ بالكتابه عن أمور ليس لها أي علاقه بموضوع موقعك.حسنا، هل موقعك يتكلم عن روسيا؟ إذا لنبدأ، ما الأمور التي سيبحث عنها الزائر في موقع يتكلم عن هذا البلد؟ ابدأ بالتفكير على أساس أنك زائر لهذا الموقع و لا تفكر أبداً على أنك مديره، و إياك ثم إياك أن تفكر في أمر صعوبة إيجاد المعلومات، لإنك باختصار ستقوم بحذف معظم الأمور المهمه في الموقع، و التي يجب أن تكون فيه، و تبدأ بالكتابه عن أمور عامه، معظم الناس يعرفونها، فيكون موقعك غير مفيد بشكل كافي، و تذكر عزيزي القائم على الموقع، أنك إذا أردت أن تحصل على موقع ناجح بكل المقاييس، فعليك أن تتعب في العمل عليه، و أن تكون مخلصاً في تقديم المعلومه.موضوعنا هو روسيا، و كزائر لهذا الموقع، أتوقع أن أرى بعض المعلومات عن تاريخ هذه البلاد، و حاضرها، و مستقبلها، كما أظن أن معلومات عن العادات و التقاليد المتّبعه في تلك البلاد ستكون هنا أيضاً، و سأكون سعيداً إذا وجدت معلومات تتكلم عن الصناعه و الإقتصاد في تلك البلد، و عن النظام السياسي المتبع، ............. الخ. هل انتهت عندك الأفكار؟؟ لا يوجد أي مشكله، اسأل صديقك، قريبك، عمك، خالك، جارك، أي كل شخص قد يعطيك بعض الأفكار الجديده، و حاول بقدر الإمكان أن تسأل أُناس يستمتعون في موضوع موقعك، فتكون لديهم المعرفه في الأمور التي يحبون أن يجدوها إذا زارو موقعاً مثل موقعك. ومازلنا نتكلم عن موقع متخصص في روسيا، إذن، اسأل بعض الناس المهتمين بالعلاقات العربيه الروسيه، أهذا صعب؟؟ يبدو أنك ستطلب من أخاك الأصغر أن يركلك بقوة! و ذلك لإنك لم تقرأ جيداً ما كتبته في الفقره السابقه. دعني أُخبرك عزيزي بأنك إذا قمت بإجراء مقابله مع شخص كهذا، فإنك أولاً ستكسب معرفته و معرفة كل شخص من الممكن أن يدلك عليه، فتكون لديك معارف كثيره في مجال موقعك، فيسهل عليك إيجاد المعلومات الأكثر تعقيداً بالمستقبل، فأنت بالمستقبل ستبدأ - بالطبع - بتجديد موقعك، و كتابة مواضيع، و فتح أقسام جديده، فهؤلاء الناس سيكونون على إطلاع في هذا المجال، فيفيدوك كثيراً. الآن قد أصبح لديك جدول كامل بالمصطلحات التي تريد طرحها في موقعك ..جدول المصطلحات لـ(موقعي الروسي!) ظهر لي كالتالي:ستالين المحاصيل الزراعية شبكة المواصلات العمله المحليه المنتجات الصناعيه إستكشاف الفضاء الخطط التطويريه حالة الطقس العادات و التقاليد أطباق الطعام ملاحظه: بالطبع جدولك يجب أن يكون أطول من هذا بكثير، و لكن وضعنا هذا الجدول فقط لإعطاء مثال ليس أكثر. بالطبع أنت لن تقوم بالكتابه عن كل هذه المواضيع الآن، لذلك لا داعي ليدك أن تبدأ بالإرتجاف! فهذه المصطلحات عبارة عن مستودع للأفكار، فمتى أردت أن تقوم بعمل تحديث لموقعك، ما عليك سوى أن تأتي إلى مستودعك هذا، و تأخذ ما أردت منه. و تذكر أن هذا الجدول لن يُقفل أبداً، لذا ففي أي لحظه تعتقد أنك قد وجدت مصطلحاً جديداً من الممكن لموقعك أن يتكلم عنه، فأسرع بكتابته قبل أن تنساه!أصبح "مستودعنا" جاهزاً الآن، فكيف ستختار المواد التي ستكتبها و تضعها في موقعك في بدايته؟ هذا الموضوع يعتمد عليك، فإذا كانت لديك بعض المعلومات الجاهزه، فإبدأ بها حاليا، أما إن لم تكن هناك أن معلومه بعد في حوزتك، و تريد أن تبدأ الآن، فما عليك سوى أن ترى المصطلحات الأسهل في جدولك، و تبدأ في الكتابه عنها، و حاول بقدر المستطاع أن تكتب عن أمور متعلقه ببعضها البعض، أي أنه لا يجوز أن تكتب عن السياسه ثم تتبعها بأطباق الطعام! بل أبدأ مثلا بالكتابة عن التجارة ثم إتبعها بالكتابة عن الصناعه ثم الزراعه ثم السياحه، فهذه جميعا مواضيع متعلقه ببعضها البعض حيث أنها تتكلم عن الإقتصاد في تلك البلاد. فيكون موقعك في بداياته مهتماً في إقتصاد روسيا. لكن ماذا بعد؟ بعد أن تغطي المجال الذي بدأت به موقعك بشكل كبير، و ترى بأنه بالمعلومات المتوفرة لديك في موقعك الآن لن تستطيع أن تقدم المزيد عليها حاليا، إذن ما عليك سوى أن تختار مصطلحا آخر، و تبدأ به، و كما تعودنا حاول أن تكون قريبا من إختصاص موقعك الحالي، فبعد أن كتبت عن الإقتصاد، ما رأيك أن تبدأ بالسياسه الآن، فالأمران متعلقان ببعضهما البعض بشكل من الأشكال، فيظل موقعك بهذه الحاله يغطي مجالاً "معينا" و لا يصبح عباره عن "سلطه". الخطوه الثانية : كتابة محتوى الموقع :محتوى الموقع هو (في معظم الأحيان) السبب الرئيس الذي يجعل الزائر يدخل إلى موقعك، فإذا أحسنت إختيار كلماتك، و تنسيق جملك، و الإبداع في تعبيرك، و البعد كل البعد عن الخطأ في إملائك، فاعلم أنك قد ملكت قلب زائرك، و بالتأكيد سيعود هذا الزائر إليك مره أخرى. لا يوجد حقيقةً أي قانون يخبرك بطريقة كتابة المحتوى، و لكن هناك بعض الأمور التي اذا اتبعتها، ظهر لك محتوى رائع تفتخر به أمام زوارك. هذه الأمور لخصتها بالفقره السابقه لكني سأعيد كتابتها مره أخرى ببعض من التفصيل:- أحسن اختيار كلماتك:إختر الكلمات البسيطه السهله للفهم، و التي إذا قرأها أي شخص، فهم عليها بدون تعب. لا تكتب بلغة لا يفهمها أحد غيرك أو جماعه من الناس، و هنا أذكّر باللهجات العاميه، فإياك ثم إياك ثم إياك أن تكتب محتوى موقعك باللهجه السعوديه، أو اللبنانيه، أو غيرها من اللهجات، بل أكتبه باللغه الأم، اللغه العربيه الفصحى، و ذلك لكي تجعل كل زائر عربي "مهما كانت جنسيته، أو مكان أقامته" يفهم ما تقوله، فلا أظن أنك تريد لموقعك أن يتحدد لفئه من الناس، فتحرمه من زوار الفئه الأخرى، فيقل عدد زوارك،و تقل شعبية الموقع بالتالي. - نسّق جملك بشكل مناسب:أجمع كلماتك في جمل بسيطه، سهلة الفهم، و إستعمل الفواصل لتقسيم الكلام إلى جمل أقصر. إجعل موضوعك مشوقاً، بعيداً عن الملل، و لا تكتب نفس الجمله أكثر من مره، الا اذا كانت هناك حاجه إلى ذلك. - أبدع في تعبيرك:أرنا إبداعك الآن في الكتابة، أظهر لنا مواهبك، و لا تخجل من أحد. أكتب ما يخطر ببالك، ترجّل الكلام، و لا تتصنّع، فهذا الأسلوب هو الذي يخلق لك موضوع ممتع مشوق، لكن دائما عليك أن تراجع ما كتبت، و أن تقوم بالتفكير هذه المرة به، و ترى إن كان مناسباً أم لا، يراعي شعور الناس كافه أم لا، يراعي تفكير كل الناس أم لا، فلا نريد أن نخلق المشاكل من أجل ما كتبت في موقعك.أعطي دائما بعض الأمثله عن الموضوع الذي تتكلم عنه، فالكلام وحده لا يكفي، بل بالمثال يتوضح كل شيء للقارئ، و يفهم بالضبط ما تريد قوله من موضوعك. - إبتعد سبعين ميلاً عن الخطأ في الإملاء: تخيل أنك تقرأ موضوعا معين في أحد المواقع، ثم عندما أتت الكلمه المحوريه في الموضوع، وجدتها بلا معنى، بسبب خطأ إملائي معين، فماذا ستفعل؟راجع دائماً كل كلمه تكتبها في موقعك، و إسأل أحد أصدقائك أن يراجعها لك أيضاً، و لا بأس إن سألت أخاك أن يراجعها أيضاً، فثلاث مراجعات لمحتوى الموقع تبعد الخطأ عن إملائك، و حتى عن كل شيء في موقعك. ملاحظة: هناك أمور أخرى يجب أن تراعى عند كتابة محتوى الموقع، إن شاء الله سأكتب موضوعا كاملا عنها قريبا. "في مره من المرات، ذهبت أنا و صديقين لي الى رحلة صيد في البر، و بينما كنا هناك، ظهر لنا عثبات لونه أحمر و أخضر و أصفر ( قوس قزح خخخخخخخخ). و كان طوله 90 متراً، و بدا أن عمره كان حوالي ال15 عاماً ( العمر كله ههههههههههه)، ......الخ الخ ما رأيك بهذه القصة الجميله؟! كل معاني الإبداع تجدها فيها، اليس كذلك؟؟!!! تخيل أنك دخلت إلى موقع للقصص، و رأيت مثل هذه القصه هناك، هل ستعود إليه مره أخرى؟ و تذكر أن ما قرأت كان عباره عن قصه ليس أكثر، فما بالك لو كان الموقع يتحدث عن موضوع علمي، أو أدبي، أو ديني! فبكل صراحه أجب، ماذا سيكون إنطباعك عن هذا الموقع؟ هل ستزوره مره أخرى؟ هل ستحدث أصدقائك عنه؟ هل ستنصح الجميع أن يدخل إليه، و أن يغرف ما يشاء من المعارف التي به؟! (هذا إن فهمت شيئا)، بهذا عرفت كيف سيكون إنطباع الناس إذا دخلو إلى موقعك ووجدوه بمثل هذا الشكل. إذا، نرى أن محتوى الموقع يجب أن يأخذ وقتاً كافياً لكي يُكتب و يُدقق بحيث يصبح مراعي للأمور الأربعة التي ذكرناها، و فكرة جيده إن قمت بجعل أحد (أو بعض) الأشخاص المتوقع أن يزوروا الموقع (الجمهور المتوقع للموقع، هل تذكر؟) يقرأ المحتوى الذي تكتبه باستمرار، فيخبرك إن كان جيداً، أو بحاجه إلى بعض التطوير. جاء الوقت لكي تغسل وجهك الآن ببعض الماء البارد، و أن تستنشق بعض الهواء و تفكر في أمر آخر بعيد عن الموقع.ملاحظه هامه جدا: عملية التخطيط ستأخذ تقريبا 80% من الوقت المخصص لبناء الموقع، لذلك لا تتعجل، و لا تبدأ بكتابة أي شيء على أنه تخطيط لموقعك، و الا ستكون نهايه موقعك شيء أكيد، و أنت بالطبع لا تريد أن تنهي على موقعك بيدك، و الا ستكون أشبه بعمليه الإنتحار. هنا ننتهي من موضوع التخطيط لكتابة محتوى لموقعنا الإحترافي، أرجو أن أكون قد وفقت في إيصال الرسالة من هذا الدرس.وفي الدرس القادم سنتحدث عن التخطيط لتصميم الموقع
تصميم و هيئة الموقع، و هذا صحيح! فعندما تزور موقع معين، أول شيء تراه هو التصميم، و ليس المحتوى. من هذا نرى أن زائر الموقع سيأخذ إنطباعه الأول عن الموقع من التصميم، لذلك يجب أن تهتم بالتصميم بأكبر قدر ممكن، بحيث تعطي زائرك إنطباع حسن عن موقعك، قبل حتى قراءة المحتوى، و لإعطاء هذا الإنطباع، و لجعل موقعك تحفه من تحف مواقع الانترنت! ما عليك سوا أن تقرأ هذه المقاله... بناء هيكل الموقع: لنبدأ في تصميم الموقع، علينا أولاً أن نعرف الأقسام الرئيسيه و الأقسام الفرعيه التي سيحويها، و لعمل ذلك، أولاً علينا أن نجمع المصطلحات التي كتبنا عنها في محتوى الموقع ( هل تذكرها؟)، و نكتبها على قطع صغيره من الورق. هل جهزت الثلاثين ورقه ) ربما أقل أو أكثر) التي تحوي المصطلحات؟ حسنا، إبدأ الآ ن في تصنيف هذه الأوراق(المصطلحات) حسب موضوعها، فكل المصطلحات التي ترى أنها تتكلم عن موضوع معين و متشابه، إجمعها في مكان واحد، و بعد أن تنتهي من هذه العمليه، أعطي كل مجموعه إسم معيناً، بحيث يوصفها جميعاً. لنفترض أن لدينا موقع يتحدث عن أنواع المحاصيل الزراعيه، فيكون بهذه الحاله الإسم الذي سنطلقه على المصطلحات التاليه (تفاح، برتقال، أجاص، عنب،... الخ الخ) هو فواكه. و اسم هذه المصطلحات ( الفول، الحمص، العدس، ..... الخ الخ) هو البقوليات. فيكون لديك في هذه الحاله، قسمان رئيسيان هما الفواكه و البقوليات، و من ثم أقسام فرعيه هي التفاح و البرتقال، أجاص، عنب، فول، حمص، عدس،.....الخ الخ. ملاحظه: قد تكون عمليه هيكلة الموقع أعقد من المثال المطروح، لذلك سأخصص مقاله كامله عن عمليه بناء هيكل للموقع. ما أريد أن أقوله أخيراً في عمليه هيكلة الموقع هو أنه عليك أن تجعل جميع محتويات موقعك على بعد ثلاث نقرات فقط من الصفحه الرئيسية، و ذلك في اقصى الأحوال، فأنت لا تريد لموقعك أن يكون عبارة عن متاهه لزواره، فالزائر يريد أن يجد ما يبحث عنه في موقعك بأسرع وقت ممكن، فإذا جعلت المده التي يستغرقها الزائر لإيجاد المعلومه أطول، فإنه بالتالي سوف يمل من موقعك، و سيبحث في موقع آخر، و هذا ما لا نريده.
عناصر تصميم الموقع: علينا الآن أن نبدأ في تحضير العناصر التي سوف نضعها في تصميم موقعنا، بعض العناصر وجودها فرض على كل موقع، و بعض العناصر الأخرى تعتمد على نوع الموقع و موضوعه. العناصر الواجب حضورها في كل موقع:
- إسم الموقع :شيء بديهي أن يكون لكل موقع إسم معين يطلق عليه، هذا الإسم يجب أن يعبر عن محتوى الموقع بحيث يعطي الزائر فكره أوليه بسيطه عن ما يحتوي الموقع من مواضيع.
- شعار الموقع (tag line) : و هنا لا أقصد الشعار الجرافيكي، بل هو عباره عن جمله معينه تطلق على الموقع بحيث تعطي الزائر فكره عن موضوع الموقع، وهذه الجمله يجب أن لا تكون أطول من 7 كلمات.
- نظام الإبحار (Navigation System) :وهو ما يطلق عليه اسم القائمة الرئيسية، و أيضاً وجوده شيء بديهي، فبدونه لن يكون هناك موقع، بل ستكون عباره عن صفحه واحده مقطّعة الأوصال.
- عبارة ترحيبية:و هنا لا أقصد أن تكتب ستين بيتاً من الشعر لترحب بزوارك، بل عبارة "مرحبا بك" تكفي و تفي بالغرض، فالزائر لم يأتي إلى موقعك لترحب به!
- وضعيه حقوق الموقع:هل تسمح لزوار موقعك أن ينسخوا ما تكتب في موقعك؟ أم أنك تريدهم أن ينسخوا ولكن مع ذكر المصدر؟ أو من الممكن أنك تريد أن تكون حقوق موقعك محفوظه، فلا يستطيع أحدا بهذه الحاله أن يأخذ أي شيء من موقعك إلا بإذن شخصي منك أنت؟
- بيان حماية الخصوصية:و هو من العناصر الغائبه في معظم المواقع العربية، مع أنه من الأمور المهمه جداً في الموقع. في هذا البيان يجب أن تكتب عن المعلومات التي تجمعها من الزائر، و كيف تتصرف بها.
- شروط إستخدام الموقع:أيضاً من العناصر الغائبه في معظم المواقع العربية، و فيه يجب أن تكتب عن الطريقة التي تريد لزوار موقعك أن يتبعوها أثناء زيارتهم. العناصر التي تعتمد على نوع الموقع : هنا لا أستطيع أن أذكر هذه العناصر، لأنها ببساطه و كما ذكرت تعتمد على نوع الموقع. و لكن للمثال سنفترض أن موقعنا عباره عن موقع للتجاره الإلكترونيه، في هذه الحالة العناصر التي نريد أن تكون هناك هي:
- سلة المشتريات:- الحساب الشخصي- وسيله البحث- عروض خاصه (ربما)- البضائع الأكثر شراءاً- تسجيل الدخول- .......... الخ الخ و من هنا نرى أنه عليك و انت تصمم موقعك، أن تحدد العناصر التي تريد وضعها في تصميمك قبل البدء في عمليه التصميم الفعليه. ترتيب العناصر : ملاحظه: هذه العمليه يجب أن تتم على الورق و ليس على الكمبيوتر، تذكر أننا مازلنا في مرحلة التخطيط و ليس البناء الفعلي للموقع.
- الصفحة الرئيسية:عندما تصمم الصفحه الرئيسية في موقعك، إسأل نفسك ماهو الشيء الذي تريد أن تريه الى زائرك عند دخوله إلى موقعك؟ ماهو الشيء الذي تريد أن يلفت إنتباهه؟ ماهو الشيء الذي سيشده أكثر إلى موقعك و سيعلقه به؟ من الممكن أنك تقدم خدمه من خلال موقعك لا يقدمها غيرك من المواقع، أو دعنا نقول عدد قليل منها. أو من الممكن أن مقاله من مقالاتك إنشهرت من خلال الصحف، و تريد أن يقرأها الناس من خلال موقعك أيضاً. فشيء مهم كهذا يجب أن يكون قريب على المستخدم بحيث يصل إليه دون تعب أو بحث. العناصر التي تريد أن تضعها في الصفحه الرئيسية يجب أن تترتب حسب الأهميه، فالعناصر المهمه يجب أن تكون في أماكن بارزه بحيث يراها الزائر بسهوله كإسم الموقع و الذي تعودنا أن نراه في الزاويه اليمنى العليا من الموقع، و القائمه الرئيسية التي عادة ما نراها على الجانب الأيمن من الموقع، و حقوق الموقع و بيان حماية الخصوصيه و شروط إستخدام الموقع الذين عادة ما يكونون في أسفل الموقع. ( ليس من الضروري أن تكون هذه العناصر في المواضع التي ذكرتها و لكن الضروري هنا هو أن تكون سهله الوضول للزوار). أما العناصر الأخرى، فلا أستطيع أن أحدد مكانا معيناً لها (لجهلي بها!)، و لكن ما أستطيع قوله، و هو ما ذكرته قبل ذلك، " الأهم يأتي أولاً " ، كما أنك تستطيع أن ترى تصاميم لمواقع مشابهه لموضوع موقعك و تتعلم منها أيضاً. و من هنا نرى أن كل شيء تراه مهماً في موقعك، يجب أن تضعه في الصفحه الأولى، لكي تسهل على الزائر إيجاده.
- الصفحات الداخلية: بالصفحات الداخلية يجب أن تركز على محتوى الصفحه بأكبر قدر ممكن، ما أعنيه هنا هو لو أنك تصمم صفحه تتحدث فيها عن شيء معين، فلا تشتت ذهن الزائر بالتكلم عن أمور أخرى في هذه الصفحه، أي فقط ركّز على موضوع تلك الصفحه و فقط. و بالطبع عناصر التصميم الأساسيه يجب أن تكون هنا كما بالصفحه الرئيسية، أي إسم الموقع و شعاره و نظام الإبحار.... الخ يجب أن يكونو جميعاً موجودين في جميع الصفحات الداخليه، و بالطبع في نفس الموضع.
- الألوان:يجب أن تحدد لموقعك لون معين تجعله لون الموقع الرسمي، هذا اللون يجب أن يعتمد على موضوع الموقع، فموقع يتكلم عن الغابات و أنواعها، لا يجب أن يكون لونه أصفر أو بيج كلون الصحراء، بل إجعله و ببساطه أخضر ليقابل بالتالي موضوع الموقع. يمكنك أن تجعل هذا اللون كلون للخلفيه أو لون النص أو العناوين الرئيسية في الموقع. أخيراً و كالعادة إسأل أحد الأشخاص المهتمين في موضوع موقعك عن رأيه في التصميم الأولي لموقعك (وحتى و إن كان على الورق)، و حاول أن تعرف منه المواضع الأفضل لعناصر موقعك، فإن هذا من أهم الأمور في تصميم الموقع. هنا تنتهي سلسلة دروس التخطيط لبناء موقع .

http://vb.lll1.com/t6435/

التحضير لبناء مواقع الويب

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

2-مواقع مؤسسية: تبنيها المؤسسات والشركات والهيئات للتعريف بأنشطتها أو ترويج منتجاتها .

3-مواقع شخصية مؤسسية: هي مواقع مصمَّمة أساسا لعرض أفكار وآراء ومبادرات أصحابها، ولكنها تقوم في الوقت نفسه بدور مؤسسي كالتعريف ببلد أو حضارة ما أو تبنّي مشروع معيَّن. ومن الأمثلة على هذه المواقع موقع سمو الشيخ محمد بن راشد آل مكتوم

www.sheikhmohammed.co.ae
التخطيط للموقع (Site Planning)
استنادا إلى تحديد نوع الموقع ( إن كان شخصيا، أم مؤسسيا، أم شخصيا مؤسسيا)، يمكنك تحديد الأسلوب الأمثل للتخطيط له. وبشكل عام، لا بُدَّ من الخطوتين التاليتين:

1-يجب عليك أن تحدِّد الأهداف المرجوّ تحقيقها من الموقع. وسوف تساعدك الإجابة عن الأسئلة التالية في تحديد تلك الأهداف:
• ما طبيعة الدور الذي سيؤديه الموقع ( تثقيفي أم تعليمي متخصِّص أم تسويقي أم شخصي...)؟

• ما هي الخدمات والمعلومات التي سيقدمها الموقع للزائرين؟ من المؤكَّد أن الإجابة عن هذا السؤال تعتمد أساسا على طبيعة الدور الذي سيؤديه الموقع.

• ما هي الأولويات ( أي إن كان الموقع سيقدِّم عدة أنواع من الخدمات والمعلومات، فأي منها له الأولوية القصوى مثلا)؟

• كيف يمكن جعل الموقع مميَّزا أو أعلى مصداقية من المواقع الأخرى؟
2-وضع المخطط العام للموقع، وهو مخطِّط يُبيِّن العلاقة بين صفحات الموقع. ويجب أن يحتوي المخطَّط على العناصر التالية:

• تنظيم هرمي يُبيِّن صفحات الموقع. ويبدأ رأس الهرم بصفحة الموقع الافتتاحية (Web Site Home page)، ويُبيِّن كل مستوى فيه الصفحات المتفرعة عن المستوى الأعلى منه.• شرح موجز لمحتويات كل صفحة على حدة، وتحديد الروابط الموجودة في الصفحة. •شرح يوضِّح بواسطة الأسهم الاتجاه الذي ينبغي أن تسير الروابط تبعاً له.

وينبغي أن نشير هنا إلى أن التخطيط لبناء الموقع يجب أن يتمّ في ضوء الأمور التالية:

• إعداد الميزانية اللازمة لتغطية تكاليف إطلاق الموقع على الإنترنت، ومتابعة تطويره وتحديثه.

• تحديد عدد أعضاء فريق العمل واختصاص كل منهم ( إن كان الموقع شخصيا بسيطا فيمكنك أن تقوم ببنائه بنفسك).

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

جمع وإعداد المحتوى (Content Preparation)
محتوى الموقع هو كل ما يتضمّنه الموقع من مواد مقروءة أو مسموعة أو مرئية. ومواد المحتوى هي الأدوات الرئيسة التي تُتيح للموقع أن يؤدي دوره.وتقع مسؤولية تحديد الكيفية التي يتمّ بها جمع وإعداد مواد المحتوى على مدير الموقع. وإذا كان محتوى الموقع ضخما، فقد يوجِّه مدير الموقع أعضاء من فريق العمل لانتقاء مواد المحتوى من مصادر معتمدة، أو قد يطلب إعداد مواد خاصة بالموقع. وتجدر الإشارة هنا إلى أن مواد المحتوى- سواءً أكانت مقروءة أم مسموعة أم مرئية- يجب أن تراعي آداب الإنترنت (Netiquette) التي تناولتها صفحة المستوى المبتدئ.وفيما يخص مواد المحتوى المقروءة من نصوص ومقالات، فإنه يجدر الالتزام بما يلي:

• الموضوعية؛ فالمادة التي تفتقر إلى الموضوعية تعجز عن إيصال الرسالة المقصودة منها.• الإيجاز؛ ولا زيادة على ما قالت العرب: \\\"البلاغة الإيجاز\\\".

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

• اختيار العناوين بعناية بالغة بحيث تكون لافتة للأنظار؛ لأن تكلفة التراجع عن استعراض الموقع أو الصفحة لا تتعدّى نقرة على زر الماوس يقوم بها الزائر إذا لم يجد غايته ظاهرة على الصفحة بشكل مميز وجذاب.
أما موضوع إعداد الرسوم والصور- وهي جزء مهم من المحتوى- فسوف يتمّ تناوله في مادة (معالجة وتنقيح الرسوم) الواردة لاحقا.
تنسيق صفحات الويب (Page Layout)
ينبغي التعامل مع صفحة الويب على أنها مساحة يجب استغلالها على الوجه الأمثل لإيصال الرسالة المقصودة من الصفحة. وإليك فيما يلي بعض النصائح التي تُعين على تحقيق ذلك:

1. الحرص على تنسيق الصفحة بحيث يكون المحتوى الأساس فيها ظاهرا بالكامل مهما كانت دقة الشاشة التي يستخدمها زائر الموقع.

2-التأكد من جدوى تنسيق صفحات الموقع على هيئة إطارات (frames)؛ لأن تعدّد الإطارات يكلف زائر الموقع جهدا ًإضافياً في التعامل مع الصفحة، بدءاً من إضافتها إلى المواقع المفضلة ووصولا إلى طباعة الصفحة أو طباعة جزء منها. ويمكن الاستعاضة عن الإطارات بالجداول التي يُمكن تقسيمها إلى خلايا. وقد يتطلَّب تنسيق الصفحة باستخدام الجداول جهدا أكبر بقليل، ولكنه يقدِّم حلا ناجعاً يُحسِّن سرعة الاستعراض.

3. الاهتمام بإضافة النص الذي يظهر في شريط الحالة (Status Bar) لأنه يساعد الزائر في اتخاذ قرار متابعة استعراض الموقع أو الانتقال إلى غيره.

4. الاهتمام باختيار أنواع الخطوط وتحري الواضحة منها.

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

6. انتقاء العناوين الجذابة ودمجها في تصميم ترويسة الصفحة (page header). 7. ضبط أحجام النصوص في الصفحات بما يتلاءم مع درجة اهتمام الزائر بموضوع الصفحة، فكلما ازداد اهتمام الزائر بالموضوع ازداد عدد الصفحات الفرعية التي يستعرضها وازداد الوقت الذي يخصصه لقراءة نصوص تلك الصفحات، ولذلك يُفضَّل أن تُراعى الأحجام التالية في نصوص صفحات الموقع:
• حوالي 100 كلمة في الصفحة الافتتاحية للموقع. • حوالي 200 كلمة/صفحة في صفحات الملخصات والمقدمات. • حوالي 400 كلمة/صفحة في الصفحات التفصيلية والفرعية.

http://www.c4arab.com/showac.php?acid=302

تصميم مواقع الويب

• الموقع الحيد لا بد أن يكون:
• سريع التحميل

سهل القراءة

بسيط من حيث التصفح

يوافق احتياجات الهدف منه

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

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

أسهل من ناحية التحكم و التحديد
*الضيق و العميق :

أسرع من ناحية تحميل صفحة ذات بيانات

يبدو مألوفا أكثر

قد يأخذ وقتا أطول لتصل إلى المعلومات التي

لبناء صفحات سهلة الاستخدام و التصفح و ذات تخطيط سهل الاستخدام كالتخطيط الموضح ادناه



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

تطوير المواقع

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

http://www.smartvi.com/webdevelopment.htm

خدمة تصميم المواقع

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

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

http://www.smartvi.com/webdesign.htm.

أنواع تصميم المواقع

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

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

html

http://www.smart4host.com/design.htm

تصميم المواقع

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

تصميم المجلات الإلكترونية

تصميم و تطوير أنظمة النشر الإلكتروني و إدارة المحتوى

تصميم و تطوير الأنظمة المعتمدة كليا على قواعد البيانات

تصميم الواجهات و المواقع بتقنية الفلاش

تصميم المواقع الساكنة و الديناميكية (التفاعلية)

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

http://www.smart4host.com/design.htmً