O Nvu é um novo editor de documentos HTML em modo visual que

NVU
O Nvu é um novo editor de documentos HTML em modo visual que permite criar facilmente um novo
documento sem ter a necessidade de conhecer a linguagem HTML.
É um software Open Source, ou seja, livre, pode ser instalado e copiado gratuitamente, tanto em Linux
quanto Windows. Seu principal concorrente é o Microsoft Office Publisher.
CONHECENDO O NVU:
1. ELEMENTOS DA JANELA DO NVU
1.1-Barra de Título - Mostra o nome do aplicativo, o nome do documento em uso.
1.2-Barra de Menus - Contém os menus onde se encontram todos os recursos do NVU. Para abrir, basta
clicar uma vez sobre seu nome.
1.3-Barra de Ferramentas - Nesta barra encontram-se botões que permitem agilizar os recursos mais
utilizados do NVU, evitando o percurso pelo interior dos menus.
Veja a seguir para que eles servem.
New/Novo - Ao clicar sobre esse botão, você poderá criar uma nova página. A nova página poderá ser
aberta em uma nova aba, ou em uma nova janela.
Open/Abrir - Permite que você escolha um arquivo local para abertura.
Save/Salvar - Permite que você salve a página em edição, localmente.
Publish/Publicar - Esta opção permite publicar a página em uma posição remota. Para isso é necessário
especificar o http do site.
Browse/Navegador: Visualiza a página corrente no navegador Mozilla (preview)
Anchor/Âncora - Inserir nova âncora ou editar as propriedades da âncora.
Link - Esta opção permite que você insira um novo link ou edite as propriedades do link selecionado.
- Propriedades do Link
a) Link Text/Texto do Link:Texto na qual será o link para outra página ou parte dessa mesma página.
b) Link Location/ Posição do Link: Endereço de outra página sua ou da internet ou mesmo parte do texto.
c) Choose Filhe/Escolher arquivo: Esse botão serve para escolher a página ou mesmo arquivo, caso seja seu.
Image/Imagem - Ao clicar sobre imagens você poderá inserir uma nova imagem em sua página html ou
modificar as propriedades de uma imagem que esteja selecionada.
Funções das Guias:
a) Location
Posição da imagem: Especifique o local ou arquivo onde a imagem está localizada (Deve-se clicar no botão
CHOOSE FILE e selecionar a imagem na pasta correspondente)
Texto alternativo: Você tem essa opção para inserir texto ao passar o mouse sobre a imagem, podendo ser
usada ou não. (Selecione a opção "Don´t use alternatite text" ou escreva um texto alternativo no campo
"Alternate text").
b) Dimensions
Dimensions Actual Size: Tamanho atual da imagem.
Custom Size: Dimensionar o tamanho imagem.
Width: Largura da imagem
Heigth: Altura da imagem
Left and Rigth: Espaçamento da esquerda e direita da imagem.
Top and Bottom: Espaçamento no alto e ao fundo da imagem.
Solid Border: Altera o tamanho da borda.
c) Appearance
Align Text to Image: Alinha o texto com a imagem, conforme sua preferência.
Spacing: espaçamento.
d) Link
A guia Link é utilizada apenas quando se deseja transformar a imagem em link para algum site externo ou
página.html.
Para criar um link para um site externo, deve preencher a caixa de texto com o endereço do site. Caso a
página seja interna, deve-se clicar sobre o botão "choose file..." e localizar a página na pasta correspondente.
Table/Tabela - Insere uma tabela na página. Muito usada para estruturar/fixar as informações na página
Guias:
a) Quickly: Escolha manual.
b) Precisely: Escolha por números precisos:
Rows/Linhas: Número de linhas para tabela.
Columns/Colunas: Número de colunas para tabela.
1
Width/Largura: Ocupação da tabela na tela (em pixels ou porcentagem)
Border/Borda: Largura da borda.
Formulário - Traz uma série de opções referentes à inserção e edição de formulários.
Ortografia - Permite que você cheque a ortografia do texto.
Imprimir - Permite configurar opções de impressão.
1.4-Barra de Formatação - Esta barra permite ao usuário a utilização da maioria dos recursos de
formatação como aplicação de fonte, tamanho, etc.
Body text: Altera o corpo do texto para H1, H2, H3, H4, H5 ou H6. Obs.: Este item não serve para alterar o
tipo de fonte. Para isso é necessário escolhe o menu Format > Font
Color: No quadrado superior, altera a cor do texto (padrão preto) e no quadrado inferior altera a cor do
background (padrão branco)
Menos Size: Diminui o tamanho da fonte
Mais Size: Aumenta o tamanho da fonte
Bold: Deixa o texto negrito. Ex.: Texto
Italic: Deixa o texto itálico. Ex.: Texto
Underline: Deixa o texto sublinhado. Ex.: Texto
Lista ordenada: Insere automaticamente uma numeração crescente a cada novo parágrafo
Marcadores: Insere automaticamente símbolo marcador no início do parágrafo. Muito usado para tópicos
Alinhado a esquerda: Alinha o texto a margem esquerda da página
Centralizado: Alinha o texto ao centro da página
Alinhado a direita: Alinha o texto a margem direita da página
Justificado: Força o alinhamento do texto nas duas margens da página
Recuar Parágrafo: Retorna o parágrafo a origem (exclui o espaço)
Avançar Parágrafo: Insere um espaço padrão no parágrafo
2. MODOS DE EXIBIÇÃO
O NVU apresenta 4 modos de visualização:
-
Normal: modo de edição da página.
Show All Tags: modo onde é possível visualizar os tags (body, text,...)
Source: modo de edição a partir dos comandos HTML.
Preview: modo de visualização da página. Obs.: Não aparece as linhas de borda e os links aparecem sem
linhas.
3. BACKGROUND, BGCOLOR, TEXT, LINK, ALINK E VLINK
As opções BACKGROUND, BGCOLOR, TEXT, LINK, ALINK
E VLINK, podem ser alterados através do menu
"FORMAT - PAGE COLOR AND BACKGROUND".
Para inserir uma imagem no fundo da página
(Background), deve-se clicar no botão "choose file..." da
caixa ao lado e selecionar a imagem na pasta
correspondente.
É importante ressaltar que caso a imagem seja menor
que a largura da tela, a mesma se repetirá várias vezes
até preencher toda a extensão da página.
Para alterar a cor padrão do texto (text), deve-se
escolher a opção "use custom colors", e clicar sobre o
retângulo correspondente ao "normal text".
A cor do link (padrão azul) pode ser alterada clicando
sobre o retângulo "Link Text".
As opções "active link text", referente ao link quando
ativado/clicado; "visited link text", referente ao link
depois de visitado e "background" (cor do fundo da
página) podem ser alterados da mesma forma que os
demais: clicando no retângulo correspondente.
2