Blokunun layout nədir? Necə öz site bir səhifə qəbul etmək olar?

öz pages sites etmək öyrənmək üçün bir arzusu var? Sonra nə blok layout mənimsəmiş edək. Layout təcrübəsiz çətinliklər bir sıra cavab, onlar bir çox sual var. blok coding nə düşünün.

Əhəmiyyətli tip

Istifadə WYSIWYG redaktoru belə hər şey aydın idi. onlar hər şeyi anlamaq, çünki notebook yaxşı HTML iş bilənlər. Və başlayanlar, məsələn, Dreamweaver belə FrontPage kimi proqramları istifadə edə və ya edə bilər.

layout sites növləri

susmaya bir neçə növü var:

1. Cədvəlli.
2. Block.
3. Qarışıq.

Biz blok layout maraqlıyıq. masa nə fərqləndirir? DIV tag istifadə blok layout müəyyən üstünlüklərə malikdir:

1. Daha sürətli blokları dizayn ilə bərpa edin.
2. download baş kimi məzmun (masalar fərqli olaraq) blokları göstərilir. Məlum olduğu kimi, bu cədvəllər yalnız bütün masa sonra göstərilir.
3. div-nin asan Kodu oxumaq üçün.

Bu blok layout üçün məşhur bütün üstünlükləri var.

Necə yeri div blokları dəyişdirmək üçün necə?

Bu üzmək üçün kömək edəcək - Aşağıdakı qadirdir bu əmlak,

1. sol - sol align.
2. sağ align üçün - sağ.
3. Element o olduğu heç verilsə, o hərəkət deyil qalır. Bu dəyər default olacaq.

Biz lazım olan bir başqa əhəmiyyətli xüsusiyyəti - aydın. O, 4 dəyərlər ola bilər:

1. əvvəlki maddə altında quraşdırma üçün, sağ, blok hərəkət - sağ.
2. sol köçürülüb əvvəlki element aşağıdakı Sol dəstləri.
3. Hər iki - əvvəlki məcburi blokunun quraşdırılması.
4. Yoxdur köçürülüb ki, həmin elementləri blok nisbətən mövqeyi məhdudiyyətlərin olmaması göstərir.

misal

bir blok kimi baxmaq necə düşünün layout div. Biz kodu yazın:

kodu altında nəticə görmək. istədiyiniz kimi Belə ki, bir neçə xüsusiyyətləri əsasında blok təşkili nəzarət edə bilər. növbəti an gedin. Hər hansı bir brauzerinizin üçün hər məhəllə align, mərkəzi: Biz text-align istifadə.

Gördüyünüz kimi, bu saytda çox sadə məhəllə layout edir. Bu öyrənmək və pages daha çevik strukturu yaratmaq daha xassələri təcrübə vacibdir.

daha əhəmiyyətli bir şey

layout istifadə bir məşhur xüsusiyyət var - mövqe, bu konumlandırma üçün istifadə olunur.

mövqeyi xassələri dəyərlər:

1. Nisbi - orijinal yerlərdə nisbətən elementləri mövqeyini müəyyən edir. Application sol, top, righ, müəyyən bir istiqamətdə alt element hərəkət edir.
2. Static - normal ekran maddə. Bu sağ / sol, top / alt istifadə üçün heç bir əhəmiyyət kəsb edir - heç bir şey səbəb ola bilər.
3. Absolute - mütləq konumlandırma element.
4. Sabit - mütləq bənzər. Bu ekranda müəyyən bir nöqtəyə bağlı, lakin hətta səhifə Flipping əgər, öz mövqeyini dəyişmir.

Bir çox layout blokları bir, sabit mütləq və nisbi konumlandırma istifadə edərkən düzülmüş fark. Və sonra maraqlı bilmək üçün aşağıdakı blokları, hansı yuxarıda olan. Bu suala cavab vermək üçün, siz z-index əmlak lazımdır. Bu yeni səviyyəyə layout blokları gətirdi. Bu təyyarə yerləşdirilməsi üçün, həm də belə bir əmlakın dəyəri müsbət və ya mənfi ola bilər ki, üçüncü ox Z. vasitəsilə nəinki mümkün edir.

3 blok yaradın. mütləq konumlandırma ilə Next, təcrübə.

Gördüyünüz kimi, bu blokları mövqeyini dəyişdirmək üçün asandır. İndi edə bilərlər ki, əsasında, hər hansı bir ibtidai blok layout səhifə etmək. daha xassələri tətbiqi sizin bacarıqlarını artıracaq.