mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 15:06:10 +08:00
128 lines
13 KiB
HTML
128 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Inserir e formatar tabelas</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="descrição" content="Adicione uma tabela à sua apresentação e ajuste suas propriedades" />
|
|
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Inserir e formatar tabelas</h1>
|
|
<h3>Inserir uma tabela</h3>
|
|
<p>Para inserir uma tabela em um slide no <a target="_blank" href="https://www.onlyoffice.com/pt/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Editor de Apresentações</b></a>,</p>
|
|
<ol>
|
|
<li>selecione o slide onde uma tabela deve ser adicionada,</li>
|
|
<li>mude para a guia <b>Inserir</b> da barra de ferramentas superior,</li>
|
|
<li>clique no ícone <div class="icon icon-inserttable"></div> <b>Tabela</b> na barra de ferramentas superior,</li>
|
|
<li>
|
|
selecione uma das seguintes opções para criar uma tabela:
|
|
<ul>
|
|
<li>
|
|
<p>uma tabela com um número predefinido de células (máximo de 10 x 8 células)</p>
|
|
<p>Se quiser adicionar uma tabela rapidamente, basta selecionar o número de linhas (8 no máximo) e colunas (10 no máximo).</p>
|
|
</li>
|
|
<li>
|
|
<p>ou uma tabela personalizada</p>
|
|
<p>Caso você precise de mais de uma tabela de 10 x 8 células, selecione a opção <b>Inserir tabela personalizada</b> que abrirá a janela onde você pode inserir o número necessário de linhas e colunas respectivamente, depois clique no botão <b>OK</b>.</p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
se você deseja inserir uma tabela como um objeto OLE:
|
|
<ol>
|
|
<li>Selecione a opção <b>Inserir planilha</b> no menu <b>Tabela</b> da guia <b>Inserir</b>.</li>
|
|
<li>
|
|
A janela correspondente aparece onde você pode inserir os dados necessários e formatá-los usando as ferramentas de formatação do Editor de Planilhas, como <a href="../../../../../../spreadsheeteditor/main/resources/help/en/UsageInstructions/FontTypeSizeStyle.htm">escolher fonte, tipo e estilo</a>, <a href="../../../../../../spreadsheeteditor/main/resources/help/en/UsageInstructions/ChangeNumberFormat.htm">definir formato de número</a>, <a href="../../../../../../spreadsheeteditor/main/resources/help/en/UsageInstructions/InsertFunction.htm">inserir funções</a>, <a href="../../../../../../spreadsheeteditor/main/resources/help/en/UsageInstructions/FormattedTables.htm">formatar tabelas</a> etc.
|
|
<p><img alt="Tabela OLE" src="../../../../../../common/main/resources/help/en/images/ole_table.png" /></p>
|
|
</li>
|
|
<li>O cabeçalho contém o botão <span class="icon icon-visible_area"></span> <b>Área visível</b> no canto superior direito da janela. Escolha a opção <b>Editar área visível</b> para selecionar a área que será mostrada quando o objeto for inserido na apresentação; outros dados não são perdidos, apenas ocultos. Clique em <b>Concluído</b> quando estiver pronto.</li>
|
|
<li>Clique no botão <b>Mostrar área visível</b> para ver a área selecionada que terá uma borda azul.</li>
|
|
<li>Quando estiver pronto, clique no botão <b>Salvar e sair</b>.</li>
|
|
</ol>
|
|
</li>
|
|
<li>depois que a tabela é adicionada, você pode alterar suas propriedades e posição.</li>
|
|
</ol>
|
|
<p>Você também pode adicionar uma tabela a um espaço reservado para texto pressionando o ícone <span class="icon icon-placeholder_table"></span> <b>Tabela</b> dentro dele e selecionando o número necessário de células ou usando a opção <b>Inserir tabela personalizada</b>:</p>
|
|
<p><img alt="Adicionar tabela ao espaço reservado" src="../images/placeholder_object.png" /></p>
|
|
<p>Para redimensionar uma tabela, arraste as alças <span class="icon icon-resize_square"></span> situadas em suas bordas até que a tabela atinja o tamanho necessário.</p>
|
|
<p><span class="big big-resizetable"></span></p>
|
|
<p>Você também pode alterar manualmente a largura de uma determinada coluna ou a altura de uma linha. Mova o cursor do mouse sobre a borda direita da coluna para que o cursor se transforme na seta bidirecional <span class="icon icon-changecolumnwidth"></span> e arraste a borda para a esquerda ou direita para definir a largura necessária. Para alterar a altura de uma única linha manualmente, mova o cursor do mouse sobre a borda inferior da linha até que o cursor se transforme na seta bidirecional <span class="icon icon-changerowheight"></span> e arraste-o para cima ou para baixo.</p>
|
|
<p>Você pode especificar a <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">posição da tabela</a> no slide arrastando-a vertical ou horizontalmente.</p>
|
|
<p class="note">
|
|
<b>Observação</b>: para se mover em uma tabela, você pode usar os <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithtables" onclick="onhyperlinkclick(this)">atalhos de teclado</a>.
|
|
</p>
|
|
<p>Também é possível adicionar uma tabela a um layout de slide. Para saber mais, consulte este <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">artigo</a>.</p>
|
|
<hr />
|
|
<h3>Ajustar as configurações da mesa</h3>
|
|
<img class="floatleft" alt="Aba de configurações da tabela" src="../images/tablesettingstab.png" />
|
|
<p>A maioria das propriedades da tabela, bem como sua estrutura, podem ser alteradas usando a barra lateral direita. Para ativá-lo, clique na mesa e escolha o ícone <b>Configurações da tabela</b> <span class="icon icon-table_settings_icon"></span> à direita.</p>
|
|
<p>As seções <b>Linhas</b> e <b>Colunas</b> na parte superior permitem que você enfatize determinadas linhas/colunas aplicando uma formatação específica a elas ou destaque diferentes linhas/colunas com fundo diferente cores para distingui-los claramente. As seguintes opções estão disponíveis:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Cabeçalho</b> - enfatiza a linha superior da tabela com formatação especial.</li>
|
|
<li><b>Total</b> - enfatiza a última linha da tabela com formatação especial.</li>
|
|
<li><b>Em tiras</b> - permite a alternância de cores de fundo para linhas pares e ímpares.</li>
|
|
<li><b>Primeiro</b> - enfatiza a coluna mais à esquerda na tabela com formatação especial.</li>
|
|
<li><b>Último</b> - enfatiza a coluna mais à direita na tabela com formatação especial.</li>
|
|
<li><b>Em tiras</b> - permite a alternância de cores de fundo para colunas pares e ímpares.</li>
|
|
</ul>
|
|
<p>
|
|
A seção <b>Selecionar a partir do modelo</b> permite que você escolha um dos estilos de tabelas predefinidos. Cada modelo combina determinados parâmetros de formatação, como cor de fundo, estilo de borda, faixa de linha/coluna, etc.
|
|
Dependendo das opções marcadas nas seções <b>Linhas</b> e/ou <b>Colunas</b> acima, os modelos definidos serão exibidos de forma diferente. Por exemplo, se você marcou a opção <b>Cabeçalho</b> na seção <b>Linhas</b> e a opção <b>Faixas</b> nas <b>Colunas</b> seção, a lista de modelos exibida incluirá apenas modelos com a linha de cabeçalho e as colunas em faixas ativadas:
|
|
</p>
|
|
<p><span class="big big-templateslist"></span></p>
|
|
<p>A seção <b>Estilo das bordas</b> permite alterar a formatação aplicada que corresponde ao modelo selecionado. Você pode selecionar a tabela inteira ou um determinado intervalo de células e definir todos os parâmetros manualmente.</p>
|
|
<ul>
|
|
<li>
|
|
<b>Parâmetros de borda</b> - defina a largura da borda usando a lista <div class="big big-bordersize"></div> (ou escolha a opção <b>Sem bordas</b>), selecione seu <b>Cor</b> nas paletas disponíveis e determine como será exibido nas células ao clicar nos ícones:
|
|
<p><span class="big big-bordertype"></span></p>
|
|
</li>
|
|
<li><b>Cor do plano de fundo</b> - selecione a cor do plano de fundo nas células selecionadas.</li>
|
|
</ul>
|
|
<p>A seção <b>Linhas e colunas</b> <span class="icon icon-rowsandcolumns"></span> permite que você execute as seguintes operações:</p>
|
|
<ul>
|
|
<li><b>Selecionar</b> uma linha, coluna, célula (dependendo da posição do cursor) ou a tabela inteira.</li>
|
|
<li><b>Insirir</b> uma nova linha acima ou abaixo da selecionada, bem como uma nova coluna à esquerda ou à direita da selecionada.</li>
|
|
<li><b>Excluir</b> uma linha, coluna (dependendo da posição do cursor ou da seleção) ou a tabela inteira.</li>
|
|
<li><b>Mesclar células</b> - para mesclar células previamente selecionadas em uma única.</li>
|
|
<li>
|
|
<b>Dividir célula...</b> - para dividir qualquer célula previamente selecionada em um certo número de linhas e colunas. Esta opção abre a seguinte janela:
|
|
<p><img alt="Janela de divisão de células" src="../images/split_cells.png" /></p>
|
|
<p>Digite o <b>Número de colunas</b> e o <b>Número de linhas</b> em que a célula selecionada deve ser dividida e pressione <b>OK</b>.</p>
|
|
</li>
|
|
</ul>
|
|
<p class="note"><b>Observação</b>: as opções da seção <b>Linhas e colunas</b> também podem ser acessadas no <b>menu do botão direito</b>.</p>
|
|
<p>A seção <b>Tamanho da célula</b> é usada para ajustar a largura e a altura da célula atualmente selecionada. Nesta seção, você também pode <b>Distribuir linhas</b> para que todas as células selecionadas tenham a mesma altura ou <b>Distribuir colunas</b> para que todas as células selecionadas tenham a mesma largura. As opções de <b>Distribuir linhas/colunas</b> também podem ser acessadas no <b>menu do botão direito</b>.</p>
|
|
<hr />
|
|
<h3>Ajuste as configurações avançadas da tabela</h3>
|
|
<p>Para alterar as configurações avançadas da mesa, clique na mesa com o botão direito do mouse e selecione a opção <b>Configurações avançadas de tabela</b> no menu do botão direito ou clique em <b>Exibir configurações avançadas</b> link na barra lateral direita. A janela de propriedades da tabela será aberta:</p>
|
|
<p><img alt="Propriedades da Tabela" src="../images/table_properties2.png" /></p>
|
|
<p>A guia <b>Posicionamento</b> permite definir as seguintes propriedades da tabela:</p>
|
|
<ul>
|
|
<li><b>Tamanho</b> - use esta opção para alterar a largura e/ou altura da tabela. Se o botão <b>Proporções constantes</b> <div class="icon icon-constantproportions"></div> for clicado (neste caso, parece com isto <div class="icon icon-constantproportionsactivated"></div>), a largura e a altura serão alteradas juntas, preservando a proporção da imagem original.</li>
|
|
<li><b>Posição</b> - defina a posição exata usando os campos <b>Horizontal</b> e <b>Vertical</b>, bem como o campo <b>de</b> onde você pode acessar configurações como <b>Canto superior esquerdo</b> e <b>Centro</b>.</li>
|
|
</ul>
|
|
<p><img alt="Propriedades da Tabela" src="../images/table_properties.png" /></p>
|
|
<p>A guia <b>Margens</b> permite definir o espaço entre o texto dentro das células e a borda da célula:</p>
|
|
<ul>
|
|
<li>insira manualmente os valores necessários de <b>Margens da célula</b> ou</li>
|
|
<li>marque a caixa <b>Usar margens padrão</b> para aplicar os valores predefinidos (se necessário, eles também podem ser ajustados).</li>
|
|
</ul>
|
|
<p><img alt="Propriedades da Tabela" src="../images/table_properties1.png" /></p>
|
|
<p>A guia <b>Texto alternativo</b> permite especificar o <b>Título</b> e a <b>Descrição</b> que serão lidos para pessoas com deficiência visual ou cognitiva para ajudá-los a entender melhor o conteúdo da tabela.</p>
|
|
<hr />
|
|
<p>Para <b>formatar o texto digitado</b> nas células da tabela, você pode usar <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">ícones em a guia <b>Página Inicial</b> da barra de ferramentas superior</a>. O <b>menu do botão direito</b>, que aparece quando você clica na tabela com o botão direito do mouse, inclui duas opções adicionais:</p>
|
|
<ul>
|
|
<li><b>Alinhamento vertical da célula</b> - permite definir o tipo preferido de alinhamento vertical do texto dentro das células selecionadas: <b>Alinhar à parte superior</b>, <b>Alinhar ao centro</b > ou <b>Alinhar à parte inferior</b>.</li>
|
|
<li><b>Hiperlink</b> - permite inserir um hiperlink na célula selecionada.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html>
|