SlideShare una empresa de Scribd logo
1 de 12
CRIANDO UM SITE COM O MICROSOF FRONTPAGE 2003 PROF. ANTONIO VAZ  (PROF. INFORMÁTICA EDUCATIVA) EMEF. GOV. MÁRIO COVAS ITAQUERA – SÃO PAULO ABRIL DE 2010
ORGANIZAÇÃO DO SITE: O QUE PRETENDE DIVULGAR? QUE TIPO DE CONTEÚDO VOCÊ PODE APRESENTAR NA WEB? ESTABELECER SEUS OBJETIVOS: SE PERGUNTAR  O QUE SEUS LEITORES PROCURAM? O QUE DESEJA REALIZAR COM SEU SITE DIVIDIR O CONTÉUDO EM TÓPICOS CRIAR LISTA DE PRINCIPAIS TÓPICOS  ORGANIZAÇÃO E NAVEGAÇÃO: ESTRUTURA E NAVEGAÇÃO. OS TIPOS DE INFORMAÇOES COMO OS LEITORE CONSEGUEM SE DESLOCAR PELO CONTÉUDO  PARA ENCONTRAR INFORMAÇÕES QUE PRECISAM.  RETORNAR Á PAGINA PRINCIPAL  NAVEGAÇÃO POR HIERARQUIAS. MANEIRA MAIS FÁCIL E MAIS LÓGICA DE ESTRUTURAR OS SEUS DOCUMENTOS. Prof. Antonio Vaz (Info. Educativa)
PESQUISA SOBRE: O QUE É UM SITE? O QUE É UMA HOMEPAGE? PROVEDORES DE ACESSO NAVEGADORES PROTOCOLOS INTERNET (TCP/IP) IP WWW(WORLD WIDE WEB) NAVEGAÇÃO POR HIERARQUIAS O STORYBOARD QUAL O SIGNIFICADO PARA FTP, http? O QUE É TELNET? O QUE É DIAGRAMAÇÃO?  O QUE HIPERTEXTO?  Prof. Antonio Vaz (Info. Educativa)
PESQUISA SOBRE: O SIGNIFICADO DE  IMAGEM .GIF ,BTMAP e .JPEG? O QUE É MÚSICA .MID E .MP3? O QUE É HIPERLINK INTERNO O QUE É HIPERLINK EXTERNO O QUE É HTML O QUE É UM WEBMASTER O QUE E UM WEBDESIGN OBS.: ESTAS PERGUNTAS JUNTAMENTE COM AS RESPOSTAS DEVERÃO TER UMA PÁGINA ESPECIAL EM SEU SITE. NELA TEREMOS O QUE FOI PESQUISADO E NOSSOS LEITORES PODERÃO VER O QUE É NECESSÁRIO PARA SE FAZER UM SITE, MESMO QUE NÃO SEJA UM SITE PROFISSIONAL. Prof. Antonio Vaz (Info. Educativa)
CRIANDO UM SITE COM O MICROSOF FRONTPAGE 2003 PROF. ANTONIO VAZ  (PROF. INFORMÁTICA EDUCATIVA) EMEF. GOV. MÁRIO COVAS ITAQUERA – SÃO PAULO ABRIL DE 2010
1-Criando a estrutura do Site  Textos  Imagens  Galeria de fotos  Animações GIF animado Animações em Flash (.swf)  Botões Interativos  Efeitos sonoros Fundo musical (.mid) Músicas para fazer download (.mp3) Link’s  Vídeos Avi ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
2-Criando páginas adicionais e botões interativos. História da África do Sul( localização, população, etc)  História da Copa do mundo  Seleções  Bandeiras  Estádios   Jogadores famosos  Vídeos  Galeria de Fotos Link’s  Curiosidades ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
3-Inserindo Imagens. Clicar em inserir imagem do arquivo Abrir a pasta do site com as imagens Copiar e colar Redimensionar e acertar a posição da imagem. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
4-Inserindo Gifs animados. Clicar em inserir  Imagem do arquivo Escolher a pasta de Gif. Copiar e colar Obs.: A imagem só terá animação quando for visualizada. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
5-Inserindo Fundo Musical. Clicar com o botão direito do mouse na página que irá colocar o som. Propriedade da página Onde está escrito som de fundo, clicar em procurar Escolher a pasta de música (.mid) Opção “contínuo” dar OK. Obs.: Só pode colocar música com extensão .mid. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
6-Inserindo Link externo. Escrevo o link(ex.: Site uol) Abro a página da uol Copio a URL (www.uol.com.br) Seleciono o link (uol), clicou em cima do link com o botão direito do mouse Escolho a opção Hiperlink Colo a URL no local (endereço) e dou OK. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
7-Inserindo vídeo. Clicar em inserir , componente da Web Escolho o componente Controle avançado Depois o controle ActiveX - Avançar Clico em Windows Media Player. Concluir Clico com o botão direito do mouse em cima da tela do vídeo. Propriedade do Controle Activex. Clico em procurar, abro a pasta do site com o vídeo e clico em abrir Aplicar e Ok. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)

Más contenido relacionado

Más de PROF. ANTONIO VAZ

Projeto xadrez prof antonio vaz
Projeto xadrez prof antonio vazProjeto xadrez prof antonio vaz
Projeto xadrez prof antonio vaz
PROF. ANTONIO VAZ
 

Más de PROF. ANTONIO VAZ (12)

Visita cultural – a importância e história do Parque do Carmo.
Visita cultural – a importância e história do Parque do Carmo.Visita cultural – a importância e história do Parque do Carmo.
Visita cultural – a importância e história do Parque do Carmo.
 
A raposa e o corvo
A raposa e o corvoA raposa e o corvo
A raposa e o corvo
 
Personalidades negras
Personalidades negrasPersonalidades negras
Personalidades negras
 
Capitulo 2 o mate nas fileiras de retaguarda
Capitulo 2   o mate nas fileiras de retaguardaCapitulo 2   o mate nas fileiras de retaguarda
Capitulo 2 o mate nas fileiras de retaguarda
 
Projeto xadrez prof antonio vaz
Projeto xadrez prof antonio vazProjeto xadrez prof antonio vaz
Projeto xadrez prof antonio vaz
 
Guia jovem tec
Guia jovem tecGuia jovem tec
Guia jovem tec
 
Tutorial edmodo
Tutorial edmodoTutorial edmodo
Tutorial edmodo
 
Projeto: Site Portfólio
Projeto: Site PortfólioProjeto: Site Portfólio
Projeto: Site Portfólio
 
CONHECENDO NOSSA ESCOLA
CONHECENDO NOSSA ESCOLACONHECENDO NOSSA ESCOLA
CONHECENDO NOSSA ESCOLA
 
4º ENCONTRO DE POIES
4º ENCONTRO DE POIES4º ENCONTRO DE POIES
4º ENCONTRO DE POIES
 
Animais
AnimaisAnimais
Animais
 
Um dia após o outro.
Um dia após o outro.Um dia após o outro.
Um dia após o outro.
 

Último

SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
LeloIurk1
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 

Último (20)

Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
Nós Propomos! Autocarros Elétricos - Trabalho desenvolvido no âmbito de Cidad...
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptxProjeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenos
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 

Criando um site com o microsof frontpage 2003

  • 1. CRIANDO UM SITE COM O MICROSOF FRONTPAGE 2003 PROF. ANTONIO VAZ (PROF. INFORMÁTICA EDUCATIVA) EMEF. GOV. MÁRIO COVAS ITAQUERA – SÃO PAULO ABRIL DE 2010
  • 2. ORGANIZAÇÃO DO SITE: O QUE PRETENDE DIVULGAR? QUE TIPO DE CONTEÚDO VOCÊ PODE APRESENTAR NA WEB? ESTABELECER SEUS OBJETIVOS: SE PERGUNTAR O QUE SEUS LEITORES PROCURAM? O QUE DESEJA REALIZAR COM SEU SITE DIVIDIR O CONTÉUDO EM TÓPICOS CRIAR LISTA DE PRINCIPAIS TÓPICOS  ORGANIZAÇÃO E NAVEGAÇÃO: ESTRUTURA E NAVEGAÇÃO. OS TIPOS DE INFORMAÇOES COMO OS LEITORE CONSEGUEM SE DESLOCAR PELO CONTÉUDO PARA ENCONTRAR INFORMAÇÕES QUE PRECISAM.  RETORNAR Á PAGINA PRINCIPAL  NAVEGAÇÃO POR HIERARQUIAS. MANEIRA MAIS FÁCIL E MAIS LÓGICA DE ESTRUTURAR OS SEUS DOCUMENTOS. Prof. Antonio Vaz (Info. Educativa)
  • 3. PESQUISA SOBRE: O QUE É UM SITE? O QUE É UMA HOMEPAGE? PROVEDORES DE ACESSO NAVEGADORES PROTOCOLOS INTERNET (TCP/IP) IP WWW(WORLD WIDE WEB) NAVEGAÇÃO POR HIERARQUIAS O STORYBOARD QUAL O SIGNIFICADO PARA FTP, http? O QUE É TELNET? O QUE É DIAGRAMAÇÃO?  O QUE HIPERTEXTO?  Prof. Antonio Vaz (Info. Educativa)
  • 4. PESQUISA SOBRE: O SIGNIFICADO DE IMAGEM .GIF ,BTMAP e .JPEG? O QUE É MÚSICA .MID E .MP3? O QUE É HIPERLINK INTERNO O QUE É HIPERLINK EXTERNO O QUE É HTML O QUE É UM WEBMASTER O QUE E UM WEBDESIGN OBS.: ESTAS PERGUNTAS JUNTAMENTE COM AS RESPOSTAS DEVERÃO TER UMA PÁGINA ESPECIAL EM SEU SITE. NELA TEREMOS O QUE FOI PESQUISADO E NOSSOS LEITORES PODERÃO VER O QUE É NECESSÁRIO PARA SE FAZER UM SITE, MESMO QUE NÃO SEJA UM SITE PROFISSIONAL. Prof. Antonio Vaz (Info. Educativa)
  • 5. CRIANDO UM SITE COM O MICROSOF FRONTPAGE 2003 PROF. ANTONIO VAZ (PROF. INFORMÁTICA EDUCATIVA) EMEF. GOV. MÁRIO COVAS ITAQUERA – SÃO PAULO ABRIL DE 2010
  • 6. 1-Criando a estrutura do Site Textos Imagens Galeria de fotos Animações GIF animado Animações em Flash (.swf) Botões Interativos Efeitos sonoros Fundo musical (.mid) Músicas para fazer download (.mp3) Link’s Vídeos Avi ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
  • 7. 2-Criando páginas adicionais e botões interativos. História da África do Sul( localização, população, etc) História da Copa do mundo Seleções Bandeiras Estádios Jogadores famosos Vídeos Galeria de Fotos Link’s Curiosidades ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
  • 8. 3-Inserindo Imagens. Clicar em inserir imagem do arquivo Abrir a pasta do site com as imagens Copiar e colar Redimensionar e acertar a posição da imagem. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
  • 9. 4-Inserindo Gifs animados. Clicar em inserir Imagem do arquivo Escolher a pasta de Gif. Copiar e colar Obs.: A imagem só terá animação quando for visualizada. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
  • 10. 5-Inserindo Fundo Musical. Clicar com o botão direito do mouse na página que irá colocar o som. Propriedade da página Onde está escrito som de fundo, clicar em procurar Escolher a pasta de música (.mid) Opção “contínuo” dar OK. Obs.: Só pode colocar música com extensão .mid. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
  • 11. 6-Inserindo Link externo. Escrevo o link(ex.: Site uol) Abro a página da uol Copio a URL (www.uol.com.br) Seleciono o link (uol), clicou em cima do link com o botão direito do mouse Escolho a opção Hiperlink Colo a URL no local (endereço) e dou OK. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)
  • 12. 7-Inserindo vídeo. Clicar em inserir , componente da Web Escolho o componente Controle avançado Depois o controle ActiveX - Avançar Clico em Windows Media Player. Concluir Clico com o botão direito do mouse em cima da tela do vídeo. Propriedade do Controle Activex. Clico em procurar, abro a pasta do site com o vídeo e clico em abrir Aplicar e Ok. ABRIL DE 2010 Prof. Antonio Vaz (Info. Educativa)