Apresentação de títulos de diferentes níveis, listas simples. Design de títulos de apresentações. Instruções passo a passo com fotos. Inserindo palavras-chave

Home > Auxílio didático 4 Trabalhando com listas e títulos de slides. 4.1 Visualizar e editar títulos de slides

O painel de estrutura de tópicos da apresentação exibe todos os títulos dos slides como títulos de estrutura de tópicos. Se a sua apresentação contiver muitos slides, você poderá recolher o layout da apresentação para que os títulos apareçam na tela em vez do texto real dos slides.

Para recolher todos os títulos de slides na estrutura, clique no botão Expandir tudo na barra de ferramentas padrão. Clicar neste botão novamente expandirá a estrutura de toda a apresentação.

Para alterar o título do slide:

Clique no título do slide que deseja alterar no painel de estrutura de tópicos. Um cursor em forma de I aparecerá no título do slide.

Insira o texto necessário. Ao editar o título do texto, você pode usar as teclas de seta e.

4.2 Alterando o texto do slide

A maioria dos slides contém algum tipo de texto. Usando o painel de estrutura, você pode adicionar, excluir e alterar o texto do slide.

Em uma apresentação, para adicionar texto a um slide usando o painel Estrutura de tópicos:

Clique à direita do título do slide ao qual deseja adicionar texto e pressione a tecla. O PowerPoint exibirá um ícone de slide diretamente abaixo do slide selecionado na etapa 1.

Clique no botão Rebaixar (seta para a direita) na barra de ferramentas de formatação. O ícone do slide que aparece desaparecerá e você poderá inserir texto na janela do slide selecionado.

Insira o texto do slide necessário. À medida que você insere o texto, o PowerPoint o exibe na janela de slides.

O posicionamento do texto sob o título do slide determina seu posicionamento no slide. Para alterar a localização do texto em um slide, faça o seguinte:

No painel de estrutura de tópicos da apresentação, mova o ponteiro do mouse para a borda esquerda do texto (posicionando-o acima do marcador à esquerda do texto) que deseja mover. O ponteiro do mouse mudará para uma seta de quatro pontas.

Enquanto mantém pressionado o botão esquerdo do mouse, mova o mouse. O ponteiro do mouse mudará para uma seta de duas pontas. Uma linha aparecerá indicando para onde o PowerPoint moverá o texto após você soltar o botão esquerdo do mouse.

5 Trabalhando com slides de apresentação. 5.1 Adicionando um slide

Cada título de esboço no painel de esboço da apresentação representa um slide. Para adicionar um novo slide, faça o seguinte:

Pressione a tecla. O PowerPoint exibirá um novo ícone de slide acima do título selecionado na etapa 1.

Clique no botão de seta para cima para mover o ponteiro do mouse até o título do slide criado. O PowerPoint exibirá um novo slide.

Insira o texto do título no painel de estrutura da apresentação. À medida que você insere o texto do título, o PowerPoint o exibe automaticamente no painel Esboço e no painel Slide. Para adicionar um novo slide e escolher um layout de slide para exibir texto e gráficos, faça o seguinte:

Coloque o ponteiro do mouse à esquerda do título no painel de estrutura e clique com o botão esquerdo. O título aparecerá abaixo do slide que você escolheu adicionar à sua apresentação.

Execute o comando Inserir→Novo Slide. A caixa de diálogo Criar slide será aberta (Fig. 5).

Clique no layout de slide apropriado e clique em OK.

Insira o texto do título no painel de estrutura da apresentação. Qualquer texto inserido aparecerá no painel de esboço da apresentação e no painel de slides.

Figura 5. Criando um slide.

5.2 Excluindo um slide

Às vezes é necessário excluir um slide. Para fazer isso, faça o seguinte.

No painel de estrutura da apresentação, passe o mouse sobre o ícone do slide que deseja excluir e clique com o botão esquerdo. O PowerPoint destacará o título e quaisquer subtítulos abaixo dele.

Pressione a tecla< Delete >. O PowerPoint removerá o slide selecionado.

5.3 Alterando a ordem dos slides

O painel de estrutura da apresentação permite ver a ordem dos slides. Se você não gostar da ordem em que os slides estão organizados, poderá alterá-la a qualquer momento.

Se a sua apresentação contiver um grande número de slides, você poderá recolher os títulos do esboço para ver os títulos dos slides. Para recolher os títulos do esboço, clique no botão Expandir tudo na barra de ferramentas padrão.

Para alterar a ordem dos slides:

No painel de esboço da apresentação, passe o mouse sobre o ícone do slide próximo ao título do esboço (título do slide) que deseja mover e clique com o botão esquerdo. O PowerPoint destacará o título e quaisquer subtítulos abaixo dele.

Mova o mouse. Uma linha horizontal aparecerá indicando para onde o PowerPoint moverá o slide após você soltar o botão esquerdo do mouse.

Solte o botão esquerdo do mouse quando a linha estiver no local desejado.

O painel de estrutura da apresentação permite alterar facilmente a ordem dos slides, mas não permite ver as posições relativas dos slides. Se quiser ver como os slides são posicionados uns em relação aos outros, use o procedimento a seguir.

Selecione o comando Exibir → Classificador de slides do PowerPoint para exibir todos os slides da apresentação (Fig. 6).

Figura 6. Visualizando slides usando o Classificador de slides

Passe o mouse sobre o slide que deseja mover e clique com o botão esquerdo do mouse. O PowerPoint colocará o slide em uma moldura preta.

Mova o ponteiro do mouse para onde deseja que o slide fique. Uma linha vertical aparecerá indicando para onde o PowerPoint moverá o slide após você soltar o botão esquerdo do mouse.

Solte o botão esquerdo do mouse quando a linha estiver no local desejado na tela. O PowerPoint renumerará automaticamente os slides.

Selecione Exibir→Normal.

Convertendo títulos de esboço em subtítulos (e vice-versa)

Os títulos do esboço correspondem aos títulos dos slides e os subtítulos do esboço correspondem ao texto do slide. Graças aos avanços modernos da tecnologia, o PowerPoint permite converter títulos de esboço em subtítulos e vice-versa.

Para converter um título de estrutura de tópicos em um subtítulo, no painel de estrutura de tópicos da apresentação, clique no título de estrutura de tópicos que deseja converter em um subtítulo e, em seguida, clique no botão Rebaixar padrão da barra de ferramentas.

Para converter um subtítulo em um título de estrutura de tópicos, na barra de estrutura de tópicos da apresentação, clique no subtítulo que deseja converter em um título de estrutura de tópicos e, em seguida, clique no botão da barra de ferramentas Promover padrão.

5.4 Adicionando notas aos slides

O painel Notas permite adicionar notas a qualquer slide. Os comentários podem ser usados ​​em apresentações ou distribuídos como pontos de discussão que podem ser muito úteis para o público.

O texto do comentário não é exibido no próprio slide. As anotações permitem “anexar” texto de apoio aos seus slides.

Para adicionar um comentário a um slide:

Clique no painel de comentários. O PowerPoint exibirá cada slide junto com uma caixa de texto para você inserir comentários (veja a Figura 12-4).

Insira o texto necessário.

6 Salvando apresentações

Antes de poder visualizar as apresentações que você criou do zero, elas precisam ser salvas. Dependendo dos seus objetivos, as apresentações do PowerPoint podem ser salvas como um arquivo ou como uma página da Web.

6.1 Salvando um arquivo com um novo nome

A única maneira fácil de criar uma apresentação rapidamente é abrir uma apresentação existente e salvar seu arquivo com um novo nome. Dessa forma, você pode fazer alterações em uma apresentação existente em vez de criar uma nova apresentação do zero.

Para salvar o arquivo com um nome diferente, selecione Arquivo →Salvar como.

6.2 Salvando uma apresentação em Power Point como uma página da Web

Se você criou uma apresentação muito valiosa, poderá salvá-la no formato de página da Web. Para fazer isso, faça o seguinte.

Clique no botão Editar à direita da palavra Título. A caixa de diálogo Definir título da página é exibida.

Digite o título que deseja que apareça no topo da página da Web e clique em OK.

Para ver sua apresentação do PowerPoint como uma página da Web, escolha Arquivo → Visualização da página da Web ou inicie o navegador da Web e carregue a página da Web que você acabou de criar para ver como ela aparecerá na Internet.

7 Imprimindo uma apresentação

Depois de obter o aspecto desejado da apresentação, imprima o resultado do seu trabalho para ter o resumo do relatório à sua frente ou pendure sua obra de arte no quadro de avisos. Para imprimir uma apresentação, faça o seguinte:

Selecione Arquivo →Imprimir. A caixa de diálogo Imprimir é aberta.

Clique na caixa Imprimir e selecione uma das opções a seguir.

Slides. Imprime um slide por página, permitindo que você veja o texto e as imagens do slide.

Problemas. Em cada página são impressas diversas imagens em miniatura: slides, permitindo que o espectador leve consigo o exemplar emitido e estude em casa.

Notas. Somente as notas do slide são impressas. Essas notas podem ser distribuídas ao público ou utilizadas durante a apresentação.

Estrutura. O esboço da apresentação é impresso, permitindo visualizar a estrutura de toda a apresentação, mas sem imagens gráficas.

Você também pode limitar a área de impressão a números de slides específicos selecionando o botão de opção Slide atual ou preenchendo o campo Slides na seção Intervalo de impressão.

Clique OK.

8 Introdução às imagens 8.1 Imagens vetoriais

Os gráficos vetoriais descrevem imagens usando linhas retas e curvas chamadas vetores, bem como parâmetros que descrevem cores e layout. Por exemplo, a imagem de uma folha de árvore é descrita por pontos através dos quais passa uma linha, criando assim o contorno da folha. A cor da folha é determinada pela cor do contorno e pela área dentro desse contorno.

A representação vetorial consiste em descrever os elementos da imagem com curvas matemáticas que indicam suas cores e ocupação (lembre-se, um círculo e um círculo têm formas diferentes). Uma elipse vermelha sobre um fundo branco será descrita por apenas duas fórmulas matemáticas - um retângulo e uma elipse com as cores, tamanhos e localização correspondentes. Outra vantagem é o dimensionamento de alta qualidade em qualquer direção. Aumentar ou diminuir objetos é feito aumentando ou diminuindo os coeficientes correspondentes nas fórmulas matemáticas.

8.2 Bitmaps

Os gráficos raster descrevem imagens usando pontos coloridos, chamados pixels, dispostos em uma grade. Por exemplo, a imagem de uma folha de árvore é descrita pela localização e cor específicas de cada ponto da grade, criando uma imagem muito semelhante a um mosaico. Ao editar gráficos raster, você está editando pixels, não linhas. Os gráficos raster dependem da resolução porque as informações que descrevem a imagem são anexadas a uma grade de tamanho específico. Ao editar gráficos raster, a qualidade de sua apresentação pode mudar. Em particular, o redimensionamento de gráficos raster pode fazer com que as bordas da imagem fiquem desgastadas à medida que os pixels são redistribuídos na grade.

A base da representação raster dos gráficos é um pixel (ponto) que indica sua cor. Ao descrever, por exemplo, uma elipse vermelha sobre um fundo branco, é necessário indicar a cor de cada ponto da elipse e do fundo. A imagem é representada como um grande número de pontos - quanto mais houver, melhor será visualmente a imagem e maior será o tamanho do arquivo. Aqueles. uma ou mesmo uma imagem pode ser apresentada com melhor ou pior qualidade de acordo com o número de pontos por unidade de comprimento - resolução (geralmente pontos por polegada - dpi ou pixels por polegada - ppi).

8.3 Imagem vetorial como imagem composta

O PowerPoint tem muitas opções para trabalhar com imagens vetoriais. Você pode usar imagens prontas, por exemplo, da biblioteca Clipart ou da Internet. Você mesmo pode desenhar imagens vetoriais.

Para inserir uma imagem da biblioteca (Clipart) em um slide, você precisa selecionar o comando Desenho (Imagens) no menu Inserir. A biblioteca contém muitas fotos sobre vários tópicos. Selecione o tópico que você precisa clicando com o botão esquerdo.

Depois de selecionar a imagem desejada, na janela que se abre, clique no botão Inserir clipe. A imagem será inserida no slide atual.

A imagem vetorial tem várias camadas. Cada elemento desta imagem - uma linha, retângulo, círculo ou pedaço de texto - está localizado em sua própria camada. Cada elemento de uma imagem vetorial é um objeto que é descrito por meio de uma linguagem especial (equações matemáticas de retas, arcos, círculos, etc.). Além disso, objetos complexos (linhas tracejadas, várias formas geométricas) são descritos como um conjunto de objetos gráficos elementares (linhas, arcos, etc.).

Essa imagem vetorial é uma coleção de camadas contendo vários objetos gráficos. Camadas sobrepostas formam uma imagem sólida.

Objetos de imagem vetorial podem alterar seus tamanhos arbitrariamente sem perda de qualidade.

9 Operações básicas em elementos de imagem vetorial

9.1 Transformações geométricas.

Movendo-se

Você pode mover a imagem vetorial usando o mouse. Para fazer isso, clique com o botão esquerdo na imagem e, mantendo pressionado este botão, mova o Objeto para o local desejado no slide.

Você também pode usar o menu Formatar. Selecione a opção AutoForma e na janela que se abre, especifique a posição horizontal e vertical do objeto no canto superior esquerdo ou no centro do slide.

Dimensionamento

Você pode alterar arbitrariamente a escala da imagem vetorial. Quando você seleciona um objeto com o mouse, alças de redimensionamento aparecem nos cantos e ao longo das bordas do retângulo de seleção. À medida que você arrasta essas alças, o tamanho do objeto muda. Para redimensionar um objeto com mais precisão, especifique novos valores para a altura e largura do objeto em porcentagens ou centímetros. Para fazer isso, você pode usar o menu Formatar. Selecione a opção AutoForma e especifique o Tamanho na janela que é aberta.

Rotação

Se precisar girar um objeto, você precisa selecionar o objeto e usar a opção Ações do menu Desenhar. Selecione o comando Girar/Inverter e escolha: Rotação Livre, Girar para a Esquerda ou Girar para a Direita. Se você selecionar Rotação Livre, os marcadores de direção de rotação aparecerão nos cantos do objeto. À medida que você arrasta essas alças, a orientação do objeto muda.

Reflexão

Às vezes é útil usar um tipo de transformação chamada reflexão. Para fazer isso, use a opção Ações do menu Desenhar. Selecione o comando Girar/Inverter e Virar da esquerda para a direita ou Virar de cima para baixo.

9.2 Agrupamento de elementos. Ordem dos elementos.

Para agrupar ou desagrupar objetos, você precisa selecionar os objetos, ir ao menu Desenhar, clicar no botão Ações e selecionar o comando Agrupar ou Desagrupar.

Os objetos inseridos em um slide são posicionados automaticamente em diferentes níveis. Esses níveis podem ser observados quando os objetos se sobrepõem: um objeto no nível superior cobre alguns dos objetos nos níveis inferiores. Se algum objeto estiver “perdido”, ele poderá ser facilmente encontrado percorrendo todos os níveis em um ciclo pressionando a tecla TAB (avançar) ou SHIFT+TAB (voltar) Objetos individuais ou grupos de objetos podem ser movidos entre os níveis: para. por exemplo, mova um objeto para um nível adjacente, bem como para o nível mais alto ou mais baixo. Os objetos geralmente se sobrepõem enquanto você desenha, mas o objeto mais abaixo não precisa ser desenhado primeiro porque sempre pode ser movido para outro nível.

Selecione o objeto que deseja mover. Se um objeto estiver oculto, encontre-o pressionando TAB ou SHIFT+TAB.

Clique no botão Ações na barra de ferramentas Desenho, aponte para Ordem e selecione Trazer para frente, Enviar para trás, Um nível acima ou Um nível abaixo.

10. O conceito de autofigura.

O PowerPoint vem com um conjunto de formas prontas que você pode usar em apresentações. Essas formas podem ser ampliadas, reduzidas, giradas, invertidas, coloridas e combinadas com outras formas para criar formas mais complexas. Via de regra, a figura está equipada com um marcador de mudança de forma, que permite alterar o atributo mais característico da figura; por exemplo, o tamanho da ponta da seta.

A barra de ferramentas Desenho no menu AutoFormas fornece diversas categorias de formas, incluindo linhas simples e de conexão, formas básicas, elementos de fluxograma, estrelas e faixas e textos explicativos. O item AutoFormas Adicionais abre a seção AutoFormas na coleção de clipes. Qualquer AutoForma na coleção de clipes pode ser facilmente arrastada para um slide.

Você pode inserir texto em AutoFormas. Para fazer isso, clique na forma e comece a digitar. O texto inserido se tornará parte da forma e girará e virará com ela.

11 Adicionando bitmaps

Abra o slide ao qual deseja adicionar uma imagem. Para adicionar um gráfico a cada slide da apresentação, adicione-o ao slide mestre.

No menu Inserir, aponte para o comando Imagem e selecione Do arquivo.

Localize a pasta que contém a imagem que deseja inserir.

Selecione uma imagem. Execute uma das seguintes ações:

• Para incorporar uma imagem em sua apresentação, clique em Inserir.

  Para vincular uma imagem da sua apresentação a uma imagem do seu disco rígido, clique na seta ao lado do botão Inserir e selecione Vincular ao arquivo.

Configurando uma imagem raster usando ferramentas integradas do Microsoft PowerPoint.

Quando você seleciona uma imagem, a barra de ferramentas Ajuste de imagem aparece. Contém botões para alterar o brilho e o contraste da imagem, recortar, alterar a cor e adicionar uma borda.

Selecione a imagem que deseja alterar. Faça alterações usando as ferramentas do painel Ajustes de imagem.

Observação. No PowerPoint, você não pode cortar, agrupar ou alterar o preenchimento, a borda, a sombra ou a transparência de um GIF animado usando a barra de ferramentas Ajuste de imagem. Essa imagem deve ser alterada em um editor especial e depois reinserida no slide.

12 Adicionando texto e cor a um slide

Legendas e imagens são os elementos mais importantes dos slides, pois conferem aos slides um aspecto mais colorido, o que ajuda a chamar a atenção do público para a reportagem. As legendas contêm texto (o que não é surpreendente, certo?), enquanto as imagens podem ser imagens da coleção do Office, imagens tiradas com uma câmera digital ou scanner ou fotografias baixadas da Internet.

O texto pode conter informações importantes que precisam ser transmitidas ao público. Antes de adicionar texto a um slide, você deve adicionar uma legenda ao slide. O PowerPoint oferece quatro maneiras de escrever uma legenda em um slide.

Crie um novo slide e o PowerPoint criará automaticamente uma ou mais legendas.

Crie uma legenda no painel de estrutura de apresentação e insira o texto. O PowerPoint colocará automaticamente o texto inserido na caixa de legenda.

Clique no botão Etiqueta na barra de ferramentas Desenhar e desenhe uma caixa de etiqueta.

Selecione o comando Inserir → Legenda e desenhe uma caixa de legenda no slide.

12.1 Mover, redimensionar e excluir uma inscrição.

Depois de criar uma legenda, você pode movê-la para um novo local, redimensioná-la para acomodar mais texto ou excluí-la completamente.

Para mover, redimensionar ou excluir uma legenda:

No painel de slides, clique na legenda que deseja mover, excluir ou redimensionar. Uma borda com marcadores brancos aparecerá ao redor do texto e um cursor em forma de I aparecerá no texto, conforme mostrado na Fig. 7.

Selecione uma das opções.

Para mover a legenda. Coloque o ponteiro do mouse sobre a borda do rótulo, fazendo com que ele assuma o formato de uma seta de quatro pontas. Enquanto mantém pressionado o botão esquerdo do mouse, mova o ponteiro do mouse para onde deseja que o rótulo seja localizado e solte o botão.

Para alterar o tamanho da inscrição. Mova o ponteiro do mouse sobre o marcador de borda do rótulo até que ele assuma a forma de uma seta de duas pontas. Enquanto mantém pressionado o botão esquerdo do mouse, mova o ponteiro do mouse até que a caixa de texto tenha o tamanho desejado e, em seguida, solte o botão.

Um grande número de elementos HTML são projetados para organizar o conteúdo, especialmente o texto, que geralmente constitui a grande maioria do conteúdo das páginas da Web. O novo conceito de linguagem concentra-se no layout lógico do texto, ou formatação lógica. Os elementos associados a esta marcação de conteúdo são discutidos neste capítulo.

Estruturar o conteúdo envolve dividi-lo em blocos lógicos. O primeiro desses blocos geralmente é o título.

Títulos. Elementos h1, h2, h3, h4, h5, h6

Existem títulos de primeiro, segundo, terceiro e outros níveis, até o sexto. Eles são organizados usando tags h1, h2, h3, h4, h5, h6:

Cabeçalho de 3 níveis 1
Cabeçalho de nível 2
Cabeçalho de 3 níveis 3
Cabeçalho de nível 4
Cabeçalho de nível 5
3cabeçalho nível 6

A utilização de títulos em diferentes níveis permite estruturar o documento em seções, capítulos, parágrafos, etc., facilitando a leitura. Elementos de título de diferentes níveis são exibidos por padrão pelo navegador em diferentes tamanhos de fonte (Fig. 3.1).

Exemplo.

Níveis de título Título de 31º nível Título de 2º nível Título de 33º nível Título de 4º nível Título de 5º nível Título de 36º nível

Arroz. 3.1.

Deixe-me lembrá-lo de que colocar texto em uma tag de título é apenas uma instrução para o navegador, e a forma como ela é executada depende dele, ou mais precisamente, de seus desenvolvedores. Por exemplo, esta é a aparência do mesmo código em seu navegador:

Título de 31º nível Título de 2º nível Título de 33º nível Título de 4º nível Título de 5º nível Título de 36º nível

Dependendo das preferências do navegador, alguns cabeçalhos em níveis diferentes podem parecer iguais, ou mesmo cabeçalhos de nível inferior podem parecer mais proeminentes do que seus irmãos maiores. Em vários navegadores, por exemplo, no Opera, o tamanho e o tipo das fontes usadas em uma página da Web podem ser definidos pelo usuário nas configurações. A seguir, mostraremos como controlar o tamanho da fonte, o tipo e outras características de forma programática usando estilos, sem depender dos recursos de outros navegadores.

Atributos:

• alinhar - define o alinhamento do cabeçalho na página. Não recomendado. Pode assumir quatro valores:
  • esquerda- alinha o título à borda esquerda da página (usado por padrão);
  • certo- alinha o título à borda direita da página;
  • Centro- alinha o título ao centro;
  • justificar- alinha o título à largura da página, esticando a linha da margem direita para a esquerda. O efeito ocorre quando o título é maior que a largura da página.
• identificação, classe
• lang, dir
• título
• estilo
• onfocus, onblur, - eventos internos.

Elementos integrados e de bloco

Todos os elementos responsáveis ​​pela apresentação do conteúdo costumam ser divididos em dois grandes grupos:

• elementos de nível de bloco ou elementos de bloco;
• elementos integrados ou de nível de texto (inline).

Os primeiros separam grandes blocos no documento (por exemplo, título, parágrafo, endereço do autor da publicação). Estes últimos destacam um fragmento dentro de uma linha (uma letra, palavra ou frase).

Por padrão, os blocos começam em uma nova linha e ocupam toda a largura disponível. Na Fig. 3.2, para maior clareza, os blocos são especialmente destacados com uma linha rosa. Os blocos podem ser aninhados uns dentro dos outros. Os elementos de bloco podem conter elementos embutidos. Os elementos do bloco serão discutidos em detalhes abaixo, mas por enquanto iremos apenas listá-los:
parágrafos - ,
títulos - ,..., ,
blocos - ,
texto pré-formatado - ,
citações - , , ,
delimitador - ,
tabelas - ,
listas -

, , ,
roteiros - , .



Arroz. 3.2.

Elementos de nível inferior - o nível de texto - são exibidos por padrão um após o outro na linha atual (Fig. 3.3). Eles podem ser incorporados em elementos de nível de bloco e incluir outros elementos embutidos. No entanto, os elementos embutidos não podem conter elementos de bloco. A regra geral é que os elementos só podem ser aninhados em elementos de nível superior ou igual. Os elementos integrados incluem elementos de formatação de texto lógico (frase) e físico (estilo de fonte), elementos especiais e elementos para especificar formulários.

Se você realmente não tem,
Incline-se, como precisa,
Faça procedimentos com água.

Arroz. 3.3. Elementos integrados.

Seleção de bloco. Elemento

O elemento div é o elemento de nível de bloco mais típico. É usado para combinar diferentes conteúdos em uma unidade logicamente coerente. Um bloco lógico é mais do que um parágrafo de texto. Pode separar, por exemplo, vários parágrafos que representam o resumo de um artigo, notícia ou comentários ao texto principal. Combinado com os atributos class e id, que veremos mais tarde, o elemento div permite estruturar facilmente o texto.

Ao interagir efetivamente com folhas de estilo, o elemento div permite formatar perfeitamente seções de uma única página ou até mesmo de um site inteiro. Um bloco de texto, separado logicamente, pode então ser facilmente destacado quando exibido de qualquer forma, por exemplo, por fonte, cor, espaçamento entre linhas, centralização, etc. O conteúdo do elemento div pode ser posicionado conforme desejado, destacado com um fundo diferente, etc. Olhando adiante, notamos que o bloco pode ser ocultado e mostrado no momento certo. Devido à sua versatilidade, este elemento é o mais utilizado.

Atributos:

• alinhar - define o alinhamento do texto na página. Não recomendado. Pode assumir quatro valores:
  • esquerda
  • certo
  • Centro
  • justificar
• id, class - identificadores dentro do documento.
• lang, dir - informações sobre o idioma e direção do texto;
• título - o título do elemento (exibido pelo navegador como um comentário quando você passa o mouse sobre o conteúdo do elemento).
• estilo - informações de estilo integradas.
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - eventos internos.
Bloco embutido. Elemento

O equivalente a um div no nível do texto é o elemento span. Seu principal objetivo é organizar blocos embutidos, que podem então ser formatados de forma eficaz usando estilos.

Atributos:

• ctlparid
• id, class - identificadores dentro do documento.
• lang, dir - informações sobre o idioma e direção do texto;
• título - o título do elemento (exibido pelo navegador como um comentário quando você passa o mouse sobre o conteúdo do elemento).
• estilo - informações de estilo integradas.
• - eventos internos.
Citações. Elemento

Este elemento é um tipo de seleção de bloco. A diferença de uma div é que por padrão um elemento, como uma citação, é deslocado para a direita em relação ao texto principal. Anteriormente, este elemento era usado para criar margens artificialmente à esquerda do texto. As cotações, se necessário, são adicionadas usando folhas de estilo.

Atributos:

• citar - especifica a URL do documento ou carta a ser citada.
• id, class - identificadores dentro do documento.
• lang, dir - informações sobre o idioma e direção do texto;
• título - o título do elemento (exibido pelo navegador como um comentário quando você passa o mouse sobre o conteúdo do elemento).
• estilo - informações de estilo integradas.
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - eventos internos.
Organizando parágrafos. Elemento

Conforme mencionado, o navegador não suporta caracteres de nova linha. Isso foi feito porque você não sabe antecipadamente em qual plataforma seu texto será exibido, cabendo ao navegador posicioná-lo corretamente, organizando de forma independente a divisão em linhas. Portanto, o texto que você digitou no seu computador, ao mesmo tempo que o formata, divide-o em parágrafos e dá-lhe algum tipo de divisão lógica, o navegador irá primeiro convertê-lo, removendo todos os espaços consecutivos e quebras de linha, e depois exibi-lo. Neste caso, as informações sobre os parágrafos serão perdidas. Para evitar que isso aconteça, um elemento especial é usado para organizar logicamente os parágrafos

Atributos:

• alinhar - define o alinhamento do texto. Não recomendado. Pode assumir quatro valores:
  • esquerda- alinha o texto à borda esquerda da página (usado por padrão);
  • certo- alinha o texto à borda direita da página;
  • Centro- alinha o texto ao centro;
  • justificar- alinha o texto à largura da página, esticando a linha da margem direita para a esquerda.
• id, class - identificadores dentro do documento.
• lang, dir - informações sobre o idioma e direção do texto;
• título - o título do elemento (exibido pelo navegador como um comentário quando você passa o mouse sobre o conteúdo do elemento).
• estilo - informações de estilo integradas.
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - eventos internos.

Exemplo.

1 2 3 4 Títulos, blocos, citações, parágrafos 5 6 7 8

Parte um

9

Leão de Stargorod

10 11 12

Capítulo 1

13

Bezenchuk e "Ninfas"

14 15

16 Na vila distrital de N existiam tantos estabelecimentos de cabeleireiro e agências 17 de cortejos fúnebres que parecia que os habitantes da cidade nasciam apenas 18 para fazer a barba, cortar o cabelo, refrescar a cabeça com corte de cabelo e 19 morrem imediatamente. Mas, na verdade, na cidade distrital de N, as pessoas nasciam, faziam a barba e morriam muito raramente. A vida na cidade de N era 21 a mais tranquila. 22

23 24

25 Questões de amor e morte não incomodavam Ippolit Matveyevich 26 Vorobyaninov, embora ele fosse o responsável por essas questões 27 pela natureza de seu serviço das nove da manhã às cinco da tarde todos os dias com intervalo de meia hora 28 para o café da manhã . 29

30 31

32 Embora existissem muitos depósitos funerários, a sua clientela não era rica. 33 “De nada” estourou três anos antes de Ippolit Matveevich 34 se estabelecer na cidade de N, e o mestre Bezenchuk bebeu amargo e até tentou uma vez 35 penhorar seu melhor caixão de exposição em uma casa de penhores. 36

37 38 Os pedestres devem ser amados.
39 Os pedestres constituem a maioria da humanidade. Além disso, 40 é a melhor parte disso. Os pedestres criaram o mundo. Foram eles que construíram as cidades, 41 ergueram edifícios de vários andares, instalaram esgotos e abastecimento de água, 42 pavimentaram as ruas e as iluminaram com lâmpadas elétricas. 43 44 45



Arroz. 3.4.

Analisando esta página da Web, você pode observar o seguinte:

• linhas 7-10: Título de primeiro nível.
• linhas 11-14: Título de segundo nível, em fonte menor por padrão.
• linhas 15-22

  .

• linhas 23-30: bloquear . Para maior clareza, ele é destacado com uma cor de texto e plano de fundo diferentes, que são definidos usando estilos CSS, e também é deslocado 50 pixels à esquerda da linha de outros elementos.
• linhas 31-36: um parágrafo regular criado usando o elemento

  .

• linhas 37-43: uma cotação criada usando o . Por padrão, ele é deslocado para a direita em relação ao texto principal. Para maior clareza, é destacado em itálico, que é definido por meio de estilos CSS.

Todos os elementos listados estão incluídos no elemento. Em termos de programação, este elemento é considerado o pai de elementos filhos aninhados (e "filhos" ou "herdeiros").

, . Os elementos filhos herdam várias propriedades do elemento pai. Por exemplo, , ,

Herdar do valor da borda esquerda. Os elementos e são excluídos desta lista porque a margem esquerda é definida explicitamente e tem um deslocamento à direita por padrão. E aqui está o elemento

O que está incluído herda dele a borda esquerda deslocada (Fig. 3.4).

Tradução de linha. Elementos
, , Elemento


Conforme mencionado anteriormente, a localização das quebras de linha é determinada automaticamente pelo navegador, levando em consideração tamanhos de janelas, fontes, etc. Para casos em que é necessária alimentação forçada de linha, é fornecido um elemento
. Tendo conhecido a tag
, o navegador começará a exibir o texto subsequente em uma nova linha.

Observação:

Em XHTML, onde é necessária uma tag de fechamento, a solução é escrever a tag no formato
ou insira uma tag de fechamento imediatamente após a de abertura

.

Atributos:

• clear - indica onde a linha quebrada deve aparecer. Este atributo leva em consideração objetos anexados (tabelas, imagens, etc.) Não recomendado. Pode assumir quatro valores:
  • nenhum- a próxima linha de texto é exibida da maneira usual, no espaço livre mais próximo abaixo (usado por padrão);
  • esquerda- a próxima linha de texto é exibida no espaço livre mais próximo sob o objeto anexado à borda esquerda;
  • certo- a próxima linha de texto é exibida no espaço livre mais próximo sob o objeto anexado à borda direita;
  • todos- a próxima linha de texto é exibida no espaço livre mais próximo sob um objeto anexado a qualquer borda;

Vejamos o exemplo do uso do elemento
.

Seja um documento de origem no qual o objeto de imagem não esteja anexado a nenhuma borda do documento (o atributo de alinhamento não está definido) e, portanto, não esteja cercado por texto (Fig. 3.5):

Exemplo.

1 2 3 4 Usando o elemento br com vários atributos 5 6 7 8 Nas aulas, Mirzakarim Sanakulovich Norbekov repete frequentemente: 9 “Sou uma pessoa comum, assim como todo mundo, não é melhor e, espero, 10 não é pior que você. Tudo o que conquistei na vida, você também pode alcançar. 11 só é importante querer!" 12 E ele realmente conseguiu muito. Hoje M. S. Norbekov é doutor em 13 psicologia, doutor em pedagogia, doutor em filosofia em medicina, professor, 14 membro titular e membro correspondente de várias academias russas e estrangeiras 15, autor de muitas invenções e descobertas patenteadas na ciência. 16 No entanto, ele próprio chama todos esses títulos de “regalia de cachorro”, 17 porque não trabalha para obter reconhecimento. 18 Mirzakarim Sanakulovich é um verdadeiro cientista pesquisador. 19 O seu leque de interesses é muito amplo. Muitas pessoas ficam surpresas em como todos esses 20 podem ser combinados em uma pessoa: um artista, compositor, escritor, diretor de cinema, performer 21, atleta, treinador, faixa preta em caratê, segundo dan e faixa preta 22 em Sam Jong ao nono dan. Mas o mais importante é que o autor do livro é especialista em 23 medicina e prática sufi, uma das mais antigas entre todas as existentes. 24 25



Arroz. 3.5. Tipo de documento com imagem sem atributos adicionais

Agora vamos organizar o texto para envolver a imagem, anexando-o à borda esquerda. Para isso, indicamos o atributo align=left à imagem, ou seja, linha 7 no código HTML do documento substitua por string . Como resultado, obtemos o texto ao redor da imagem (Fig. 3.6):



Arroz. 3.6. Visualização do documento com imagem anexada.

Usar um elemento br com o atributo clear especificado determina se o texto atrás do elemento continuará a envolver o objeto ou aparecerá abaixo dele. No exemplo abaixo, usar o elemento br sem especificar o atributo clear (que é o mesmo que especificar clear=none) não quebra a quebra automática do texto, mas apenas passa para a próxima linha. Vamos inserir o elemento br antes da frase “E ele realmente conseguiu muito”. (Fig. 3.7):



Arroz. 3.7. Demonstração do uso do elemento br.

Usar o elemento br com o atributo clear=left quebrará a quebra automática de texto e continuará a exibir o texto imediatamente abaixo do objeto anexado (Figura 3.8):



Arroz. 3.8. Usando o elemento br com o atributo clear=left

Elemento

Às vezes você precisa segurar uma linha na tela sem quebrar o texto. Nesse caso, essas strings são colocadas em um contêiner.

Texto de string não hifenizado

A tag de fechamento é obrigatória.

Se a linha for muito longa, aparecerá uma barra de rolagem horizontal em frases pequenas, para evitar hifenização, pode-se usar um espaço inseparável (um ou mais), que é inserido como caractere literal (na forma decimal, em hexadecimal). formulário A0;).

Elemento

Resolve o problema inverso - permite a transferência e é inserido como container dentro do elemento. No exemplo a seguir, a transferência é realizada apenas na frase “Imediatismo provincial.”:

“Uma mulher sensual”, disse Ostap, “é o sonho de um poeta”. Espontaneidade provincial. No centro não existem esses subtrópicos há muito tempo, mas na periferia, nas localidades, eles ainda ocorrem.

Na prática, é mais fácil utilizar apenas o elemento, destacando com ele uma parte da linha que não pode ser quebrada. O exemplo anterior neste caso seria escrito assim:

“Uma mulher sensual”, disse Ostap, “é o sonho de um poeta”. Espontaneidade provincial. No centro não existem esses subtrópicos há muito tempo, mas na periferia, nas localidades, eles ainda ocorrem.

Atualizado e verificado a exatidão da criação de listas em 28/02/2010 (A.K.)

No último mês, estive intimamente envolvido no desenvolvimento de modelos para a criação de documentos de programa exigidos pelos GOSTs: especificações técnicas do programa, manual do usuário, descrição do aplicativo e outros. Parece que não há nada complicado nesta atividade. Insira as seções, quebras de página e campos necessários para texto futuro. No entanto, tive dificuldades com o design dos documentos e, especificamente, com os estilos de títulos e listas multiníveis.

De acordo com os padrões estaduais, os títulos de um documento devem começar com um determinado recuo de parágrafo, estar em fonte uniforme e não ter ponto final após o último dígito da numeração. Além disso, existem outros requisitos de projeto que precisam ser levados em consideração.

Um usuário experiente do editor Word provavelmente sorrirá e dirá: o que há de tão complicado nisso? Insirai o texto do título, atribuí-lhe a fonte e a formatação desejadas ou apliquei o nível desejado de estilo de título e cliquei no botão "Numeração" no painel de formatação. Isso é verdade, mas no final o documento acaba com vários estilos desordenados diferentes nos quais você pode se perder e que não fazem nada para melhorar a aparência do documento. Mas também existem listas de vários níveis, que para muitos parecem completamente confusas e incompreensíveis de usar.

Nesta postagem, compartilharei meu método para domesticar cabeçalhos e listas de vários níveis, estilizando-os de acordo. Eu recomendo fortemente o uso de estilos ao criar qualquer documento. A criação de um estilo levará apenas alguns minutos, mas quando você formatar posteriormente o texto do documento, o estilo criado economizará muito tempo e nervosismo.

Então, me deparei com a tarefa de usar quatro níveis diferentes de títulos numerados em um documento para indicar seções do documento. Estas seções também devem ter suas próprias subseções numeradas. Aqui está um exemplo de títulos numerados de vários níveis adequados:

Em primeiro lugar, salve o novo documento como modelo (extensão .dot). E já estamos trabalhando com esse template.

A próxima coisa a fazer é editar os estilos de título padrão incorporados em nosso modelo. Para ver os estilos utilizados em um modelo ou documento, selecione o subitem (comando) “Estilos e Formatação” no item de menu “Formato”. Uma área de tarefas com o mesmo nome aparecerá à direita da área de trabalho do programa, como na imagem abaixo:



Os estilos principais de títulos de três níveis e o estilo "Normal", ou seja, o estilo do texto simples do documento, são exibidos como padrão. Para exibir mais estilos nesta área, você pode selecionar Personalizado na lista suspensa Mostrar na parte inferior do painel de tarefas. A seguinte caixa de diálogo será aberta:



Se a categoria "Estilos disponíveis" estiver definida, a área "Estilos exibidos" exibirá apenas os estilos que foram usados ​​para criar este documento. Normalmente, três níveis de títulos são verificados. Se você precisar usar um quarto nível de título, marque a caixa de seleção "Título 4". É possível que o estilo não apareça na área Exibir estilos. Neste caso, selecione a categoria "Todos os estilos" e marque as caixas apenas dos títulos 1 a 4 e do estilo "Normal", bem como dos estilos que você criou pessoalmente. Feche a janela Configurações de formato clicando em OK.

Nosso segundo passo será ajustar os estilos de título. Os títulos recebem inicialmente fontes com formatação diferente. Para criar um documento de programa, de acordo com GOSTs, é necessário usar uma única fonte para todo o documento. Eu uso a fonte Times New Roman 14 pt para o estilo “Regular”. Para os títulos também utilizarei esta fonte, alterando apenas seu tamanho e espaçamento.

Para alterar o estilo do cabeçalho, passe o mouse sobre “Título 1” no painel de tarefas. A inscrição aparecerá em uma moldura e um botão com um triângulo aparecerá à direita dela. Clique neste triângulo e um menu de contexto para este estilo será aberto na sua frente. Selecione o comando "Modificar" e a caixa de diálogo "Alterar estilo" aparecerá.



No campo Estilo baseado em, selecione Nenhum estilo na lista suspensa. Deixe o campo “Estilo para parágrafo seguinte” inalterado. Em seguida, clique no botão Formatar na parte inferior da janela e selecione os comandos necessários para alterar as configurações. Para alterar a fonte, utilize o comando “Fonte”; para alterar o recuo e espaçamento do parágrafo, utilize o comando “Parágrafo”. Faça as alterações necessárias. Por exemplo, para “Título 1” defino os seguintes parâmetros: fonte - Times New Roman negrito 18 pt, parágrafo - alinhamento à esquerda, recuo da primeira linha de 1,5 cm, espaçamento antes de 0 pt, depois de 3 pt, espaçamento duplo entre linhas, tabulação - coloque 3,5 cm da borda esquerda sem preenchimento.

Se desejar aplicar as alterações feitas no modelo, com base no qual posteriormente criará seus documentos, marque a caixa “Adicionar ao modelo”, caso contrário todas essas alterações serão aplicadas apenas ao documento atualmente ativo.

Da mesma forma, mudei o estilo dos títulos restantes, reduzindo o tamanho da fonte de cada um deles de acordo: “Título 2” - negrito 16 pt, “Título 3” - negrito 15 pt, “Título 4” - negrito 14 pt.

Assim, configurei os estilos de título necessários no modelo. Agora era necessário criar um estilo para listas multiníveis.

No item de menu "Formato", selecione o comando "Lista" (marcadores e numeração). Uma caixa de diálogo com o mesmo nome será aberta. Vá para a guia Estilos de lista da janela e clique no botão Adicionar. A janela “Novo estilo” será aberta na sua frente com uma interface e botões familiares:



Preste atenção ao campo "Aplicar formatação a". Por padrão, será definido como "Nível 1". Ao especificar a formatação da numeração, você a aplica exclusivamente ao estilo Título 1. Assim, ao selecionar o próximo valor neste campo - “Nível 2” - você também deve definir para ele a formatação que foi previamente definida para “Título 2”.

No campo "Nome", insira o nome do seu estilo (seja "Título_numeração"). Em seguida, clique no botão "Formatar" na parte inferior da janela. Estarão disponíveis apenas três comandos: “Fonte”, “Numeração” e “Atalho de teclado”.

Selecione o comando "Numeração" e a caixa de diálogo "Lista" será aberta na sua frente. Clique em qualquer lista de amostras e o botão “Personalizar” na parte inferior da janela ficará ativo. Clique. Uma nova janela será aberta conforme mostrado na imagem abaixo.



Nesta janela teremos que configurar os estilos de numeração para cada um dos títulos. Selecione o nível desejado, por exemplo, 1. A janela exibe os parâmetros que se aplicam a este nível. Aqui você pode configurar a fonte da numeração e o recuo do parágrafo. Se esta janela abrir brevemente, clique no botão "Mais" e opções adicionais estarão disponíveis para personalização.

Selecione o comando Fonte. Uma caixa de diálogo familiar aparecerá na sua frente, na qual você definirá os mesmos parâmetros que definiu para “Título 1” (Times New Roman, negrito, 18). Certifique-se de desmarcar todas as caixas de seleção do grupo "Efeitos" - elas terão uma cor pálida, defina a cor do texto, sem sublinhado e marque todas as outras configurações nas outras abas da janela.

No grupo "Posição do número", defina a posição esquerda para 1,5 cm. No grupo "Posição do texto", defina a guia após 3,5 cm, recue 0 cm. Selecione na lista suspensa "O nível do link para o estilo é. definido como “Não”. Deixe o valor no campo "Seguir número com" como está - um caractere de tabulação.

Após selecionar o segundo nível da lista, uma letra ou outro símbolo poderá ser exibido no campo “Formato de número”. Para nossos propósitos (criar um modelo de acordo com GOST), é necessário apagar o valor do campo, depois no campo “Nível anterior” selecionar o valor “Nível 1” para que tenhamos o primeiro dígito para o segundo nível de no título, coloque um ponto no campo “Numeração” " selecione o valor "1,2,3" - o seguinte número 1 aparecerá no campo "Formato do número" após o dígito com um ponto.

Clique no botão "Fonte" novamente e defina os mesmos valores definidos para o estilo "Título 2" (Times New Roman, negrito, 16).

Repita essas etapas para os 2 níveis restantes: 3 e 4.

Observe que ao configurar os cabeçalhos 3 e 4, você deve primeiro apagar o campo "Formato numérico", selecionar sequencialmente os valores disponíveis no campo "Nível anterior": primeiro "Nível 1", colocar um ponto, depois "Nível 2" (e para Título 4 - e “Nível 3”) e a seguir selecione o valor “1,2,3”.

Quando terminar, clique em OK. Um novo elemento (estilo) com o seu nome "Título_Numbering" aparecerá no painel de tarefas "Estilos e formatação".

Agora, para que esses estilos e listas funcionem corretamente em novos documentos baseados neste modelo, você precisa proteger os estilos do modelo contra alterações. Para isso, no menu “Formatar”, selecione o comando “Proteger Documento”. O painel de tarefas "Proteção de Documentos" será aberto à direita:



Na seção Restrições de formatação, marque a caixa de seleção Limitar estilos permitidos e clique no link Personalizar. A caixa de diálogo Restrições de formato é exibida. Marque as caixas de seleção nesta janela para os estilos disponíveis em seu modelo (que você criou ou deseja ter). No nosso caso, são 4 níveis de títulos e o estilo “Título_Numbering”. Clique OK. A caixa de diálogo será fechada e aparecerá perguntando: "O documento pode conter estilos ou formatações proibidas. Você deve removê-los?" Selecione "Sim". Depois de tudo isso, clique no botão “Sim, ativar proteção”. Não é necessário definir senha (a seu critério).

Agora todos os documentos que serão criados com base neste modelo terão apenas os estilos que você permitiu para uso.

A última coisa que precisamos fazer é testar como os estilos funcionam na prática. Para fazer isso, crie um novo documento baseado neste modelo, insira algumas linhas de algum texto no documento. Insira pelo menos sete linhas para testar diferentes níveis de título. Coloque o cursor do mouse na primeira linha do texto e aplique o estilo Título 1 a ela.

Em seguida, aplique o estilo Heading_Numbering que você criou ao mesmo texto. Repita essas etapas na sequência fornecida (Título -> Título_Numbering) para as linhas restantes, aplicando níveis diferentes a elas a cada vez. A lista hierárquica deve ser semelhante a esta:



Como você pode ver, na parte inferior da janela exibi o nível “Título 2”, mas com a numeração quebrada - 1.1. Acontece. E é muito fácil de consertar. Basta clicar com o botão direito neste número para exibir um menu de contexto. Selecione neste menu o comando “Continuar lista anterior” e o título receberá o número correto, neste caso - 2.2.

Espero que você entenda como os estilos são criados e como são modificados. Também espero sinceramente que esta nota o ajude a criar os estilos de título corretos e a formatar seus documentos de maneira bonita e, o mais importante, de maneira uniforme.

Por exemplo, estou anexando o modelo que criei com estilos de cabeçalho e lista personalizados.

Para criar um índice automático, primeiro precisaremos atribuir estilos a cada elemento de texto. É bem simples, mas você terá que mexer um pouco.

Word 2007: na aba Home, no bloco Estilos, clique no ícone de seta no canto inferior direito:



Word 2003: no menu Formatar, clique no item Estilos e Formatação (na imagem são apenas Estilos - não preste atenção):



Agora o menu Estilos aparece no lado direito da janela. Primeiro, vamos criar um novo estilo para o design do nosso texto principal - clique no botão Criar estilo no canto inferior direito do menu Estilos:



Criando um estilo, definimos os parâmetros básicos para o texto principal.

Nome: Parágrafo (você pode pensar em qualquer outra coisa)

Estilo: Parágrafo

Baseado no estilo: regular

Estilo do próximo parágrafo: Parágrafo (ou o nome do estilo de sua escolha)

Fonte: Times New Roman (isso é uma questão de gosto)

Tamanho: 14 pontos

Alinhamento: Largura

Intervalo: Um e meio



Mas isso não é tudo, você precisa definir os parâmetros do parágrafo. Para fazer isso, no canto inferior direito da caixa de diálogo Criar estilo, clique no botão Formatar e selecione Parágrafo:



Na caixa de diálogo Parágrafo que é aberta, na guia Recuos e espaçamento, defina os seguintes parâmetros:

Primeira linha: recuo, 1,25 cm

Espaçamento: Depois, 25 pt

Marque a caixa: Não adicione espaço entre parágrafos do mesmo estilo

Este último é necessário para separar visualmente o corpo do texto dos títulos e outros estilos. Ao mesmo tempo, não haverá recuos entre os parágrafos do texto principal.



Clique em OK nesta caixa de diálogo e novamente na janela Criação de estilo.

Ótimo, o estilo está criado! Vamos tentar aplicá-lo agora.

Selecione parte do texto principal e no menu Estilos clique no estilo Parágrafo:



Como você pode ver, o texto assumiu a forma que definimos anteriormente nos parâmetros de estilo. Observe como o texto formatado desta forma difere do resto.

Como você deve ter adivinhado, estamos definindo o estilo de parágrafo para todo o corpo do texto. Agora vamos criar um estilo para as subseções.

No menu Estilos, clique novamente no botão Criar estilo e defina os seguintes parâmetros para ele:

Nome: Subseção

Estilo: Parágrafo

Com base no estilo: Título 2 (necessário para criar um sumário)

Estilo do próximo parágrafo: Parágrafo (ou o nome do estilo do corpo do texto de sua escolha)

Fonte: Verdana

Tamanho: 14 pontos

Estilo: Ousado

Alinhamento: Esquerda

Intervalo: Um e meio



Sem fechar esta janela, clique no botão Formatar e selecione Parágrafo.

Na guia Recuos e espaçamento, defina os seguintes parâmetros:

Primeira linha: recuo, 1,5 cm

Espaçamento: Antes, 0 pt; Depois, 20 pt



Na guia Posição na página, marque as caixas ao lado dos seguintes itens:

· proibição de linhas pendentes (para que uma linha que não caiba em determinada página não pule para a próxima, porque é feia :)

· não ser separado do próximo (para que o título não se separe do texto principal)

· não quebre o parágrafo (para que todo o título seja colocado em uma página)



Feche as janelas de criação de estilo usando os botões OK e defina o estilo de subseção para todos os títulos de segundo nível:

Resta apenas criar um estilo para os títulos de primeiro nível – títulos de seção. Definimos o estilo da Seção da mesma forma que criamos o estilo anterior.

Na última lição também examinamos as tags obrigatórias, agora continuaremos a nos familiarizar com outras tags e a ver como os cabeçalhos HTML são criados.

Em um documento HTML, o título desempenha um papel importante. Concentra a atenção do visitante e o incentiva a ler o artigo, ou qualquer material, desempenha um grande papel na otimização das páginas para os buscadores, já que os buscadores prestam atenção ao texto contido entre as tags de título, etc.

Os cabeçalhos HTML vêm em 6 níveis, cada um com tamanho diferente. A tag e a tag de fechamento emparelhada são responsáveis ​​pela criação do cabeçalho. Onde x é um número de 1 a 6 que determina o nível do título.

Assim, a tag determina o maior tamanho do título e a tag determina o menor. Na figura você pode ver todos os níveis de títulos do 1º ao 6º.

Os títulos de níveis superiores são utilizados principalmente; os títulos de 6º e 5º níveis são muito raramente utilizados; Vamos tentar aplicar essa tag na prática e criar um título para a página HTML. Vamos chamá-la, por exemplo, de “Página de Teste” e aplicar a ela um título de 1º nível.

Para isso, no código da nossa página web que criamos na lição, imediatamente após a tag inseriremos a seguinte página de teste. Todo o código ficará assim:

Minha primeira página Página de teste Então você criou sua primeira página web!!!

Você pode tentar alterar os números na tag de título de 1 a 6 e ver como o tamanho do texto muda. Não se esqueça que após cada alteração no código, o arquivo html deve ser salvo, e para ver as alterações realizadas é necessário atualizar a página web no navegador. Ao mesmo tempo que o tamanho do texto, a tag title define recuos e deixa o texto em negrito.

Basicamente, na criação de documentos HTML, são utilizados cabeçalhos de primeiro, segundo e terceiro níveis. Os motores de busca prestam mais atenção às palavras-chave localizadas no título de primeiro nível, menos no título de segundo e terceiro níveis, etc., ou seja, quanto maior o nível do título, menos ele representa qualquer valor para os motores de busca. Hoje em dia, os motores de busca já não dão muita importância às palavras-chave contidas na tag h1. Leia mais sobre isso na seção materiais. Continuaremos estudando as tags restantes em outras.

Material elaborado pelo portal:

Visualizações


Salvar no Facebook Salvar em Odnoklassniki Salvar VKontakte


• Como descompactar um arquivo mdf MDF é um arquivo de imagem de disco criado com programas especiais. Ao criar uma imagem, o conteúdo em...
• Como fazer com que o CS:GO não fique atrasado? →

você pode gostar


O que é um clã no World of Tanks
2024-04-25 17:16:38 0

Mod: Painel de informações do equipamento World of Tanks Qual equipamento instalado
2024-04-25 17:16:38 0

Fazendo um avatar de cliente
2024-04-24 16:40:17 0