*   >> Leitura Educação Artigos >> science >> Programas

Criando um 3 colunas fixas Css Layout

a 960px, centro align layout e sem cor de fundo. Como uma prática recomendada, defina as regras CSS a serem gravados para um arquivo CSS externo.

Criando um novo layout

Pressione OK e vamos começar. Você precisa adicionar 3 linhas:. Cabeçalho, conteúdo e rodapé

Etapa 3. Adicionando o cabeçalho, conteúdo e rodapé linhas

Vá para a guia Inserir linhas e selecione 3 linhas:

Seleção 3 linhas

Um pop-up será aberta e precisamos especificar a altura mínima das linhas. A primeira linha será o cabeçalho, e configurá-lo para 100px.

Se você tem mais conteúdo, a altura da linha aumentará automaticamente. Defina a segunda linha para 600px (deve ser maior porque o conteúdo vai chegar lá). A última linha será o rodapé; configurá-lo para 100px de altura e pressione ok.

Definir as 3 linhas altura

No separador estrutura, clique duas vezes na primeira fila com o nome "header" eo rodapé linha 3th

Etapa 4. . Adicionando 3 colunas na área Conteúdo

Selecione a segunda linha, vá até o botão Inserir Colunas e adicionar 3 colunas.


Adicionando 3 colunas

Um novo pop-up será aberta onde você deve definir a largura para o 3 colunas. Definir a primeira largura da coluna para 180px, a segunda coluna para 580px e a última coluna para 200px. Se você definir a largura de uma coluna maior que o espaço disponível, em seguida, a interface Flexi Layouts vai deixar você saber

Adicionando 3 colunas

Nomeie as colunas da esquerda para a direita:.. Esquerda Sidebar, Conteúdo e direito Sidebar

< h3> Etapa 5.

O upload da página no servidor

Depois de clicar em Inserir, layout de página completa com 3 colunas css personalizado e cabeçalho e rodapé é inserido na página. Seu novo layout css deve ser algo como na imagem abaixo:

completa Layout de Página

Tudo que você precisa fazer é preencher a página com conteúdo e fazer o upload do arquivo eo /inclui pasta para o server.Note testes: Antes de carregar o site no servidor de produção, você deve definir o modo de depuração para fora para todos os arquivos.

Para fazer isso, clique em "ativar o modo de depuração off" no painel Flexi CSS Layouts no Dreamweaver.

Indicações de uso do layout

  • No cabeçalho você pode adicionar seu próprio logotipo eo menu de navegação. Você pode dar uma olhada em theCreative DW Menusto construir um menu em flash em segundos. Ou se você gosta, você pode adicionar um slideshow flash fresco no seu cabeçalho. Construindo

    Page   <<  [1] [2] [3] >>
  • Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.