Escola Secundária José Gomes Ferreira

1. 2006/2007 Escola Secundária José Gomes Ferreira Disciplina: TIC Professor: Luís Pitta Como construir páginas usando o NVU Ana Costa Nº 2 Filipa Martins Nº 7 Margarida Mendes Nº 17 Maria Ferreira Nº 28 Grupo B

2. O que é o NVU? O NVU (pronuncia-se Nview) é um editor de HTML: • Popular; • Gratuito; • Estilo WYSIWYG (What You See Is What You Get); • De código livre; • Disponível para Linux, MacOS e Windows; • Semelhante ao Frontpage e ao Dreamwaver.

3. O que é o NVU? • O NVU permite fazer quase todas as tarefas que o FrontPage executa. Para além disso, tem uma ferramenta de limpeza de códigos e um excelente construtor de tabelas. • No entanto, não permite alguns recursos, como a construção de páginas com frames e plugins.

4. Elementos da Janela do NVU 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. 4 – Barra de FormataçãoPermite ao usuário a utilização da maioria dos recursos de formatação como aplicação de fonte, tamanho, etc. 5 – Área de Trabalho 2 – Barra de MenusContém os menus onde se encontram todos os recursos do NVU. 1 – Barra de TítuloMostra o nome do aplicativo, o nome do documento em uso. 6 – Modos de Visualização Quatro modos diferentes de visualizar o documento.

5. Comandos mais Importantes Os comandos mais importantes para se construir uma página simples utilizando o NVU encontram-se todos na Barra de Ferramentas. Novo – Permite criar uma nova página que poderá ser aberta ou no mesmo documento numa outra folha ou num novo documento. Também está presente no menu Ficheiro (File) sub menu Novo (New). Abrir – Permite escolher um documento para abrir. Também se encontra no menu Ficheiro (File) sub menu Abrir Ficheiro (Open File). Guardar – Permite guardar o documento. Também se encontra no menu Ficheiro (File) sub menu Guardar (Save).

6. Inserir Hiperligações – Permite inserir uma hiperligação que pode ser externa (para outra página com um endereço URL diferente), interna oara outros documentos HTML no mesmo computador ou interna para outras secções dentro do mesmo documento. Também está presente no menu Inserir (Insert) sub menu Hiperligação (link). Inserir Imagem – Permite inserir uma imagem na página HTML ou modificar as propriedades de uma imagem que esteja seleccionada. Também se encontra no menu Inserir (Insert) sub menu Imagem (Image). Inserir Tabela – Permite inserir uma tabela ou modificar as propriedades de uma tabela que esteja seleccionada. Também se encontra no menu Inserir (Insert) sub menu Tabela (Table).

7. Diferentes Modos de Visualização • Tal como o FrontPage o NVU apresenta quatro modos diferentes de visualização: • A vista Normal permite criar páginas Web em modo WYSIWIG:

8. A vista HTML Tags apresenta ícones de todas as tags que nós utilizamos no documento:

9. A vista Source permite editar directamente em código HTML:

10. A vista Preview que permite pré visualizar o aspecto da página no browser:

11. Recursos O que é o NVU? http://pt.wikipedia.org/wiki/Nvu (em Português) Como criar páginas com o NVU? http://www.nvu.com/websitehelp.php (em Inglês) Quais os comandos mais importantes do NVU? http://www.nvu.com/guide/apostila_nvu_cobra1-1.0.pdf (em Português) Este programa pode ser descarregado em: http://cvs.nvu.com/download/nvu-1.0-win32-installer-full.exe http://cvs.nvu.com/download/nvu-1.0-win32-full.zip