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”.

Figura 15 - Resultado da digitação do texto proposto
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.

Figura 16 - Especificando o número de colunas para uma seleção de texto
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.

Figura 17 - Resultado após a criação de 3 coluna
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.

Figura 18 - Esquema descrevendo as opções de fluxo de texto em layout de página 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