Cursos / Informática para Internet / Introdução às Tecnologias da Informação / Aula

arrow_back Aula 06 - Navegar é preciso; viver não é preciso

Exercício Resolvido 1

Criando um layout de página com número de colunas variado.

Por exemplo, siga as instruções da próxima prática para criar uma página com layout combinado de 1 coluna e 3 colunas, conforme sugerido na Tabela 3.

Passo Instruções
1 Digite o texto “Título” e, em seguida, pressione Enter.
2 Digite o texto “Corpo do texto em 3 colunas” e, em seguida, pressione Enter.
3 Digite o texto “De volta ao uso de 1 coluna”.
Tabela 3 – Prática para criar layout multicoluna, parte 1.

O resultado seria o apresentado na Figura 15. Finalizada essa primeira parte, vamos selecionar a parte do texto que queremos que tenha um layout em 3 colunas, ou seja, a segunda linha que contém “Corpo do texto em 3 colunas”.

Resultado da digitação do texto proposto

Depois de realizada a seleção do texto na segunda linha, escolhe-se a opção Formatar > Colunas na barra de menu, ativando a caixa de diálogo mostrada na Figura 16. Note que nesta caixa de diálogo a seção Aplicar a está indicando que as modificações de número de colunas serão aplicadas apenas à seleção realizada.

Especificando o número de colunas para uma seleção de texto

Após a definição das 3 colunas, clique sobre o botão OK, para aplicar as mudanças. O resultado será algo parecido com o que está exibido na Figura 17. A partir desse ponto, digite (ou copie) texto dentro da região definida com layout de três colunas. Você irá perceber que o fluxo do texto vai se espalhando e preenchendo as três colunas em ordem, da esquerda para a direita.

Resultado após a criação de 3 coluna

Note que na caixa de diálogo da Figura 16 existe uma opção denominada Distribuir conteúdo uniformemente em todas as colunas. Se essa opção estiver selecionada, isso significa que o fluxo de texto nas colunas vai seguir uma distribuição uniforme, ocupando as três colunas a cada linha.

Por outro lado, se essa opção estiver desmarcada, o fluxo de texto das colunas seguirá o modelo utilizado em jornais, ou seja, ocupar toda a primeira coluna, depois a segunda coluna e por último a terceira coluna. A Figura 18 oferece um desenho esquemático ilustrando os dois estilos de fluxo de texto disponível para layouts com duas ou mais colunas.

Esquema descrevendo as opções de fluxo de texto em <span class='italico'>layout</span> de página com duas ou mais colunas

Versão 5.3 - Todos os Direitos reservados