SlideShare una empresa de Scribd logo
1 de 13
UNIVERSIDAD AUTONOMA
               ¨GABRIEL RENE MORENO¨
                CIENCIAS DE LA EDUCACION



       TECNOLOGIA EDUCATIVA


• GONZALES CERRANO CINTTIA
• ORTUÑO JESSICA
• PRADO LIZETH JIMENA


                  27 - 09 - 2012
¿QUE ES UNA WEB?

Web es un vocablo inglés que
significa “red”, “telaraña” o “malla”.


¿QUE ES UNA PAGINA WEB?

                         Una página web es un documento que
                         incluye un archivo HTML con texto,
                         imágenes, videos, animaciones Flash, etc.
                         Al conjunto de páginas web que suelen
                         formar parte del mismo dominio o
                         subdominio de Internet se lo conoce
                         como sitio web.
                          la palabra web puede servir hacer
                         mención a una página web, un sitio web o
                         hasta un servidor web.
HERRAMIENTAS PARA CREAR
    UNA PAGINA WEB


 •   Bloc de notas
 •   Dreamweber
 •   Visual.net
 •   Php
 •   kompozer
¿PARA QUE SIRVE UNA
     PAGINA WEB?




NEGOCIOS   COMUNICACION   INFORMAR
DIFUSION   PUBLICACION   FOROS
¿QUE NECESITA UNA PAGINA WEB PARA
QUE SEA VISIBLE?


     Debe tener
     Internet caso
     contrario será
     solo una red
     local.
COMO REALIZAR UNA PÁGINA
WEB: HTML


                                   Una página web se compone
                                   de texto: el contenido literal (lo
                                   que queremos decir) y las
                                   llamadas etiquetas para dar la
                                   forma.



Para nuestra primera web abrimos
un editor de texto (por ejemplo
el Bloc de notas de Windows) y
comenzamos escribiendo.
PASOS PARA HACER UNA PÁGINA
WEB

 1. REUNIR EL MATERIAL

 • Un texto de bienvenida: bienvenida.txt
 • Un texto con historia del pueblo: historia.txt
 • Un texto con turismo: turismo.txt
 • Fotografías de algunos monumentos, tomadas con una
   cámara digital y reducidas en dimensiones y tamaño
   (que no ocupen más de 200 Kb), usando programas
   como Paint, GIMP o Image Resizer (tutorial) ...
 • Una imagen de fondo: fondo.jpg
2. DISEÑAR LA PLANTILLA Y LA ESTRUCTURA DEL
SITIO WEB
  Una posible plantilla para la distribución del
  contenido es la siguiente:




                                              El sitio web estará compuesto por
                                              tres páginas individuales:
                                              • bienvenida.html, con el texto de
                                                 bienvenida e imagen de fondo
                                              • historia.html, con el texto de la
                                                 historia e imagen de fondo
                                              • turismo.html, con el texto y las
                                                 imágenes de turismo, y la imagen
                                                 de fondo
3. COMO REAIZA UNA PAGINA WEB : EN HTML



   • Primero: Abrir el Bloc de Notas
   • Luego: ir al menú archivo y seleccionar
     Guardar como
   • Seleccionar el documento donde se desea
     guarda ( escritorio o mis documentos).
   • En la parte de Nombre colocar pagina.html y
     en la parte de Tipo seleccionar la opción
     Todos lo archivos y luego proceder a guardar.
   • Entramos al sitio donde guardamos nuestro
     documento y encontraremos un icono de un
     navegador .
   • Luego volvemos al bloc de notas y
     empezamos a escribir nuestro contenido.
ES HORA DE LA
PRACTICA CON
AYUDA DE LA
TECNOLOGÍA…..!
Presentación1

Más contenido relacionado

La actualidad más candente

Clase3 Pdigital2008 II
Clase3 Pdigital2008 IIClase3 Pdigital2008 II
Clase3 Pdigital2008 IIedgarcajun
 
Diseño web-Laura Ríos 10-02
Diseño web-Laura Ríos 10-02Diseño web-Laura Ríos 10-02
Diseño web-Laura Ríos 10-02Laura Ríos
 
Evidencia clase 2 tecnoweb
Evidencia clase 2 tecnowebEvidencia clase 2 tecnoweb
Evidencia clase 2 tecnowebluismartinez890
 
Uso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dwUso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dwNathaliaDiazR
 
Universidad técnica de ambato
Universidad técnica de ambatoUniversidad técnica de ambato
Universidad técnica de ambatoKlever199411
 
Guia para usar Slideshare
Guia para usar SlideshareGuia para usar Slideshare
Guia para usar Slidesharepead-chiclayo
 
Joel tecnología de la información y la comunicación
Joel tecnología de la información y la comunicaciónJoel tecnología de la información y la comunicación
Joel tecnología de la información y la comunicaciónjoelbalcal
 
Sistema de gestion de contenidos
Sistema de gestion de contenidosSistema de gestion de contenidos
Sistema de gestion de contenidosJunior Georghinno
 

La actualidad más candente (14)

Clase3 Pdigital2008 II
Clase3 Pdigital2008 IIClase3 Pdigital2008 II
Clase3 Pdigital2008 II
 
Diseño web-Laura Ríos 10-02
Diseño web-Laura Ríos 10-02Diseño web-Laura Ríos 10-02
Diseño web-Laura Ríos 10-02
 
Diferencias html
Diferencias htmlDiferencias html
Diferencias html
 
Sitios Web
Sitios WebSitios Web
Sitios Web
 
Las Web
Las Web Las Web
Las Web
 
Evidencia clase 2 tecnoweb
Evidencia clase 2 tecnowebEvidencia clase 2 tecnoweb
Evidencia clase 2 tecnoweb
 
Informatica
InformaticaInformatica
Informatica
 
Uso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dwUso de hipervinculos, marcos y video en dw
Uso de hipervinculos, marcos y video en dw
 
Conceptos web
Conceptos webConceptos web
Conceptos web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Universidad técnica de ambato
Universidad técnica de ambatoUniversidad técnica de ambato
Universidad técnica de ambato
 
Guia para usar Slideshare
Guia para usar SlideshareGuia para usar Slideshare
Guia para usar Slideshare
 
Joel tecnología de la información y la comunicación
Joel tecnología de la información y la comunicaciónJoel tecnología de la información y la comunicación
Joel tecnología de la información y la comunicación
 
Sistema de gestion de contenidos
Sistema de gestion de contenidosSistema de gestion de contenidos
Sistema de gestion de contenidos
 

Destacado

Titurial movie maker
Titurial movie makerTiturial movie maker
Titurial movie makerafloresaraya
 
Mision vision UCN
Mision vision UCNMision vision UCN
Mision vision UCNsituxdilp
 
Potencial de los recursos naturales en la tecnología
Potencial de los recursos naturales en la tecnologíaPotencial de los recursos naturales en la tecnología
Potencial de los recursos naturales en la tecnologíaSebas Jimenez
 
Metodo IPLER Yurany Suarez Nuñez
Metodo IPLER Yurany Suarez NuñezMetodo IPLER Yurany Suarez Nuñez
Metodo IPLER Yurany Suarez NuñezYurany Suarez
 
1.영상의 기본단위 revised 2011
1.영상의 기본단위 revised 20111.영상의 기본단위 revised 2011
1.영상의 기본단위 revised 2011Yeongchan Kang
 
Reitz studio
Reitz studioReitz studio
Reitz studiojakeallee
 
Mengamankan Aplikasi Java EE 6
Mengamankan Aplikasi Java EE 6Mengamankan Aplikasi Java EE 6
Mengamankan Aplikasi Java EE 6Bowo Prasetyo
 
6.風力發電機葉片設計與數位教學 吳順治
6.風力發電機葉片設計與數位教學 吳順治6.風力發電機葉片設計與數位教學 吳順治
6.風力發電機葉片設計與數位教學 吳順治Zih-Ming Yang
 
8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源
8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源
8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源Zih-Ming Yang
 
Denuncia M Rosa Acal-4-b
Denuncia M Rosa Acal-4-bDenuncia M Rosa Acal-4-b
Denuncia M Rosa Acal-4-bgalofix
 
6e2df2 3bb1a2d8a8da4172aa91fb88bf3be764
6e2df2 3bb1a2d8a8da4172aa91fb88bf3be7646e2df2 3bb1a2d8a8da4172aa91fb88bf3be764
6e2df2 3bb1a2d8a8da4172aa91fb88bf3be764Teresa Filipe
 
Hardware compu
Hardware compuHardware compu
Hardware compupamela1709
 

Destacado (20)

Solis silva
Solis silvaSolis silva
Solis silva
 
Titurial movie maker
Titurial movie makerTiturial movie maker
Titurial movie maker
 
Mision vision UCN
Mision vision UCNMision vision UCN
Mision vision UCN
 
Yo
YoYo
Yo
 
facebook ingenieria
facebook ingenieriafacebook ingenieria
facebook ingenieria
 
Potencial de los recursos naturales en la tecnología
Potencial de los recursos naturales en la tecnologíaPotencial de los recursos naturales en la tecnología
Potencial de los recursos naturales en la tecnología
 
Metodo IPLER Yurany Suarez Nuñez
Metodo IPLER Yurany Suarez NuñezMetodo IPLER Yurany Suarez Nuñez
Metodo IPLER Yurany Suarez Nuñez
 
Aula 05
Aula 05Aula 05
Aula 05
 
Trabajo de la Cienega
Trabajo de la CienegaTrabajo de la Cienega
Trabajo de la Cienega
 
1.영상의 기본단위 revised 2011
1.영상의 기본단위 revised 20111.영상의 기본단위 revised 2011
1.영상의 기본단위 revised 2011
 
Reitz studio
Reitz studioReitz studio
Reitz studio
 
Mengamankan Aplikasi Java EE 6
Mengamankan Aplikasi Java EE 6Mengamankan Aplikasi Java EE 6
Mengamankan Aplikasi Java EE 6
 
Imagenes ciudad
Imagenes ciudadImagenes ciudad
Imagenes ciudad
 
6.風力發電機葉片設計與數位教學 吳順治
6.風力發電機葉片設計與數位教學 吳順治6.風力發電機葉片設計與數位教學 吳順治
6.風力發電機葉片設計與數位教學 吳順治
 
8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源
8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源
8.植基於網路服務之雲端資料探勘資訊代理系統 楊勝源
 
Denuncia M Rosa Acal-4-b
Denuncia M Rosa Acal-4-bDenuncia M Rosa Acal-4-b
Denuncia M Rosa Acal-4-b
 
Circulatorio en animales
Circulatorio en animalesCirculatorio en animales
Circulatorio en animales
 
6e2df2 3bb1a2d8a8da4172aa91fb88bf3be764
6e2df2 3bb1a2d8a8da4172aa91fb88bf3be7646e2df2 3bb1a2d8a8da4172aa91fb88bf3be764
6e2df2 3bb1a2d8a8da4172aa91fb88bf3be764
 
YouTube APIの紹介
YouTube APIの紹介YouTube APIの紹介
YouTube APIの紹介
 
Hardware compu
Hardware compuHardware compu
Hardware compu
 

Similar a Presentación1 (20)

pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
 
Recursos web
Recursos webRecursos web
Recursos web
 
Introduccion a la tecnologia web
Introduccion a la tecnologia webIntroduccion a la tecnologia web
Introduccion a la tecnologia web
 
Ficha 1 pagina y sitio web
Ficha 1 pagina y sitio webFicha 1 pagina y sitio web
Ficha 1 pagina y sitio web
 
html-.pptx
html-.pptxhtml-.pptx
html-.pptx
 
DESARROLLO DE APLICACIONES WEB.pdf
DESARROLLO DE APLICACIONES WEB.pdfDESARROLLO DE APLICACIONES WEB.pdf
DESARROLLO DE APLICACIONES WEB.pdf
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
Pagina y sito web
Pagina y sito webPagina y sito web
Pagina y sito web
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Estructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTMLEstructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTML
 
Paginas web
Paginas webPaginas web
Paginas web
 
ALE06
ALE06ALE06
ALE06
 
alellexllex06
alellexllex06alellexllex06
alellexllex06
 
luis alegria
luis alegria luis alegria
luis alegria
 
Html
HtmlHtml
Html
 
Diseño web
Diseño webDiseño web
Diseño web
 
Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11
 

Presentación1

  • 1. UNIVERSIDAD AUTONOMA ¨GABRIEL RENE MORENO¨ CIENCIAS DE LA EDUCACION TECNOLOGIA EDUCATIVA • GONZALES CERRANO CINTTIA • ORTUÑO JESSICA • PRADO LIZETH JIMENA 27 - 09 - 2012
  • 2.
  • 3. ¿QUE ES UNA WEB? Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. ¿QUE ES UNA PAGINA WEB? Una página web es un documento que incluye un archivo HTML con texto, imágenes, videos, animaciones Flash, etc. Al conjunto de páginas web que suelen formar parte del mismo dominio o subdominio de Internet se lo conoce como sitio web. la palabra web puede servir hacer mención a una página web, un sitio web o hasta un servidor web.
  • 4. HERRAMIENTAS PARA CREAR UNA PAGINA WEB • Bloc de notas • Dreamweber • Visual.net • Php • kompozer
  • 5. ¿PARA QUE SIRVE UNA PAGINA WEB? NEGOCIOS COMUNICACION INFORMAR
  • 6. DIFUSION PUBLICACION FOROS
  • 7. ¿QUE NECESITA UNA PAGINA WEB PARA QUE SEA VISIBLE? Debe tener Internet caso contrario será solo una red local.
  • 8. COMO REALIZAR UNA PÁGINA WEB: HTML Una página web se compone de texto: el contenido literal (lo que queremos decir) y las llamadas etiquetas para dar la forma. Para nuestra primera web abrimos un editor de texto (por ejemplo el Bloc de notas de Windows) y comenzamos escribiendo.
  • 9. PASOS PARA HACER UNA PÁGINA WEB 1. REUNIR EL MATERIAL • Un texto de bienvenida: bienvenida.txt • Un texto con historia del pueblo: historia.txt • Un texto con turismo: turismo.txt • Fotografías de algunos monumentos, tomadas con una cámara digital y reducidas en dimensiones y tamaño (que no ocupen más de 200 Kb), usando programas como Paint, GIMP o Image Resizer (tutorial) ... • Una imagen de fondo: fondo.jpg
  • 10. 2. DISEÑAR LA PLANTILLA Y LA ESTRUCTURA DEL SITIO WEB Una posible plantilla para la distribución del contenido es la siguiente: El sitio web estará compuesto por tres páginas individuales: • bienvenida.html, con el texto de bienvenida e imagen de fondo • historia.html, con el texto de la historia e imagen de fondo • turismo.html, con el texto y las imágenes de turismo, y la imagen de fondo
  • 11. 3. COMO REAIZA UNA PAGINA WEB : EN HTML • Primero: Abrir el Bloc de Notas • Luego: ir al menú archivo y seleccionar Guardar como • Seleccionar el documento donde se desea guarda ( escritorio o mis documentos). • En la parte de Nombre colocar pagina.html y en la parte de Tipo seleccionar la opción Todos lo archivos y luego proceder a guardar. • Entramos al sitio donde guardamos nuestro documento y encontraremos un icono de un navegador . • Luego volvemos al bloc de notas y empezamos a escribir nuestro contenido.
  • 12. ES HORA DE LA PRACTICA CON AYUDA DE LA TECNOLOGÍA…..!