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

جدول المحتويات:

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

فيديو: قم بمحاذاة موقعك إلى المركز

فيديو: قم بمحاذاة موقعك إلى المركز
فيديو: How to Align Image to the Center of Canvas in Photoshop CS6 2024, شهر نوفمبر
Anonim

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

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

تعليمات

الخطوة 1

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

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

الخطوة 2

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

محتوى الموقع

الخطوه 3

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

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

الجسم {

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

}

شعبة {

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

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

}

الخطوة 4

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

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

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

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

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

الخطوة 6

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

موصى به: