تصميم المواقع
قد يتساءل الكثير منكم مالمقصود بتصميم المواقع أو كيف يتم ذلك وكيف يعمل الموقع الالكتروني الذي نقوم بزيارته وتصفح المحتوى الموجود بداخله وغيرها الكثير من الأسئلة الشائعة.
عملية تصميم المواقع بشكل علمي هي عبارة عن عملية تخطيط وتنفيذ لمحتويات متنوعة متعددة الوسائط عن طريق شبكة الانترنت, باستخدام أنماط معينة من التقنيات (اللغات البرمجية) ليتم تطبيقها وعرضها على متصفح الانترنت الذي يقوم بدوره بعرض الموقع للمستخدم على شكل واجهات بسيطة وسهلة الفهم والاستخدام, على الاغلب قسم كبير منكم لم يفهم ما الذي اتكلم عنه ولم يفهم أي شيء, وفي الحقيقة هذا أمر طبيعي فعندما نتكلم عن اي لغة برمجة فلن يستطيع أي شخص فهم الأمر بمجرد الحديث عنه فالأمر هنا يعتمد بشكل شبه كلي على التنفيذ العملي وفي نفس الوقت يبقى هنالك دور وان كان بسيط للشرح النظري, وفي هذه التدوينة سأقوم بتبسيط الامور اكثر لكم.
 |
| تصميم مواقع الإنترنت |
المكونات الأساسية
قبل البدء بعملية تصميم أي موقع يجب أن تفهم بأن هناك ثلاث عناصر رئيسية يجب توافرها والتي تعتبر هي المكونات الأساسية لكل موقع الكتروني موجود على شبكة الانترنت العالمية سواء كان كبير او صغير وهي :
1 - اسم الموقع وعنوانه.
2 - الاستضافه : الخادم الذي يتم وضع ملفات الموقع عليه, وهنا المقصود بالخادم هو عبارة عن حاسب ضخم بامكانيات عالية جدا متصل بالانترنت 24/7 .
3 - ملفات الموقع نفسه والتي تمثل محتويات وتنسيقات الموقع التي يتم عرضها للمستخدمين من كتابة أو صور و فيديوهات بكافة الصيغ أو الواجهات التفاعلية.
هذه العناصر الثلاث الرئيسية يجب أن تكون متوفرة في أي موقع بغض النظر عن اللغات المستخدمة أو المنصة المستخدمة بتصميم الموقع, فهذه العناصر يكمل بعضها الآخر لتظهر لنا النتيجة النهائية موقع متكامل سهل الاستخدام والتصفح لأي مستخدم.
بعد فهم المتطلبات الثلاث الرئيسية لتصميم اي موقع ننتقل الان الى ماهية عملية التصميم :
عملية تصميم الموقع او إنشاء موقع انترنت هي عبارة عن مجموعة من الملفات المخزنة جنبا الى جنب على خادم انترنت او اكثر حيث تشمل هذه الملفات (كتابة,صور,فيديوهات,واجهات تفاعلية) مما يتيح عرضها بشكلها النهائي للمستخدم على شكل صفحة انترنت عند طلبها والتي تضم عدة عناصر (نصوص, صور نقطية, نماذج بريدية, وغير ذلك) ويتم تنسيق هذه العملية وترتيب مايظهر اولا و ترتيب الاماكن و الالوان والتنسيقات بشكل عام عبر إحدى اللغات المستخدمة في تصميم المواقع (HTML, XML, XHTML, JAVA SCRIPT, PHP, CSS) وهنالك العديد من اللغات الاخرى المستخدمة في تصميم المواقع والتي سنتكلم عنها في المقالات القادمة إن شاء الله, هذه اللغات ايضا تقسم الى قسمين الاول من جانب العميل مثل (HTML, CSS, JAVA SCRIPT) القسم الثاني من جانب الخادم (PHP, ASP.NET, RUBY).
أساسيات تصميم المواقع :
هنالك امور يجب مراعاتها عند تصميم الموقع وبدأ العمل عليه فمن المهم ان يكون تصميم الموقع جيدا و متجاوب مع محركات البحث فإذا كان موقعك يقدم محتوى جيد وفريد ومتميز وكان تصميمه رديء او غير متجاوب وبطيء فهذا سينعكس سلبا على محتوى موقعك بالرغم من جودة المحتوى المقدم ويترك انطباعا سيئا لدى المستخدم, وفي الجانب الآخر اذا كان موقعك ذو تصميم رائع وجميل ومتكامل وكان المحتوى الذي فيه رديء فعندها ايضا سيكون موقعك عديم الفائدة والقيمة, لذلك يجب مراعاة كلا الجانبين, بأن يكون تصميم موقعك جيد ومتجاوب وفي نفس الوقت الحرص على تقديم محتوى متميز ومفيد وهذان شرطان أساسيان لنجاح أي موقع على الانترنت.
التصميم و المحتوى :
- بعد أن تكلمنا عن التصميم الجيد والجميل والمحتوى الفريد والمفيد لابد من ذكر بعض النقاط وتوضيحها عن كلا الأمرين وكيف نحقق كلا النقطتين في نفس الوقت وتجنب الوقوع في بعض الأخطاء.
- عندما تبدأ بتصميم موقعك لابد أن تحرص على عدم تداخل التصميم و خلفية التصميم والالوان المستخدمة في التصميم مع المحتوى باي شكل من الاشكال, فلا بد ان يكون المحتوى مقروءا و واضحا قدر الإمكان.
- سهولة التصفح والوصول والمقصود أنه يجب أن يكون تصفح المحتوى الخاص بالموقع سهل و واضح للمستخدم وان يكون قادرا على الوصول إلى أي صفحة يبحث عنها على موقعك دون بذل أي جهد وان تكون الوصلات واضحة في الصفحة وذلك عن طريق ابرازها باي شكل من الأشكال سواء عن طريق تمييزها بلون مختلف عن بقية المحتوى أو من خلال وضعها في مكان ضاهر, والامر ايضا ينطبق على الصفحات وعناوينها فمن المهم أن يكون المستخدم على علم بعنوان الصفحة التي هو فيها حاليا وهذا عن طريق نفس الخطوات التي ذكرناها بالنسبة للوصلات تغير لون عنوان الصفحة و جعله مقروءا وأن يكون مكانها واضحا وظاهرا.
- سهولة التحميل من العوامل الرئيسية التي يجب أيضا أخذها بعين الاعتبار, يجب أن يكون تصميم موقعك يمتاز بسهولة التحميل وسرعته, فانا وانت كمتصفح انترنت ليس لدينا الصبر الكافي وا بمعنى اخر انا لست مجبرا على الانتظار لفترة طويلة حتى يظهر لي المحتوى الذي ابحث عنه, وإذا وجدنا بأن موقع ما يأخذ وقتا أطول من اللازم فسرعان ما سنخرج منه و نتجه لموقع آخر بحثا عن ما نريد, أليس هذا ما يحدث مع الجميع وكلنا نعرف ذلك, فمن المهم العمل على جعل الموقع متجاوب ويفتح بشكل سريع ودون اخذ وقت طويل للحفاظ على علاقة جيدة مع المستخدمين ومع عناكب البحث الخاصة بالمتصفحات, ومن الجدير بالذكر بان بطئ الموقع لا يؤثر على المستخدم فحسب بل ايضا على ترتيب موقعك وفرص ظهوره في نتائج البحث الاولى.
اتمنى ان اكون قد قمت بتغطية بعض التساؤلات من خلال هذه التدوينة وسنكمل في التدوينات القادمة سوف نتعمق أكثر وستكون هنالك دورة مجانية على موقعنا لتصميم مواقع الانترنت وستشمل هذه الدورة على عدة لغات بالإضافة إلى دورات مخصصة لتصميم المواقع عن طريق المنصات العالمية المشهورة (بلوجر, ووردبريس, جوملا), لاتنسوا متابعة موقعنا ومتابعتنا على صفحة الفيسبوك لتكونوا على اطلاع بموعد بدء الدورة ان شاء الله.
الخال أكاديمي يسعى موقعنا لتقديم الشروحات لكل المستويات.
حيث ستجدون فيه
ليست هناك تعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.