EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009.

Apresentação em tema: "EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009."— Transcrição da apresentação:

1 EAD em alimentos – Construção de hipertextos Julio Alberto Nitzke Julho de 2009

2 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Criar o site no Dreamweaver:

3 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)

4 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Salvar arquivo como index.html na pasta site Fulano

5 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Modificar as propriedades da página (Modify / Page properties)

6 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Modificar as propriedades da página (Modify / Page properties / links)

7 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Modificar as propriedades da página (Modify / Page properties / Title)

8 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Inserir tabela 1 x1

9 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Nomear tabela pagina e definir cor de fundo

10 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

11 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Nomear tabela titulo e definir cor de fundo

12 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

13 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Escreva o título da página e defina suas propriedades

14 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Nomear tabela principal e definir cor de fundo

15 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Copiar o arquivo da foto (arcimboldo.jpg) para a pasta fulano/imagens

16 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Arrastar imagem para dentro da célula da esquerda da tabela principal

17 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)

18 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Defina o alinhamento da célula

19 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)

20 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)

21 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Nomear tabela divisor e definir cor de fundo

22 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)

23 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Nomear tabela navegacao e centralizar na página

24 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Definir a cor das células e o alinhamento centralizado

25 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Colocar o nome dos links de navegação

26 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Marcar inicial e fazer o link com o arquivo index.html

27 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

28 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Marcar Contatos e inserir um link para email.

29 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)

30 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)

31 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

32 EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009 Alterar os textos e inserir links na página inicial

33 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

34 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.