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

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:


Criar pasta “imagens” no site (botão direito do mouse sobre o “site” – “New folder”)


Salvar arquivo como “index.html” na pasta site Fulano


Modificar as propriedades da página (Modify / Page properties)


Modificar as propriedades da página (Modify / Page properties / links)


Modificar as propriedades da página (Modify / Page properties / Title)


Inserir tabela 1 x1


Nomear tabela “pagina” e definir cor de fundo


Inserir tabela 1 x1 dentro da table “pagina” (colocar o cursor dentro da tabela “pagina”


Nomear tabela “titulo” e definir cor de fundo


Inserir tabela 2x1 dentro da table “pagina” (colocar o cursor dentro da tabela “pagina”, abaixo da tabela “titulo”


Escreva o título da página e defina suas propriedades


Nomear tabela “principal” e definir cor de fundo


Copiar o arquivo da foto (arcimboldo.jpg) para a pasta fulano/imagens


Arrastar imagem para dentro da célula da esquerda da tabela “principal”


Com o cursor sobre a divisão das células, arrastar até a dimensão desejada (tamanho da foto)


Defina o alinhamento da célula


Escreva o texto de sua página (se desejar altere o alinhamento da célula)


Inserir tabela 1 x1 dentro da table “pagina” (colocar o cursor dentro da tabela “pagina”, abaixo da tabela “principal”)


Nomear tabela “divisor” e definir cor de fundo


Inserir tabela 1 x4 – 50% dentro da tabela “pagina” (colocar o cursor dentro da tabela “pagina”, abaixo da tabela “divisor”)


Nomear tabela “navegacao” e centralizar na página


Definir a cor das células e o alinhamento centralizado


Colocar o nome dos links de navegação


Marcar “inicial” e fazer o link com o arquivo “index.html”


Marcar “trabalhos” e fazer o link com o arquivo “trabalhos.html” (a ser criado) . Repetir o mesmo procedimento para “hobbies”


Marcar “Contatos” e inserir um link para email.


Salvar o arquivo como “trabalhos.html”. Repetir o mesmo procedimento para “hobbies” (parte 1)


Salvar o arquivo como “trabalhos.html”. Repetir o mesmo procedimento para “hobbies” (parte 2)


Fazer as alterações na página “trabalhos.html”. Repetir o mesmo procedimento para “hobbies”


Alterar os textos e inserir links na página inicial


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


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.

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

Documents

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