عند الترميز ، يتعين على مشرف الموقع بذل الكثير من الجهد لجعل الموقع يبدو جيدًا على قدم المساواة مع درجات دقة الشاشة المختلفة. أفضل حل هو توسيط كل المحتوى على الصفحة.
تعليمات
الخطوة 1
تعتمد طريقة المحاذاة المركزية على طريقة التخطيط. يمكنك استخدام العلامات أو
… بالطبع ، من الأسهل لف كل المحتوى في علامة ، لكنها قديمة منذ وقت طويل ، وليس هناك ما يضمن أن كل شيء سيعمل بشكل صحيح. الطريقة الأكثر حداثة هي استخدام تقنية CSS.
الخطوة 2
تفصل العلامة جزءًا من الكود إلى كتلة واحدة ، مما يسمح لك بتغيير مظهر المحتوى ، وإعطاء الجزء خطًا واحدًا ، ولونًا ، وخلفية ، وما إلى ذلك. باستخدام تخطيط الكتلة ، يتم وضع جميع محتويات العلامة في العلامة. في وضعنا المحاذاة مع السمة المحاذاة. سيبدو مثل هذا:
محتوى الموقع
الخطوه 3
يمكن أيضًا تعيين التوسيط باستخدام أدوات CSS. للقيام بذلك ، تحتاج إلى إنشاء ملف منفصل من أوراق الأنماط أو وضع كل شيء في نفس ملف HTML ، في العلامة. سيبدو الرمز كما يلي:
* {الهامش: 0 ؛ المساحة المتروكة: 0 ؛}
الجسم {
محاذاة النص: مركز ؛
}
شعبة {
العرض: 700 بكسل ؛
الهامش: 0 تلقائي ؛
}
الخطوة 4
في تخطيط الجدول ، يتم تعيين التوسيط باستخدام الجداول الموجودة في العلامة
… سيكون الرمز كما يلي: <site table
… سيكون الجدول موجودًا في وسط الصفحة ، على التوالي ، وسيكون محتواه أيضًا. يمكنك أيضًا ضبط عرض أي كتلة عن طريق تحديدها باستخدام معلمة العرض.
الخطوة الخامسة
عند اختيار عرض الصفحة ، ضع في اعتبارك أن دقة شاشة المستخدمين يمكن أن تكون مختلفة تمامًا عن دقة الشاشة لديك. في بعض الأحيان ، حتى لا تخطئ في الحجم ، يجب عليك تعيين كل شيء كنسبة مئوية. هذا مفيد بشكل خاص إذا كان لديك موقع بسيط.
الخطوة 6
أيًا كانت الطريقة التي تستخدمها ، تأكد من أن موقعك يعمل بشكل صحيح في جميع المتصفحات. إذا تم عرضه بشكل غير صحيح لسبب ما في أحدها - أشر إلى ذلك.
