Tutorial NVU

Apresentao O NVU um software opensource, ou seja, grtis e de cdigo aberto, podendo ser alterado, desenvolvido para criao, edio e implementao de pginas da web. Ele possui ferramentas de rpido acesso muito importantes para o desenvolvimento de Websites, como suporte para hyperlinks, imagens, tabelas, som, vdeos e muito mais. Ferramentas Neste tutorial estaremos dando uma viso bsica e eficaz do aplicativo, explicando com clareza as ferramentas mais utilizadas no mesmo. O NVU como qualquer aplicativo com interface de texto, mantm as mesmas regras de manipulao e edio bsicas que o Microsoft Word por exemplo, mas com uma particularidade, esto em ingls. Ento vamos s ferramentas. Tabela Uma das ferramentas mais importantes e utilizadas no NVU para o desenvolvimento de Websites a tabela. Para ativ-la, siga os passos:

No menu Insert clique em Table..., Logo em seguida uma janela aparecer com 3 guias, Quickly, Precisely e Cell, requisitando as propores da tabela. Existem duas maneiras de especificar isto.

Uma delas arrastando o cursor pela pequena tabela que ali est aparecendo, a rea tarjada representa o tamanho da tabela a ser criada.

Ou ento clicando em Precisely e especificando em Row o nmero de linhas e em Columns o nmero de colunas.

A guia Cell, leva para um menu de edio da tabela a ser criada.Com as seguintes opes:

Horiz. Alignment: Considerando horizontalmente, onde o texto se localizar; Vert. Alignment: Considerando verticalmente, onde o texto se localizar; Text wrapping: wrap(condicionar o texto conforme o espao) e don't wrap(no condicionar); Cellspacing: representa a quantidade em pixels de espao entre as celulas; Cellpadding: representa a quantidade em pixels de espao entrea borda e o contedo da clula.

Imagens Para adicionar imagens a uma pgina bem simples, primeiro acesse o menu Insert e em seguida Image....

Uma janela com 4 guias aparecer, so elas: Location, Dimensions, Appearence e

Link:

Location: Na guia Location, so requisitados o local da figura(Image Location), o ttulo da figura (Tooltip) e um texto alternativo para problemas de acessibilidade(Alternate text) se selecionado.

Para inserir uma imagem, clique em Choose File... e em seguida localize o arquivo de imagem a ser adicionado. Logo em seguida insira o ttulo e um texto alternativo( recomendado), ento clique em Ok.

Dimensions: Na guia dimensions voc pode alterar as matizes da figura, mantendo na forma atual (actual size) ou simplesmente especificando uma largura (Width) e uma altura (Height) diferentes em Custom size.

A caixa Constrain, se marcada, indica automaticamente uma altura ou uma largura ideais

para a largura oualtura especificados respectivamente.

Appearence: Nesta guia voc pode especificar o espao a partir da figura (Spacing -Left and Right, Top and Bottom e Solid Border - ) , a posio do texto em relao a figura (Align Text to Image) e inclusive remover o mapa da figura.

Left and Right: Define, em pixels, a distancia que ficar vaga esquerda e direita da figura; Top and Bottom: Define, em pixels, a distancia que ficar vaga acima e abaixo da figura; Solid Border: Imprime uma especie de moldura na figura medida em pixels.

Link: Esta guia permite que se insira um endereo externo ou interno para que a figura leve a alguma outra rea.

Para linkar a figura com alguma pgina da web especifique o endereo destino na barra referenciada na figura acima, para linkar com alguma outra rea do mesmo documento procure

na lista o local ncorado ou ento se for para referenciar um e-mail especifique o endereo e em seguida marque a opo The above is an email address (o superior um endereo de e-mail). Hyperlinks Existem dois tipos de links, os links internos, criados a partir de ncoramentos de assuntos e os externos, criados a partir de URLs. Criar um link interno muito til, pois torna o acesso aos textos mais gil e interativo, facilitando uma busca direta pelo assunto, e o processo corre da seguinte forma:

Primeiramente se insere o texto. Ento selecione para onde o link ir levar. OBS: As ncoras so feitas no documento presente, ou seja somente na pgina atual que voc est criando. Acessando o menu Insert e clicando em seguida em Named Anchor, esta janela aparecer. Nela informe a maneira que voc gostaria que o NVU se referisse e ela.

Note que, ao ncorar algo, uma pequena ncora ficar marcada no lugar. Depois selecione a palavra que ser o link. Em seguida, v novamente ao menu Insert, mas desta vez, clique em Link. Esta janela abrir, requisitando a localidade da ncora ou a URL da pgina para onde o link ir levar. Ento selecione na lista a ncora referente ao lugar para onde seu link levar. Se voc seguiu os passos corretamente, ao clicar na seta (rea circulada maior) a indicao que voc escolheu dever estar l. Clique nela e voc criar o link interno. Para links externos, algumas modificaes sero feitas. Primeiro selecione a palavra que vai ser o seu link.

Depois s inserir a URL da pgina externa onde esta referenciado com a seta vermelha, e em seguida clique em Ok ( rea circulada). Salvando Ao salvar pela primeira vez o NVU mostra esta janela, requisitando um ttulo para que o mesmo possa denominar a pgina.

Informe o ttulo e em seguida o lugar onde voc deseja salv-lo. Para mais informaes sobre NVU, acesse ttp://www.nvu.com/guide/apostila_nvu_cobra1-1.0.pdf .