SlideShare ist ein Scribd-Unternehmen logo
1 von 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)

Weitere ähnliche Inhalte

Mehr von PROF. ANTONIO VAZ

Mehr von 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.
 

Kürzlich hochgeladen

O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.denisecompasso2
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptjricardo76
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptxJssicaCassiano2
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaHELENO FAVACHO
 
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 fenomenosLucianoPrado15
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptssuser2b53fe
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxMarcosLemes28
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTailsonSantos1
 
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.pdfHELENO FAVACHO
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxLeonardoGabriel65
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxReinaldoMuller1
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticash5kpmr7w7
 
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 AGRONOMIAAGRONOMIAHELENO FAVACHO
 
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.pdfHELENO FAVACHO
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxMarcosLemes28
 
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 APRENDIZAGEMHELENO FAVACHO
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...MariaCristinaSouzaLe1
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...andreiavys
 

Kürzlich hochgeladen (20)

O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
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
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
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
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptx
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
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
 
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
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
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
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 

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)