mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-24 16:21:23 +08:00
54 lines
4.6 KiB
HTML
54 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Apresentando a interface do usuário do Visualizador de Diagramas</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Apresentando a interface do usuário do Visualizador de Diagramas" />
|
|
<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>Apresentando a interface do usuário do Visualizador de Diagramas</h1>
|
|
<p>O <b>Visualizador de Diagrama</b> usa uma interface com guias, onde vários recursos são agrupados em guias por funcionalidade.</p>
|
|
<div class="onlineDocumentFeatures">
|
|
<p>Janela principal do Visualizador de Diagramas Online:</p>
|
|
<p><img alt="Diagram Viewer window" src="../images/interface/editorwindow.png" /></p>
|
|
</div>
|
|
<div class="desktopDocumentFeatures">
|
|
<p>Janela principal do Visualizador de Diagramas de Computador:</p>
|
|
<p><img alt="Desktop Diagram Viewer window" src="../images/interface/desktop_editorwindow.png" /></p>
|
|
</div>
|
|
<p>A interface do editor é composta pelos seguintes elementos principais:</p>
|
|
<ol>
|
|
<li>
|
|
O <b>Cabeçalho do editor</b> exibe o logotipo do ONLYOFFICE, o nome do arquivo e as guias.
|
|
<p>No lado direito do <b>Cabeçalho do editor</b> junto com o nome de usuário, os seguintes ícones são exibidos:</p>
|
|
<ul>
|
|
<li><div class="icon icon-gotodocuments"></div> <b>Local do arquivo aberto</b> - permite abrir a pasta do módulo <b>Documentos</b>, onde o arquivo está armazenado, em uma nova guia do navegador.</li>
|
|
<li><div class="icon icon-print"></div> <b>Imprimir arquivo</b> - permite imprimir o arquivo.</li>
|
|
</ul>
|
|
<p>A <b>Barra de ferramentas superior</b> exibe um conjunto de comandos de edição dependendo da guia do menu selecionada. Atualmente, as seguintes guias estão disponíveis: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Arquivo</a>, <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">Visualização</a>.</p>
|
|
</li>
|
|
<li>
|
|
A <b>Barra lateral esquerda</b> contém os seguintes ícones:
|
|
<ul>
|
|
<li><div class="icon icon-chaticon"></div> - permite abrir o painel de <a href="../HelpfulHints/Communicating.htm" onclick="onhyperlinkclick(this)">Bate-papo</a>.</li>
|
|
<li><div class="icon icon-pagethumbnails"></div> - permite a exibição de miniaturas das páginas para uma <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navegação </a> rápida.</li>
|
|
<li><div class="icon icon-feedbackicon"></div> - permite entrar em contato com nossa equipe de suporte.</li>
|
|
<li><div class="icon icon-about"></div> - permite visualizar as informações sobre o programa.</li>
|
|
</ul>
|
|
</li>
|
|
<li>A <b>Barra de status</b> localizado na parte inferior da janela do editor indica o número da página, bem como exibe algumas notificações (por exemplo, “Todas as alterações foram salvas” , “A conexão foi perdida” quando não há conexão e o editor está tentando se reconectar, etc.). Também permite ajustar o <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">zoom</a>.</li>
|
|
<li>A <b>Área de trabalho</b> permite visualizar o conteúdo do diagrama.</li>
|
|
<li>A <b>Barra de rolagem</b> à direita e na parte inferior permite rolar dentro de um diagrama tanto vertical quanto horizontalmente.</li>
|
|
</ol>
|
|
<p>Para sua conveniência, você pode ocultar alguns componentes e exibi-los novamente quando necessário. Para saber mais sobre como ajustar as configurações de visualização, consulte <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">esta página</a>.</p>
|
|
</div>
|
|
</body>
|
|
</html> |