قم بمحاذاة موقعك إلى المركز

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

تعليمات

الخطوة 1

تعتمد طريقة المحاذاة المركزية على طريقة التخطيط. يمكنك استخدام العلامات أو

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

الخطوة 2

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

محتوى الموقع

الخطوه 3

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

* {الهامش: 0 ؛ المساحة المتروكة: 0 ؛}

الجسم {

محاذاة النص: مركز ؛

}

شعبة {

العرض: 700 بكسل ؛

الهامش: 0 تلقائي ؛

}

الخطوة 4

في تخطيط الجدول ، يتم تعيين التوسيط باستخدام الجداول الموجودة في العلامة

… سيكون الرمز كما يلي: <site table

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

الخطوة الخامسة

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

الخطوة 6

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