Post on 17-Apr-2015
EAD em alimentos – Construção de hipertextos
Julio Alberto NitzkeJulho de 2009
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Criar o site no Dreamweaver:
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”)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Salvar arquivo como “index.html” na pasta site Fulano
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Modificar as propriedades da página (Modify / Page properties)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Modificar as propriedades da página (Modify / Page properties / links)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Modificar as propriedades da página (Modify / Page properties / Title)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Inserir tabela 1 x1
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “pagina” e definir cor de fundo
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”
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “titulo” e definir cor de fundo
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”
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Escreva o título da página e defina suas propriedades
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “principal” e definir cor de fundo
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Copiar o arquivo da foto (arcimboldo.jpg) para a pasta fulano/imagens
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Arrastar imagem para dentro da célula da esquerda da tabela “principal”
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)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Defina o alinhamento da célula
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)
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”)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “divisor” e definir cor de fundo
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”)
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Nomear tabela “navegacao” e centralizar na página
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Definir a cor das células e o alinhamento centralizado
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Colocar o nome dos links de navegação
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Marcar “inicial” e fazer o link com o arquivo “index.html”
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”
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Marcar “Contatos” e inserir um link para email.
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)
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)
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”
EAD em alimentos – Construção de hipertextos – Julio Alberto Nitzke - Julho 2009
Alterar os textos e inserir links na página inicial
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
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.