You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
391 lines
15 KiB
391 lines
15 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
|
|
<chapter id="fundamentals-3-2">
|
|
<chapterinfo>
|
|
<title
|
|
>Os Fundamentos do &quantaplus;</title>
|
|
<authorgroup>
|
|
<author
|
|
><firstname
|
|
>Robert</firstname
|
|
> <surname
|
|
>Nickel</surname
|
|
> <affiliation
|
|
> <address
|
|
><email
|
|
>robert@artnickel.com</email
|
|
></address>
|
|
</affiliation>
|
|
</author>
|
|
|
|
<othercredit role="reviewer"
|
|
><firstname
|
|
>Christopher</firstname
|
|
> <surname
|
|
>Hornbaker</surname
|
|
> <affiliation
|
|
> <address
|
|
><email
|
|
>chrishornbaker@earthlink.net</email
|
|
></address>
|
|
</affiliation>
|
|
<contrib
|
|
>Revisão</contrib>
|
|
</othercredit>
|
|
|
|
<othercredit role="reviewer"
|
|
><firstname
|
|
>Fabrice</firstname
|
|
> <surname
|
|
>Mous</surname
|
|
> <affiliation
|
|
> <address
|
|
><email
|
|
>fabrice@kde.nl</email
|
|
></address>
|
|
</affiliation>
|
|
<contrib
|
|
>Revisão</contrib>
|
|
</othercredit>
|
|
|
|
<othercredit role="translator"
|
|
><firstname
|
|
>Marcus</firstname
|
|
><surname
|
|
>Gama</surname
|
|
><affiliation
|
|
><address
|
|
><email
|
|
>marcus_gama@uol.com.br</email
|
|
></address
|
|
></affiliation
|
|
><contrib
|
|
>Tradução</contrib
|
|
></othercredit
|
|
>
|
|
|
|
</authorgroup>
|
|
</chapterinfo>
|
|
|
|
<title
|
|
>Os Fundamentos do &quantaplus;</title>
|
|
|
|
<para
|
|
>Dentro do &quantaplus; existem diversos conceitos chave. Para compreender e aproveitar ao máximo o &quantaplus;, você deve primeiro aprender estes conceitos, os fundamentos. Este capítulo explanará e mostrará estes conceitos, sem os quais o &quantaplus; seria bem primitivo. </para>
|
|
|
|
<sect1 id="quanta-workspaces-3-2">
|
|
<title
|
|
>O Espaço de Trabalho</title>
|
|
|
|
<para
|
|
>O &quantaplus; divide o espaço de trabalho em três escopos: Global, Local e Projeto. Esta distinção afeta vários componentes do &quantaplus;. </para>
|
|
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term
|
|
>Global</term>
|
|
<listitem>
|
|
<para
|
|
>Ítens globais estão disponíveis para qualquer um que usa o &quantaplus;. De barras de ferramentas à ações, tudo marcado como global é armazenado na estrutura de pasta comum do &quantaplus;. Isto tem o efeito de permitir que um grupo de administradores salve determinadas barras de ferramentas, ações e modelos na árvore global, podendo então serem usadas para manter instalações multi-usuários comuns do &quantaplus; para todos no sistema. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Local</term>
|
|
<listitem>
|
|
<para
|
|
>Ítens locais são feitos de uma coleção pessoal de recursos de desenvolvimento web singulares por usuário. Estes ítens são feitos de barras de ferramentas e modelos de usuário. Ítens locais são armazenados na pasta pessoal do usuário. Isto torna todos os ítens locais de usuário disponíveis para uso pessoal somente. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Projeto</term>
|
|
<listitem>
|
|
<para
|
|
>Ítens de projeto somente estão disponíveis para um projeto em particular. Eles podem ser qualquer coisa desde um modelo &CSS; até uma barra de ferramentas com ações personalizadas que executam uma tarefa especial nos arquivos do projeto. Em resumo, este é o escopo mais limitado. Todos os ítens salvos no espaço de trabalho do projeto serão salvos na árvore de pasta do projeto, permitindo que você compartilhe ferramentas especializadas e modelos com alguém com quem compartilhe o projeto. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
|
|
</sect1>
|
|
|
|
<sect1 id="mdi-interface-3-2">
|
|
<title
|
|
>A Interface Multi-Documento</title>
|
|
|
|
<para
|
|
><mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="quantamdi.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>O &quantaplus; editando o documento que você está agora lendo.</para
|
|
></caption>
|
|
</mediaobject>
|
|
</para>
|
|
|
|
|
|
<para
|
|
>A &MDI; do &quantaplus; é dividida em várias partes: a janela do editor, a árvore de informação rápida, as abas de informação e as barras de ferramentas. Por favor veja <xref linkend="editor-3-2"/>, <xref linkend="qit-3-2"/>, <xref linkend="information-3-2"/> e <xref linkend="toolbars-3-2"/> para mais informações sobre estas partes. </para>
|
|
|
|
<sect2 id="editor-3-2">
|
|
<title
|
|
>A Janela do Editor</title>
|
|
|
|
<para>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="quantamdi-editor.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>A janela do editor do &quantaplus;.</para
|
|
></caption>
|
|
</mediaobject>
|
|
</para>
|
|
|
|
<para
|
|
>A janela do editor do &quantaplus; permite que múltiplos arquivos sejam abertos ao mesmo tempo. Quando tiver apenas um arquivo aberto, o documento preenche toda a janela do editor. Assim que um segundo documento for aberto, uma pequena parte do espaço é tomada da base da janela do editor para permitir que abas sejam exibidas com os nomes de arquivo e um ícone de estado. A figura acima mostra um ícone de <guiicon
|
|
>disquete</guiicon
|
|
> abaixo do nome do arquivo, indicando que o arquivo foi modificado e deve ser salvo.</para>
|
|
<para
|
|
>Você poderá clicar com o botão direito nas páginas com o mouse, para obter um menu de contexto com itens relacionados com o documento atual, por exemplo, para fechá-lo, a outras páginas ou a todas, a mudança para outras páginas, o recarregamento, remoção ou envio do arquivo, a mudança para uma linha marcada com um favorito, a execução de operações do CVS no documento atual.</para>
|
|
<para
|
|
>Clicando com o botão direito do mouse na área do editor, você irá obter outro menu de contexto relacionado com o conteúdo do documento editado, como as ações de edição básicas (cortar/copiar/colar), a edição da marca sob o cursror, a seleção da área coberta pela marca sob o cursor, a obtenção de alguma ajuda de contexto sobre a palavra sob o cursor ou abrir um arquivo, se o texto sob o cursor apontar para um arquivo.</para>
|
|
|
|
|
|
<para
|
|
>No topo da janela do editor está o conjunto de barras de ferramentas do editor. Atualmente, o padrão do &quantaplus; é o &HTML; 4.01 Transicional, que possui um conjunto padrão de barras de ferramentas que é carregado. Conforme o &quantaplus; progredir, as barras de ferramentas serão atualizadas para atender as necessidades dos usuários e para fazer uso de novos recursos. </para>
|
|
|
|
<para
|
|
>O uso das barras de ferramentas é simples e direto. Se você deseja inserir uma marca básica, omo <p>, em seu documento, então clique no ícone que representa a marca. Agora você pode inserir seus dados para a marca que acabou de inserir. Se você deseja inserir uma marca que necessita de certos atributos (como uma âncora), então você obterá uma caixa de diálogo com os vários campos para você preencher. <mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="taginputex.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>O diálogo âncora (<a<).</para
|
|
></caption>
|
|
</mediaobject>
|
|
</para>
|
|
</sect2>
|
|
|
|
<sect2 id="qit-3-2">
|
|
<title
|
|
>As Ferramentas de Visualização</title>
|
|
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="quantamdi-treeview.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>As Ferramentas de Visualização.</para
|
|
></caption>
|
|
</mediaobject>
|
|
|
|
<para
|
|
>As Ferramentas de Visualização ou Árvores de Informação Rápida (do inglês, &QIT;) permitem-lhe navegar, abrir e procurar informações no &quantaplus;. Seu formato em abas oferece as Árvores de Arquivos, Projeto, Modelos, Estrutura do Documento, Scripts, Atributo e Documentação. </para>
|
|
|
|
<variablelist id="qit-parts">
|
|
<title
|
|
>As &QIT; Explanadas</title>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Arquivos <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="ftab.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Esta árvore é onde você pode navegar por todo o seu sistema de arquivos. Nela, você terá duas raízes de nível superior do sistema de arquivos. A primeira é sua pasta pessoal e a seguna é a /. Use-as para encontrar arquivos existentes em sua máquina que você gostaria de editar ou adicionar a um projeto ativo. Clicar com o botão direito do mouse em um arquivo nesta visão fornece diversas opções para gerenciar o arquivo selecionado e, também, permite inserir o arquivo em um projeto ativo, se houver algum, ou alternar a visão entre uma árvore e uma lista. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Projeto <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="ptab.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>O <link linkend="quanta-projects-3-2"
|
|
>Gerenciador de projeto</link
|
|
> é uma das ferramentas mais poderosas que o &quantaplus; oferece. Esta aba exibe todos os arquivos de seu projeto e permite gerenciar estes arquivos através do uso do clique do &RMB;. Ações, como adicionar, remover, enviar, ou excluir arquivo do disco, podem ser realizadas através deste menu. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Modelos <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="ttab.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Outro recurso do &quantaplus; são os modelos. Modelos podem ser qualquer coisa que deseje. Imagens, trechos de código, e páginas web inteiras, etc. Isto só depende de você. </para>
|
|
|
|
<para
|
|
>Modelos são ordenados em uma árvore de categorias, que são baseadas em seu escopo e o contexto que eles serão usados. Estes escopos são obtidos a partir do espaço de trabalho do &quantaplus;. Modelos globais são utilizáveis sempre, modelos locais são utilizáveis pelo usuário atual, e modelos de projeto são utilizáveis somente dentro do projeto específico. Mais sobre modelos pode ser encontrado em <xref linkend="templates-3-2"/>. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Scripts <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="exec.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Aqui você encontrará informações sobre os vários scripts disponíveis para seu uso. O conceito de Global, Local e Projeto funciona aqui também. Clicando com o &LMB; as entradas, você obtém acesso a todas as informações disponíveis sobre o script. E clicar com o &RMB; permite executar algumas ações, como executar o script, editar o script, ou enviar o script por mensagem eletrônica, por exemplo. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Estrutura do Documento <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="view_sidetree.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Esta aba exibe a representação da análise interna de seu documento. Com um clique do &LMB; em um elemento, seu cursor irá para a posição do elemento no documento. Com um clique do &RMB; em um elemento, você obterá um determinado número de ações que incluem navegação e atualização da árvore. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Atributo <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="tag_misc.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Esta árvore aparece abaixo de todas as outras &QIT;s. Dentro dela você pode editar atributos e espaços de nome. O sistema de entrada focado no conteúdo permite que você modifique todos os atributos disponíveis com pouco mais que alguns cliques de mouse. <mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="attribute_tree.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>Árvore de Atributo</para
|
|
></caption>
|
|
</mediaobject>
|
|
</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Árvore de Documentação <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="contents2.png" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Aqui você pode encontrar a documentação completa sobre tecnologias web para auxiliá-lo no desenvolvimento. Você pode baixar a documentação pré-empacotada para o &quantaplus; no <ulink url="http://quanta.sourceforge.net/docs.html"
|
|
>site de documentação do &quantaplus;</ulink
|
|
>, você pode <link linkend="creating-quanta-docs-3-2"
|
|
>criar sua própria documentação</link
|
|
> e, adicionando uma pasta com nome de "doc" em um projeto, você pode adicionar, editar e ver documentação específica do projeto. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
</sect2>
|
|
|
|
<sect2 id="information-3-2">
|
|
<title
|
|
>As Abas de Informações</title>
|
|
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="info_tab.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>As Abas de Informação do &quantaplus;.</para
|
|
></caption>
|
|
</mediaobject>
|
|
|
|
<para
|
|
>Por padrão o &quantaplus; possui duas abas localizadas na base da janela a partir das quais informações úteis podem ser obtidas. Elas são a janela de Mensagens e a janela de Problemas. </para>
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term
|
|
>Aba da Janela de Mensagens <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Esta aba exibe informações sobre qualquer script rodando no quanta. Por exemplo, o DTD que está sendo usado para o documento atual e qualquer mudança do DTD são exibidas. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term
|
|
>Aba de Problemas <inlinemediaobject
|
|
> <imageobject>
|
|
<imagedata fileref="" format="PNG"/>
|
|
</imageobject>
|
|
</inlinemediaobject>
|
|
</term>
|
|
<listitem>
|
|
<para
|
|
>Esta aba mostra qualquer erro na marcação do documento atual. Os scripts do &quantaplus; que são executados também imprimirão mensagens de erro (se existirem) nesta aba. </para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
</sect2>
|
|
|
|
<sect2 id="toolbars-3-2">
|
|
<title
|
|
>As Barras de Ferramentas</title>
|
|
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="toolbars.png" format="PNG"/>
|
|
</imageobject>
|
|
<caption
|
|
><para
|
|
>As barras de ferramentas &HTML; do &quantaplus;.</para
|
|
></caption>
|
|
</mediaobject>
|
|
|
|
<para
|
|
>As barras de ferramentas do &quantaplus; tem sido largamente extendidas e são fáceis de usar. Você clica em um botão e obtém a ação associada a ele. A parte boa sobre as barras de ferramentas é que você pode definir suas próprias ações graficamente de dentro do &quantaplus;. </para>
|
|
|
|
<para
|
|
>Gerenciar barras de ferramentas no &quantaplus; é fácil. Selecionando o menu <guimenu
|
|
>Barras de Ferramentas</guimenu
|
|
>, você tem opções para carregar, salvar, adicionar, remover e até enviar por mensagem eletrônica barras de ferramentas. Quando você seleciona carregar uma barra de ferramentas, você deve escolher a partir de qual dos três <link linkend="quanta-workspaces-3-2"
|
|
>espaços de trabalho</link
|
|
> do &quantaplus; você fará isso. Ao salvar uma nova barra de ferramentas criada, você pode salvá-la no escopo local ou dentro do escopo do projeto. Se você deseja criar uma nova barra de ferramentas disponível no escopo global, pessa ao seu administrador para colocá-la na pasta de barras de ferramentas globais do &quantaplus;. </para>
|
|
|
|
<para
|
|
>Outro recurso do &quantaplus; é a habilidade de enviar por mensagem eletrônica suas barras de ferramentas. O &quantaplus; envia a barra de ferramentas como um arquivo compactado (.tar.gz) através do &kmail;. Se você receber uma barra de ferramentas por correio eletrônico, então salve-a (e carregue-a) em seu &quantaplus; como qualquer outra barra de ferramentas! </para>
|
|
</sect2>
|
|
</sect1>
|
|
</chapter>
|