طرح از بلوک چیست؟ چگونه برای تحمیل یک صفحه از سایت شما خود به خود؟

یک میل به یادگیری را به صفحات سایت های خود شما وجود دارد؟ سپس اجازه دهید چه طرح بلوک تسلط دارند. تازه کار طرح دیدار با تعدادی از مشکلات، آنها بسیاری از سوالات. در نظر بگیرید چه برنامه نویسی بلوک است.

نوک مهم

استفاده از ویرایشگر WYSIWYG، بنابراین همه چیز واضح تر بود. کسانی که HTML خوبی، کار مطمئن شوید در نوت بوک، چرا که آنها همه چیز را درک. و مبتدیان می توانید با استفاده از برنامه هایی مانند فرانت پیج یا، برای مثال، Dreamweaver و.

انواع سایت های طرح

انواع مختلفی از طرح وجود دارد:

1. بشقاب.
2. بلوک.
3. مخلوط می شوند.

ما علاقه مند به طرح بلوک می باشد. چه آن را از جدول متمایز می کند؟ در طرح بلوک با استفاده از تگ DIV دارای مزایای خاص:

1. بار با طراحی از بلوک های سریع تر.
2. محتوای بلوک نمایش داده شده (بر خلاف جداول) به عنوان دانلود رخ می دهد. عنوان شناخته شده است، این جداول را تنها پس از کل جدول نشان می دهد.
3. کد با DIV-S راحت تر بخوانید.

این نه تمام مزایای استفاده، مشهور است که برای طرح بلوک است.

چگونه به تغییر محل DIV-بلوک؟

این به ما کمک خواهد کرد که به شناور - این ویژگی، است که قادر به شرح زیر است:

1. تراز چپ - چپ.
2. به چین راست - راست.
3. عنصر باقی مانده است که در آن او بود، او نمی خواهد حرکت کند اگر با توجه به هیچ کدام. این مقدار خواهد بود که به طور پیش فرض.

یکی دیگر از ویژگی مهم است که ما نیاز داریم - روشن است. او ممکن است 4 ارزش را داشته باشد:

1. برای نصب و راه اندازی تحت مورد قبلی، حرکت به سمت راست، بلوک - راست.
2. مجموعه سمت چپ در زیر عنصر قبلی، است که به سمت چپ منتقل شده است.
3. هر دو - نصب و راه اندازی بلوک آواره قبلی است.
4. هیچ نشان می دهد عدم وجود محدودیت در موقعیت بلوک نسبت به این عناصر که نقل مکان کرد.

مثال

در نظر بگیرید که چگونه از آن خواهد شد مثل یک بلوک نگاه DIV طرح. ما ارسال کد ما:

بر اساس کد شما نتیجه را ببینید. بنابراین، بر اساس چند خواص را می توان به عنوان مورد نظر کنترل در قالب بلوکهای. برو به لحظه بعد. ما تراز متن استفاده کرده اند: مرکز، به چین هر بلوک برای هر مرورگر.

همانطور که می بینید، آن طرح بلوک کاملا ساده از سایت است. این مهم است که به مطالعه و تمرین خواص بیشتری است که به یک ساختار انعطاف پذیر تر از صفحات ایجاد کنید.

چیزی مهم تر

یکی از ویژگی های محبوب است که در طرح استفاده می شود وجود دارد - موقعیت، آن است که برای موقعیت استفاده می شود.

مقادیر خواص موقعیت:

1. نسبی - مجموعه موقعیت عناصر نسبت به مکان اصلی خود را. کاربرد سمت چپ، بالا، برگیرنده، حرکت می کند عنصر پایین در یک جهت خاص.
2. استاتیک - آیتم ها طبیعی است. این باعث می شود هیچ حس به استفاده از سمت راست / چپ، بالا / پایین - ممکن است به هیچ چیز منجر شود.
3. مطلق - عنصر موقعیت مطلق.
4. ثابت - مشابه مطلق است. این است که به یک نقطه خاص بر روی صفحه نمایش محدود، اما آن را موقعیت خود را تغییر دهید، حتی اگر صفحه کوه در می رم.

بسیاری از طرح متوجه شد که وقتی با استفاده از یک موقعیت ثابت، مطلق و نسبی بلوک ها سوار شود. و پس از آن جالب است بدانید که از بلوک های زیر، که در بالا. برای پاسخ به این سوال، شما نیاز خاصیت z-index. این بلوک طرح به یک سطح جدید به ارمغان آورد. این امکان نه تنها به موقعیت هواپیما، بلکه با استفاده از زهرا محور سوم ارزش چنین ملک ممکن است مثبت یا منفی باشد.

درست 3 بلوک. بعد، آزمایش با موقعیت مطلق.

همانطور که می بینید، از آن آسان است به تغییر موقعیت از بلوک. بر اساس این واقعیت است که شما در حال حاضر قادر، به هر گونه صفحه طرح بلوک ابتدایی. استفاده از خواص بیشتری به شما خواهد مهارت های خود را بهبود بخشد.