![Page 1: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/1.jpg)
EAD em alimentos – Construção de hipertextos
Julio Alberto NitzkeJulho de 2009
![Page 2: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/2.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Criar o site no Dreamweaver:
![Page 3: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/3.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Criar pasta “imagens” no site (botão direito do mouse sobre o “site” – “New folder”)
![Page 4: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/4.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Salvar arquivo como “index.html” na pasta site Fulano
![Page 5: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/5.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Modificar as propriedades da página (Modify / Page properties)
![Page 6: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/6.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Modificar as propriedades da página (Modify / Page properties / links)
![Page 7: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/7.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Modificar as propriedades da página (Modify / Page properties / Title)
![Page 8: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/8.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Inserir tabela 1 x1
![Page 9: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/9.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “pagina” e definir cor de fundo
![Page 10: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/10.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Inserir tabela 1 x1 dentro da table “pagina” (colocar o cursor dentro da tabela “pagina”
![Page 11: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/11.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “titulo” e definir cor de fundo
![Page 12: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/12.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Inserir tabela 2x1 dentro da table “pagina” (colocar o cursor dentro da tabela “pagina”, abaixo da tabela “titulo”
![Page 13: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/13.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Escreva o título da página e defina suas propriedades
![Page 14: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/14.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “principal” e definir cor de fundo
![Page 15: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/15.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Copiar o arquivo da foto (arcimboldo.jpg) para a pasta fulano/imagens
![Page 16: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/16.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Arrastar imagem para dentro da célula da esquerda da tabela “principal”
![Page 17: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/17.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Com o cursor sobre a divisão das células, arrastar até a dimensão desejada (tamanho da foto)
![Page 18: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/18.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Defina o alinhamento da célula
![Page 19: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/19.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Escreva o texto de sua página (se desejar altere o alinhamento da célula)
![Page 20: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/20.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Inserir tabela 1 x1 dentro da table “pagina” (colocar o cursor dentro da tabela “pagina”, abaixo da tabela “principal”)
![Page 21: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/21.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “divisor” e definir cor de fundo
![Page 22: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/22.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Inserir tabela 1 x4 – 50% dentro da tabela “pagina” (colocar o cursor dentro da tabela “pagina”, abaixo da tabela “divisor”)
![Page 23: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/23.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “navegacao” e centralizar na página
![Page 24: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/24.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Definir a cor das células e o alinhamento centralizado
![Page 25: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/25.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Colocar o nome dos links de navegação
![Page 26: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/26.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Marcar “inicial” e fazer o link com o arquivo “index.html”
![Page 27: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/27.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Marcar “trabalhos” e fazer o link com o arquivo “trabalhos.html” (a ser criado) . Repetir o mesmo procedimento para “hobbies”
![Page 28: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/28.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Marcar “Contatos” e inserir um link para email.
![Page 29: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/29.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Salvar o arquivo como “trabalhos.html”. Repetir o mesmo procedimento para “hobbies” (parte 1)
![Page 30: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/30.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Salvar o arquivo como “trabalhos.html”. Repetir o mesmo procedimento para “hobbies” (parte 2)
![Page 31: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/31.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Fazer as alterações na página “trabalhos.html”. Repetir o mesmo procedimento para “hobbies”
![Page 32: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/32.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Alterar os textos e inserir links na página inicial
![Page 33: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/33.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Para colocar seus arquivos no Chasque disco proceda de acordo com as instruções publicadas em:
http://www.cpd.ufrgs.br/central/chasque/cdisco/InternetExplorer.htm
Copie e cole todos seus arquivos na pasta public_html de seu disco.
Após concluir apague esta pasta de acordo com s instruções publicadas em:
http://www.cpd.ufrgs.br/central/chasque/cdisco/ApagarDisco.htm
![Page 34: EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009](https://reader035.vdocuments.pub/reader035/viewer/2022062623/552fc102497959413d8be347/html5/thumbnails/34.jpg)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Programa NVU (software grátis de criação de hipertextos
http://www.baixaki.com.br/download/nvu.htm
Após instalar o software, copie o arquivo nvubr.xpi (disponível na página do curso) para a pasta em que foi criado o NVU. Abra o NVU e clique em File/Open e escolhe a opção All Files. Procure o arquivo nvubr.xpi e abra-o.Feche o NVU e abra novamente e os menus estarão traduzidos para o português.