Carregar apresentação
A apresentação está carregando. Por favor, espere
PublicouOlívia David Alterado mais de 10 anos atrás
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.
Apresentações semelhantes
© 2024 SlidePlayer.com.br Inc.
All rights reserved.