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

تقنيات تصميم المواقع (الجزءالتانى)

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

الطباعة
قد يختار مصممو الويب قصر مجموعة متنوعة من محارف مواقع الويب على عدد قليل فقط من أنماط مماثلة ، بدلاً من استخدام مجموعة واسعة من المحارف أو أنماط الكتابة. تتعرف معظم المتصفحات على عدد محدد من الخطوط الآمنة ، والتي يستخدمها المصممون بشكل أساسي لتجنب المضاعفات.
تم تضمين تنزيل الخطوط لاحقًا في وحدة خطوط CSS3 ومنذ ذلك الحين تم تنفيذه في Safari 3.1 و Opera 10 و Mozilla Firefox 3.5. أدى هذا لاحقًا إلى زيادة الاهتمام بطباعة الويب ، فضلاً عن استخدام تنزيل الخطوط.
تتضمن معظم تخطيطات المواقع مساحة سالبة لتقسيم النص إلى فقرات وأيضًا تجنب النص المحاذي للوسط.
الرسوم المتحركة
قد يتأثر تخطيط الصفحة وواجهة المستخدم أيضًا باستخدام الرسوم المتحركة. قد يعتمد اختيار استخدام الرسوم المتحركة أو عدم استخدامها على السوق المستهدف لموقع الويب. قد تكون الرسوم المتحركة متوقعة أو على الأقل يتم تلقيها بشكل أفضل من خلال موقع ويب موجه للترفيه. ومع ذلك ، قد يجد الجمهور المستهدف لموقع الويب الذي لديه اهتمام أكثر جدية أو رسمية (مثل الأعمال التجارية أو المجتمع أو الحكومة) الرسوم المتحركة غير ضرورية ومشتتة للانتباه إذا كان ذلك لأغراض الترفيه أو الديكور فقط. هذا لا يعني أنه لا يمكن تحسين المحتوى الأكثر جدية بعروض الرسوم المتحركة أو عروض الفيديو ذات الصلة بالمحتوى. في كلتا الحالتين ، قد يُحدث تصميم الرسوم المتحركة فرقًا بين المرئيات الأكثر فعالية أو المرئيات المشتتة للانتباه.
يمكن أن تؤدي الرسوم المتحركة التي لم يبدأها زائر الموقع إلى حدوث مشكلات تتعلق بإمكانية الوصول. تتطلب معايير إمكانية الوصول لاتحاد شبكة الويب العالمية أن يكون زوار الموقع قادرين على تعطيل الرسوم المتحركة.
جودة الكود
قد يعتبر مصممو مواقع الويب أن الالتزام بالمعايير يعد ممارسة جيدة. يتم ذلك عادةً عن طريق وصف يحدد ما يقوم به العنصر. قد لا يؤدي عدم التوافق مع المعايير إلى جعل موقع الويب غير قابل للاستخدام أو عرضة للخطأ ، ولكن يمكن أن ترتبط المعايير بالتخطيط الصحيح للصفحات من أجل سهولة القراءة بالإضافة إلى التأكد من إغلاق العناصر المشفرة بشكل مناسب. يتضمن ذلك أخطاء في التعليمات البرمجية ، وتخطيطًا أكثر تنظيماً للكود ، والتأكد من تحديد المعرفات والفئات بشكل صحيح. أحيانًا ما تسمى الصفحات المشفرة بشكل سيئ بالعامية حساء العلامات. لا يمكن إجراء التحقق من الصحة عبر W3C [8] إلا عند إجراء إعلان DOCTYPE صحيح ، والذي يستخدم لتمييز الأخطاء في التعليمات البرمجية. يحدد النظام الأخطاء والمجالات التي لا تتوافق مع معايير تصميم الويب. يمكن للمستخدم بعد ذلك تصحيح هذه المعلومات.
المحتوى الذي تم إنشاؤه
هناك طريقتان لإنشاء مواقع الويب: بشكل ثابت أو ديناميكي.

المواقع الثابتة
يخزن موقع الويب الثابت ملفًا فريدًا لكل صفحة من موقع الويب الثابت. في كل مرة يتم طلب هذه الصفحة ، يتم إرجاع نفس المحتوى. يتم إنشاء هذا المحتوى مرة واحدة ، أثناء تصميم الموقع. عادة ما يتم تأليفه يدويًا ، على الرغم من أن بعض المواقع تستخدم عملية إنشاء آلية ، على غرار موقع ويب ديناميكي ، يتم تخزين نتائجها على المدى الطويل كصفحات مكتملة. أصبحت هذه المواقع الثابتة التي تم إنشاؤها تلقائيًا أكثر شيوعًا في حوالي عام 2015 ، مع مولدات مثل Jekyll و Adobe Muse. [16]
تتمثل مزايا موقع الويب الثابت في أنه كان من الأسهل استضافته ، حيث أن الخادم الخاص بهم يحتاج فقط لخدمة المحتوى الثابت ، وليس تنفيذ البرامج النصية من جانب الخادم. هذا يتطلب إدارة أقل للخادم وفرصة أقل لكشف الثغرات الأمنية. يمكنهم أيضًا خدمة الصفحات بسرعة أكبر ، على أجهزة خادم منخفضة التكلفة. أصبحت هذه الميزة أقل أهمية مع توسع استضافة الويب الرخيصة لتقديم ميزات ديناميكية أيضًا ، وقدمت الخوادم الافتراضية أداءً عاليًا لفترات قصيرة بتكلفة منخفضة.
تحتوي جميع مواقع الويب تقريبًا على بعض المحتوى الثابت ، مثل الأصول الداعمة مثل الصور وأوراق الأنماط تكون عادةً ثابتة ، حتى على مواقع الويب ذات الصفحات الديناميكية للغاية.
مواقع ديناميكية
يتم إنشاء مواقع الويب الديناميكية بشكل سريع وتستخدم تقنية من جانب الخادم لإنشاء صفحات ويب. عادةً ما يستخرجون محتواهم من قاعدة بيانات خلفية واحدة أو أكثر: بعضها عبارة عن استعلامات قاعدة بيانات عبر قاعدة بيانات علائقية للاستعلام عن كتالوج أو لتلخيص المعلومات الرقمية ، والبعض الآخر قد يستخدم قاعدة بيانات مستندات مثل MongoDB أو NoSQL لتخزين وحدات أكبر من المحتوى ، مثل منشورات المدونة أو مقالات wiki.
في عملية التصميم ، غالبًا ما تكون الصفحات الديناميكية مصطنعة أو مؤطرة سلكية باستخدام صفحات ثابتة. تعد مجموعة المهارات اللازمة لتطوير صفحات الويب الديناميكية أوسع بكثير من تلك الخاصة بالصفحات الثابتة ، والتي تتضمن ترميز جانب الخادم وقاعدة البيانات بالإضافة إلى تصميم واجهة جانب العميل. حتى المشاريع الديناميكية متوسطة الحجم تكون دائمًا جهدًا جماعيًا.
عندما تم تطوير صفحات الويب الديناميكية لأول مرة ، تم ترميزها عادةً بلغات مثل Perl أو PHP أو ASP. استخدمت بعض هذه ، لا سيما PHP و ASP ، أسلوب “القالب” حيث تشبه الصفحة من جانب الخادم بنية الصفحة المكتملة من جانب العميل ويتم إدخال البيانات في الأماكن المحددة بواسطة “العلامات”. كانت هذه وسيلة تطوير أسرع من الترميز بلغة تشفير إجرائية بحتة مثل Perl.
تم الآن استبدال هذين الأسلوبين في العديد من مواقع الويب بأدوات عالية المستوى تركز على التطبيقات مثل أنظمة إدارة المحتوى. تعتمد هذه على منصات الترميز ذات الأغراض العامة وتفترض وجود موقع ويب لتقديم محتوى وفقًا لأحد النماذج العديدة المعروفة جيدًا ، مثل مدونة متسلسلة زمنيًا أو مجلة موضوعية أو موقع إخباري أو موقع wiki أو منتدى مستخدم. هذه الأدوات تجعل تنفيذ مثل هذا الموقع سهل للغاية ، ومهمة تنظيمية وقائمة على التصميم بحتة ، دون الحاجة إلى أي تشفير.
يمكن تحرير المحتوى نفسه (بالإضافة إلى صفحة النموذج) عن طريق الموقع نفسه وباستخدام برامج الطرف الثالث. يتم توفير القدرة على تحرير جميع الصفحات فقط لفئة معينة من المستخدمين (على سبيل المثال ، المسؤولين أو المستخدمين المسجلين). في بعض الحالات ، يُسمح للمستخدمين المجهولين بتعديل محتوى ويب معين ، وهو أقل تكرارًا (على سبيل المثال ، في المنتديات – إضافة الرسائل). ويكيبيديا هي مثال لموقع مع تغيير مجهول