SlideShare une entreprise Scribd logo
1  sur  18
Télécharger pour lire hors ligne
Formadores:
                               Bozena Ferreira
                               João Ferreira
                               Rui Machado




                   Como criar uma
                 página da internet


Lisboa, 5 de Outubro de 2012
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
 3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte

                                     1
Objectivos
Criar páginas pessoais ou empresariais
na internet
No final da sessão os formandos
deverão ser capazes de:
                    •Explicar o conceito de site;
    •   Criar um ficheiro de página de internet;
        •  Criar uma página básica de internet;
                •Falar sobre a linguagem HTML;
            • Explicar o conceito de publicação.
                                                    2
Agenda

1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
  3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte




                                     3
1.Páginas pessoais
Criam-se    páginas   pessoais    para
 publicar ideias ou outros assuntos
 pessoais.
Não precisa de conter temas pessoais
 ou mesmo informação pessoal, mas
 o site em si tem de ser pessoal.


                                         4
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
   3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte




                                     5
2.Utilitários
Criar páginas nos dias de hoje não
 constitui grande desafio, a grande
 maioria      dos   fornecedores    de
 alojamento disponibiliza a tempo real
 ferramentas para esse fim.
Para as criar manualmente e desde a
 raiz utiliza-se um qualquer editor de
 texto.

                                         6
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
   3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte




                                     7
3.A Linguagem
O texto tem de seguir uma série de regras
  conhecidas por sintaxe.
Esta sintaxe tem um formato específico e é
  de boa prática aplicar indentação.
A este conjunto de regras, formatos e
  práticas dão-se o nome de Linguagem.
No caso da página de internet a linguagem é
  a HTML.



                                              8
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
   3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte




                                     9
3.A Linguagem de desenvolvimento

  3.1.O Ficheiro
O ficheiro é um ficheiro normal de
 texto e deve ter a extensão HTM
 ou HTML.
Após a criação do ficheiro com o
 conjunto de regras da linguagem
 HTML o ficheiro pode ser aberto
 directamente no seu navegador
 de internet favorito.
                                     10
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
   3.1. O ficheiro HTML

4. Como publicar
5. Demonstração
6. Fonte




                                     11
4.Como Publicar
Para terminar basta publicar o
 ficheiro     num       servidor
 aplicacional qualquer como o
 IIS da Microsoft ou o Apache.
Em caso de ausência das
 aplicações necessárias para a
 publicação, existem locais na
 internet especificamente para
 esse fim.
                                   12
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
   3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte




                                     11
5.Desmonstração
De seguida propomos uma pequena
 demonstração em formato de
 vídeo.
https://www.youtube.com/watch?feature=player_embedded&v=RcRZIK3oK7g




                                                                      13
Agenda
1. Porquê criar sítios na internet
2. Utilitários para os criar
3. Linguagem de desenvolvimento
   3.1. O ficheiro HTML
4. Como publicar
5. Demonstração
6. Fonte


                                     11
6.Fonte
Autor Ferreira B., Ferreia J. e Machado R.,
  2012, Modulo 7 Trabalho 1, Consultado em
  https://docs.google.com/presentation/d/10r3
  seXzUrdfUOvV9vsZYm3wKtRswdfx7pOxcDb-
  tPhs/present#slide=id.p.




                                                14
Formadores:
                               Bozena Ferreira
                               João Ferreira
                               Rui Machado




                   Como criar uma
                 página da internet


Lisboa, 5 de Outubro de 2012
Evolui.com

Contenu connexe

En vedette

Apostila Auto CAD básico
Apostila Auto CAD básicoApostila Auto CAD básico
Apostila Auto CAD básicoLuanaElis
 
Luis alejandro villafuerte solís
Luis alejandro villafuerte solísLuis alejandro villafuerte solís
Luis alejandro villafuerte solíslualviso
 
La violencia es hoy un componente cotidiano en nuestras vidas
La violencia es hoy un componente cotidiano en nuestras vidasLa violencia es hoy un componente cotidiano en nuestras vidas
La violencia es hoy un componente cotidiano en nuestras vidasCamilaQuipildor
 
Lo mas vendido IHM
Lo mas vendido IHMLo mas vendido IHM
Lo mas vendido IHMivanhm1995
 
Idolos históricos de boca juniors
Idolos históricos de boca juniorsIdolos históricos de boca juniors
Idolos históricos de boca juniorsfelipespa14
 
Jose guaman villamarin
Jose guaman villamarinJose guaman villamarin
Jose guaman villamarin5931993
 
Accesorios y más
Accesorios y másAccesorios y más
Accesorios y másjuanjobaena
 
Actividad 3.5 equipo 1
Actividad 3.5 equipo 1Actividad 3.5 equipo 1
Actividad 3.5 equipo 1sjfineks838
 
Partes de la computadora
Partes de la computadoraPartes de la computadora
Partes de la computadoralan8168
 
Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...
Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...
Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...blogarlete
 
Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-
Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-
Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-MarkAndreOsorio
 
EXPOSICION DE VANCOUVER
EXPOSICION DE VANCOUVEREXPOSICION DE VANCOUVER
EXPOSICION DE VANCOUVERSonia Castillo
 
Revista NEGRO UNIVERSO n° 1, maio 2010
Revista NEGRO UNIVERSO n° 1, maio 2010Revista NEGRO UNIVERSO n° 1, maio 2010
Revista NEGRO UNIVERSO n° 1, maio 2010oficinativa
 

En vedette (20)

Ortodoncia
Ortodoncia Ortodoncia
Ortodoncia
 
Semiconductores
SemiconductoresSemiconductores
Semiconductores
 
TP N°1 INFORMÁTICA
TP N°1 INFORMÁTICA TP N°1 INFORMÁTICA
TP N°1 INFORMÁTICA
 
Apostila Auto CAD básico
Apostila Auto CAD básicoApostila Auto CAD básico
Apostila Auto CAD básico
 
Luis alejandro villafuerte solís
Luis alejandro villafuerte solísLuis alejandro villafuerte solís
Luis alejandro villafuerte solís
 
La violencia es hoy un componente cotidiano en nuestras vidas
La violencia es hoy un componente cotidiano en nuestras vidasLa violencia es hoy un componente cotidiano en nuestras vidas
La violencia es hoy un componente cotidiano en nuestras vidas
 
Lo mas vendido IHM
Lo mas vendido IHMLo mas vendido IHM
Lo mas vendido IHM
 
Vocales
VocalesVocales
Vocales
 
Idolos históricos de boca juniors
Idolos históricos de boca juniorsIdolos históricos de boca juniors
Idolos históricos de boca juniors
 
Jose guaman villamarin
Jose guaman villamarinJose guaman villamarin
Jose guaman villamarin
 
Accesorios y más
Accesorios y másAccesorios y más
Accesorios y más
 
Actividad 3.5 equipo 1
Actividad 3.5 equipo 1Actividad 3.5 equipo 1
Actividad 3.5 equipo 1
 
Taller 4 virus k.gorritti a. diaz
Taller 4 virus k.gorritti a. diazTaller 4 virus k.gorritti a. diaz
Taller 4 virus k.gorritti a. diaz
 
la robotica
la roboticala robotica
la robotica
 
Partes de la computadora
Partes de la computadoraPartes de la computadora
Partes de la computadora
 
Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...
Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...
Tese de Livre docência - Reflexão sobre a produção e consumo do e no espaço (...
 
Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-
Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-
Revista túlengua primera edicion-markosorio-primero basico-seccion d-clve 16-
 
EXPOSICION DE VANCOUVER
EXPOSICION DE VANCOUVEREXPOSICION DE VANCOUVER
EXPOSICION DE VANCOUVER
 
Revista NEGRO UNIVERSO n° 1, maio 2010
Revista NEGRO UNIVERSO n° 1, maio 2010Revista NEGRO UNIVERSO n° 1, maio 2010
Revista NEGRO UNIVERSO n° 1, maio 2010
 
La union hace la fuerrza titas
La union hace la fuerrza   titasLa union hace la fuerrza   titas
La union hace la fuerrza titas
 

Similaire à Modulo 6 trabalho 1

Artigo de php
Artigo de phpArtigo de php
Artigo de phprobson
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1marioreis
 
Ppt unidade2 ied_2014
Ppt unidade2 ied_2014Ppt unidade2 ied_2014
Ppt unidade2 ied_2014dmangstman
 
Open social - Grupo D
Open social - Grupo DOpen social - Grupo D
Open social - Grupo DDouglas Alves
 
Empreendendo com soluções Adobe para plataforma RIA
Empreendendo com soluções Adobe para plataforma RIAEmpreendendo com soluções Adobe para plataforma RIA
Empreendendo com soluções Adobe para plataforma RIAIgor Costa
 
Aprendendo a blogar
Aprendendo a blogarAprendendo a blogar
Aprendendo a blogarluciamaral
 
FirefoxOS - A plataforma Open Web
FirefoxOS - A plataforma Open WebFirefoxOS - A plataforma Open Web
FirefoxOS - A plataforma Open WebGuilherme Farias
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmasterJeferson Souza
 
1º Encontro de Blogueiros do Araripe - Blogosfera em debate
1º Encontro de Blogueiros do Araripe - Blogosfera em debate1º Encontro de Blogueiros do Araripe - Blogosfera em debate
1º Encontro de Blogueiros do Araripe - Blogosfera em debateHermes Alves
 
Vindula - Como aumentar o engajamento de sua Intranet?
Vindula - Como aumentar o engajamento de sua Intranet?Vindula - Como aumentar o engajamento de sua Intranet?
Vindula - Como aumentar o engajamento de sua Intranet?Vindula
 
Web 2.0 Comunicar, Colaborar E Trabalhar V2
Web 2.0   Comunicar, Colaborar E Trabalhar V2Web 2.0   Comunicar, Colaborar E Trabalhar V2
Web 2.0 Comunicar, Colaborar E Trabalhar V2Óscar Faria
 

Similaire à Modulo 6 trabalho 1 (20)

Artigo de php
Artigo de phpArtigo de php
Artigo de php
 
Php
PhpPhp
Php
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1
 
Projeto website
Projeto websiteProjeto website
Projeto website
 
Caderno05
Caderno05Caderno05
Caderno05
 
Ppt unidade2 ied_2014
Ppt unidade2 ied_2014Ppt unidade2 ied_2014
Ppt unidade2 ied_2014
 
Open social - Grupo D
Open social - Grupo DOpen social - Grupo D
Open social - Grupo D
 
File3
File3File3
File3
 
File3
File3File3
File3
 
Tema 1 | Introdução a PHP
Tema 1 | Introdução a PHPTema 1 | Introdução a PHP
Tema 1 | Introdução a PHP
 
Revista programar 10
Revista programar 10Revista programar 10
Revista programar 10
 
Empreendendo com soluções Adobe para plataforma RIA
Empreendendo com soluções Adobe para plataforma RIAEmpreendendo com soluções Adobe para plataforma RIA
Empreendendo com soluções Adobe para plataforma RIA
 
Aprendendo a blogar
Aprendendo a blogarAprendendo a blogar
Aprendendo a blogar
 
FirefoxOS - A plataforma Open Web
FirefoxOS - A plataforma Open WebFirefoxOS - A plataforma Open Web
FirefoxOS - A plataforma Open Web
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
 
1º Encontro de Blogueiros do Araripe - Blogosfera em debate
1º Encontro de Blogueiros do Araripe - Blogosfera em debate1º Encontro de Blogueiros do Araripe - Blogosfera em debate
1º Encontro de Blogueiros do Araripe - Blogosfera em debate
 
Sessao web20
Sessao web20Sessao web20
Sessao web20
 
Vindula - Como aumentar o engajamento de sua Intranet?
Vindula - Como aumentar o engajamento de sua Intranet?Vindula - Como aumentar o engajamento de sua Intranet?
Vindula - Como aumentar o engajamento de sua Intranet?
 
Web 2.0 Comunicar, Colaborar E Trabalhar V2
Web 2.0   Comunicar, Colaborar E Trabalhar V2Web 2.0   Comunicar, Colaborar E Trabalhar V2
Web 2.0 Comunicar, Colaborar E Trabalhar V2
 
Minicurso Web. Front-end e HTML5 (parte 1)
Minicurso Web. Front-end e HTML5 (parte 1)Minicurso Web. Front-end e HTML5 (parte 1)
Minicurso Web. Front-end e HTML5 (parte 1)
 

Modulo 6 trabalho 1

  • 1. Formadores: Bozena Ferreira João Ferreira Rui Machado Como criar uma página da internet Lisboa, 5 de Outubro de 2012
  • 2. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 1
  • 3. Objectivos Criar páginas pessoais ou empresariais na internet No final da sessão os formandos deverão ser capazes de: •Explicar o conceito de site; • Criar um ficheiro de página de internet; • Criar uma página básica de internet; •Falar sobre a linguagem HTML; • Explicar o conceito de publicação. 2
  • 4. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 3
  • 5. 1.Páginas pessoais Criam-se páginas pessoais para publicar ideias ou outros assuntos pessoais. Não precisa de conter temas pessoais ou mesmo informação pessoal, mas o site em si tem de ser pessoal. 4
  • 6. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 5
  • 7. 2.Utilitários Criar páginas nos dias de hoje não constitui grande desafio, a grande maioria dos fornecedores de alojamento disponibiliza a tempo real ferramentas para esse fim. Para as criar manualmente e desde a raiz utiliza-se um qualquer editor de texto. 6
  • 8. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 7
  • 9. 3.A Linguagem O texto tem de seguir uma série de regras conhecidas por sintaxe. Esta sintaxe tem um formato específico e é de boa prática aplicar indentação. A este conjunto de regras, formatos e práticas dão-se o nome de Linguagem. No caso da página de internet a linguagem é a HTML. 8
  • 10. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 9
  • 11. 3.A Linguagem de desenvolvimento 3.1.O Ficheiro O ficheiro é um ficheiro normal de texto e deve ter a extensão HTM ou HTML. Após a criação do ficheiro com o conjunto de regras da linguagem HTML o ficheiro pode ser aberto directamente no seu navegador de internet favorito. 10
  • 12. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 11
  • 13. 4.Como Publicar Para terminar basta publicar o ficheiro num servidor aplicacional qualquer como o IIS da Microsoft ou o Apache. Em caso de ausência das aplicações necessárias para a publicação, existem locais na internet especificamente para esse fim. 12
  • 14. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 11
  • 15. 5.Desmonstração De seguida propomos uma pequena demonstração em formato de vídeo. https://www.youtube.com/watch?feature=player_embedded&v=RcRZIK3oK7g 13
  • 16. Agenda 1. Porquê criar sítios na internet 2. Utilitários para os criar 3. Linguagem de desenvolvimento 3.1. O ficheiro HTML 4. Como publicar 5. Demonstração 6. Fonte 11
  • 17. 6.Fonte Autor Ferreira B., Ferreia J. e Machado R., 2012, Modulo 7 Trabalho 1, Consultado em https://docs.google.com/presentation/d/10r3 seXzUrdfUOvV9vsZYm3wKtRswdfx7pOxcDb- tPhs/present#slide=id.p. 14
  • 18. Formadores: Bozena Ferreira João Ferreira Rui Machado Como criar uma página da internet Lisboa, 5 de Outubro de 2012 Evolui.com