A criação de 3 colunas fixas CSS layout
Neste tutorial, vamos utilizar a extensão Flexi CSS Layouts Dreamweaver para criar um simples layout CSS 3 colunas com uma largura fixa. O layout terá um cabeçalho e rodapé e parte do conteúdo será dividido em 3 colunas. Usando a extensão Flexi CSS Layouts, o esquema vai ser o mesmo em todos os principais navegadores
Requisitos para este tutorial:.
Flexi CSS Layouts é um fácil de usar extensão do Dreamweaver que ajuda a criar layouts de HTML de tabela menos sem codificação, em menos de 5 minutos. Você pode simplesmente criar a estrutura de página diretamente a partir da interface ea extensão criará automaticamente o divs e CSS para o seu layout. Ou escolher entre uma vasta gama de modelos integrados para o seu layout, em seguida, personalizar o layout com as suas próprias regras CSS.
Antes de abrir as Flexi CSS Layouts, você precisa baixar e instalar esta extensão Dreamweaver.
Para baixar a extensão, vá para theproduct pageand baixar uma versão gratuita, ou se você tiver comprado o produto, você pode encontrar o download linkin sua conta no site de Estender Studio.
Depois de ter baixado o kit Flexi CSS Layouts, você precisa instalar a extensão Dreamweaver. Abra o arquivo e clique duas vezes no arquivo .mxp eo Adobe Extension Manager deve abrir e instalá-lo automaticamente. Ou você pode extrair o arquivo, abra o Adobe Extension Manager e selecione instalar. Em seguida, procure a pasta onde você extraiu o arquivo .mxp e clique em Abrir.
Depois que você fez essas etapas, Dreamweaver aberto, vá até o Painel de Insert (pressione CTRL + F2), encontrar o guia Flexi CSS Layouts e pressInsert completa Layout de Página . Veja a imagem abaixo:
Inserir completa de Layout de Página
Após a interface Flexi Layouts abre, você verá uma janela pop-up onde você precisa definir o layout principal Propriedades. Defina a largura par