1 Prof.. Sergiio Seriino UNIFAI Graduação Aulla de maniipullação do Soffttwarre NVU Esta aula é composta por dois arquivos: 1) intro_aula_nvu.doc (este doc word) 2) NVU (arquivo do Programa) Objetivos: Permitir ao aluno manipular funções básicas no programa NVU; Realizar uma atividade voltada à edição de páginas de internet para a divulgação de trabalhos de ação social na internet. Rotteiirro da aulla:: - Abra o Software NVU Passos de edição: FUNDO Escolha um fundo para compor a sua página de internet. Note que existem dois modos principais para a escolha deste fundo. O primeiro modo é escolher uma cor para fundo, além de todas as cores referentes aos dizeres que determinam as letras dos links. Você pode acessar clicando em <Format> <Page Colors and Backgroung...> <Use custom colors> em seguida clique em cada uma das caixas: Normal text, Active link text, Visited link text, e Background. Quando clicar em cada uma delas aparecerá uma caixa de paletes de cor para que selecione a cor desejada, efetue a sua escolha para cada um dos itens e veja o seu efeito.
O segundo modo é escolher uma figura externa para que seja utilizada como fundo. Note que neste modo é interessante que se faça um tratamento prévio da imagem que será inserida como fundo, você pode utilizar o software editor de imagens Gimp no qual aprendemos a utilizar em nossas aulas anteriores. Um efeito que pode se feito no Gimp é tornar a imagem de fundo mais fraca, como uma espécie de marca d água de modo a não ofuscar as imagens e os caracteres da página que estarão em sua frente. Para colocar uma imagem de fundo você deve clicar em <Format> <Page Colors and Backgroung...> <Chose file...>, selecionar o arquivo que contém a figura que deseja utilizar como fundo e então clicar em <OK>. Note que a referência ao tamanho das fotos que são inseridas na página de internet a ser editada é dada em pixels (px), e para tal existem dois números um no topo da imagem e outro na lateral esquerda que determinam a quantidade de pixels que ocupa a sua página, se por ventura a sua foto como fundo apareceu menor ou maior do que você deseja existe a necessidade de você reeditá-la no software Gimp, por exemplo, mudando o tamanho total de pixels que contam a foto ( comando resize). 2
3 DIGITAÇÃO DE CARACTERES A digitação de textos se faz semelhante ao Word MS, você pode digitar o texto diretamente sobre o fundo escolhido explore na barra acima de ferramentas as ferramentas de edição de texto que se encontram na terceira linha de comandos do software: INSERÇÃO DE LINKS Clique em <Insert> <Link> e aparecerá a caixa: Na linha superior digite o texto que será utilizado como link, na linha inferior digite o endereço eletrônico que este link chamará ou escolha o arquivo de extensão html que ele abrirá se assim o desejar, selecionando a opção <Chose File...> INSERÇÃO DE IMAGENS A Inserção de imagens pode ser feita clicando em <Insert> <Image> que abrirá a seguinte caixa:
4 Se a imagem é um arquivo localizado em sua máquina, selecione a opção <Choose File..> e busque o arquivo desejado. Não se esqueça de digitar um texto alternativo para a foto em questão, ele serve como um identificador da foto quando a página é exibida na internet. Toda imagem pode ser transformada em um link o que pode ser muito agradável para efeitos estéticos, assim a última aba desta caixa permite que você entre com um endereço da página que deseja abrir quando a foto for clicada, note que se esse endereço estiver na web o inicio do nome da página sempre começa por http:// e em seguida o nome da página desejada. Exemplo: http://www.unifai.edu.br As imagens inseridas podem ser posicionadas e alteradas de tamanho e proporção tal qual faz se no Word MS, basta clicar e segurar o mouse apertado com o botão esquerdo em qualquer canto da imagem quando aparecer a dupla flecha e em seguida formatar a imagem ao seu gosto. INSERÇÃO DE TABELAS Um recurso muito elegante na criação de páginas de internet é a inserção de tabelas experimente este recurso selecionando a opção: <Table> <Insert> <Table> que exibirá a caixa:
5 A edição de tabelas se faz de maneira semelhante a que é feita no software Word MS. Explore este recurso, dentro de cada célula de uma tabela além poder se digitar textos podese também inserir fotos/figuras o que dá toda um charme especial a sua web page. SALVANDO A PÁGINA DE INTERNET (O ARQUIVO EM HTML) Uma vez terminada a edição de cada uma suas páginas (a principal chamada de index.html e todas as demais indexadas a esta), salve cada uma delas como um arquivo em HTML, os quais serão posteriormente transferidos ao seu site de hospedagem, tal qual fizemos no semestre passado. Para realizar esta operação de salvamento dos arquivos proceda da seguinte maneira: clique em <File> <Save As> e então digite o nome que deseja dar ao arquivo na caixa: e em seguida clique em <Salvar>. Atividade para nota: Recrie a sua página de internet desenvolvida no semestre anterior com esta nova ferramenta. Monte um novo conteúdo para a sua web Page que deve contemplar as seguintes condições: - Apresentar todos os elementos que formam seu grupo de trabalho no curso do Serviço Social no UNIFAI. - Apresentar um trabalho de seu grupo realizado neste ano (pode ser qualquer trabalho, de qualquer disciplina do curso, escolha o melhor!!!). - Hospedar/Armazenar o seu trabalho na WEB, você pode utilizar o serviço de hospedagem que criamos no semestre passado (recupere as suas senhas...) e não se esqueça de publicá-lo nos grandes sites de busca como, por exemplo, o Google, tal qual fizemos em nossa atividade do semestre passado. Este trabalho será de suma importância em sua nota de trabalho para este Bimestre. Seu esforço será muito importante e recompensado em termos de aprendizado. Dedique-se! Bom trabalho.
6