Cal é o deseño do bloque? Como impoñer unha única páxina de seu sitio por conta propia?

Hai un desexo de aprender a facer os seus propios sitios páxinas? Entón imos ter dominado o que o esquema do bloque. principiante esquema de cumprir unha serie de dificultades, eles teñen unha morea de preguntas. Considero o que é o bloque de codificación.

Unha información importante

Use o editor WYSIWYG, entón todo estaba máis claro. Aqueles que coñecen HTML ben, o traballo no portátil, porque entenden todo. E os principiantes poden sacar proveito de programas como FrontPage ou, por exemplo, Dreamweaver.

Tipo de sitios de deseño

Existen varios tipos de esquema:

1. Tabular.
2. Block.
3. Mesturado.

Estamos interesados no esquema bloque. O que a distingue da mesa? No esquema de bloque usando tag DIV ten certas vantaxes:

1. Prema co deseño dos bloques máis rápidos.
2. Contido amosado bloques (a diferenza de táboas) que a descarga ocorre. Como é sabido, estas táboas amosaranse só despois de que a táboa enteira.
3. Código con div-s máis fácil de ler.

Non son todas as vantaxes, que é famoso para o deseño do bloque.

Como cambiar a situación div de bloques?

Isto axudaranos a flotar - esta propiedade, que é capaz do seguinte:

1. Aliñar á esquerda - esquerda.
2. Para aliñar á dereita - dereita.
3. Elemento permanece onde estaba, non se moverá se deu ningún. Este valor será o estándar.

Outra característica importante que cómpre - claro. Pode ter 4 valores:

1. Para a instalación no elemento anterior, á dereita, bloque - dereita.
2. conxuntos esquerda abaixo o elemento anterior, que é desprazado cara á esquerda.
3. Ambos - Instalación do bloque desprazado anterior.
4. Ningún indica a ausencia de restricións sobre a posición do bloque en relación a eses elementos que son movidos.

exemplo

Debería como vai ollar como un bloque div esquema. Escribimos o noso código:

Baixo o código ve o resultado. Así, con base en varias propiedades poden ser controladas arranxo bloque como desexado. Ir ao seguinte momento. Temos usado text-align: center, para aliñar cada bloque para calquera navegador.

Como verás, é o deseño do bloque moi sinxelo do sitio web. É importante estudar e practicar os máis propiedades que creará unha estrutura máis flexible das páxinas.

Algo máis importante

Hai unha característica popular que se usa no esquema - posición, é usado para o posicionamento.

Os valores das propiedades de posición:

1. Relativa - define a posición dos elementos relativos aos seus lugares orixinais. Aplicación esquerda, superior dereito de, móvese elemento de fondo nun determinado sentido.
2. Estática - elemento de visualización normal. Non ten sentido usar o / esquerda, superior / inferior dereito - pode levar a nada.
3. Absoluto - elemento de posicionamento absoluto.
4. Fixo - semellante absoluta. Está vinculado a un determinado punto da pantalla, pero iso non cambia a súa posición, aínda que a páxina Flipping.

Moitos disposición notado que cando se utiliza un colocación fixa, absoluto e relativo dos bloques son sobrepostos. E entón interesante saber cal dos bloques a continuación, que anteriormente. Para responder a esta pregunta, ten que propiedade z-index. El trouxo bloques de deseño para un novo nivel. Isto fai que sexa posible non só para facer o posicionamento do avión, pero tamén a través do terceiro eixe Z. O valor dunha tal propiedade pode ser positivo ou negativo.

Crear 3 bloques. A continuación, a experiencia co posicionamento absoluto.

Como verás, é doado de cambiar a posición dos bloques. Con base no feito de que agora é capaz de facer calquera páxina de esquema bloque elemental. Aplicando os máis propiedades vai mellorar as súas habilidades.