SlideShare une entreprise Scribd logo
1  sur  12
-Realizado por:
        Manuel Galán, Juan José Maroto y Elena Gutiérrez
INDICE
• 1- Que es una pagina web
• 2- Caracteristicas
• 3- Como se crea una pagina web
• 4- Etapas
• 5- Accesibilidad
• 6- Tipos de paginas web y programación
   – A) Tipos de paginas web
   – B) Lenguajes de programacion
1º-QUÉ ES UN PAGINA
            WEB
-Es una cantidad de información agrupada, fotos,
dibujos, textos, que enganchados entre sí, comunican
a los visitantes una cantidad de datos, que pueden
servir para resaltar la presencia de una Institución o
Empresa, generar oportunidades de negocios,
interacción con los visitantes, etc.


-Las páginas web pueden estar almacenadas en un
equipo local o en un servidor web remoto. El servidor
web puede restringir el acceso únicamente para redes
privada, o puede publicar las páginas en la World Wide
Web.
2º-Algunas de las características
     de las páginas web son:
• Está compuesta principalmente por información y por
  hiperenlaces.
• Son escritas en un lenguaje de marcado que tiene la
  capacidad de manejar e insertar hiperenlaces
  (generalmente HTLM).
• Puede llevar texto, gráficas, fotos, sonidos e inclusive
  videos pequeños.
• El tramado de la página puede ser desde un texto
  sencillo hasta una presentación publicitaria completa,
  utilizando cualquier combinación de estos medios.
• Una página de Internet no es estática, hay que
  actualizar la información contenida en ella
  periódicamente.
3º-COMO SE CREA UNA PÁGINA
            WEB
• El diseño de una página web se trata
  básicamente de realizar un documento
  con información, hiperenlazado con
  otros documentos y asignando una
  presentación para diferentes
  dispositivos de salida.
4º-ETAPAS:
• A- Es el diseño visual de la información que
  se desea editar.
• Aquí, se trabaja distribuyendo el texto, los
  gráficos, los vinculos a otros documentos y
  otros objetos multimedia que se consideren
  pertinentes. Es importante que antes de trabajar
  sobre el ordenador se realice un boceto sobre el
  papel, ya que esto facilitará tener un orden claro
  sobre el diseño
• B- Es la estructura y relación jerárquica
  de las páginas del sitio web.
• Una vez que se tiene este boceto se pasa
  a escribir la página web. Para esto, y
  fundamentalmente para manejar los
  vínculos entre documentos, se creó el
  lenguaje de marcación de hipertexto o
  HTML.
• C- Consiste en el posicionamiento en
  los buscadores o SEO.
• Ésta consiste en optimizar la estructura
  del contenido para mejorar la posición en
  que aparece la página en determinada
  búsqueda.
ACCESIBILIDAD
• El diseño web debe seguir unos
  requerimientos mínimos de accesibilidad
  a la web que haga que sus sitios web o
  aplicaciones puedan ser visitados por el
  mayor número de personas. Para
  conseguir estos objetivos de accesibilidad,
  se han desarrollado pautas como las
  del W3C.
TIPOS DE PAGINAS WEB Y
       PROGRAMACIÓN
A) Tipos de paginas web:
1-Páginas en lenguaje HTML: HTML
  (HyperText Markup Language) es el
  lenguaje por defecto utilizado para la
  construcción de páginas web y compatible
  con todos los navegadores en internet.
  Tiene como característica principal la
  presentación de gráficos y texto de forma
  estática.
2-Páginas en Flash: Flash es una nueva
  tecnología, desarrollada por Macromedia,
  que permite añadir gran cantidad de
  movimientos y efectos visuales a una
  pagina web. Al combinar esta tecnología
  con el lenguaje de programación “Actions
  Script”, se pueden desarrollar una
  infinidad de asombrosas aplicaciones
  interactivas con el usuario, no disponibles
  anteriormente en la red.
B) Lenguajes de programación (Java,
  Php, Asp, Perl, Actions Scripts). Estos son
  los lenguajes de programación
  reconocidos en los Navegadores
  (Explorer, Netscape) y servidores en
  Internet. Mediante estos lenguajes
  podemos programar innumerables
  aplicaciones Web útiles para nuestros
  clientes.

Contenu connexe

Tendances (20)

Paginas web
Paginas webPaginas web
Paginas web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Pagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoPagina web Yessika Morales Bueno
Pagina web Yessika Morales Bueno
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
 
Paginas web
Paginas webPaginas web
Paginas web
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Examen de laboratorio
Examen de laboratorioExamen de laboratorio
Examen de laboratorio
 
Tipos de páginas web m aizquierdo
Tipos de páginas web   m aizquierdoTipos de páginas web   m aizquierdo
Tipos de páginas web m aizquierdo
 
Sitios Web
Sitios Web Sitios Web
Sitios Web
 
conceptos tics
conceptos ticsconceptos tics
conceptos tics
 
diseo
diseodiseo
diseo
 
Tipos de página web
Tipos de página webTipos de página web
Tipos de página web
 
Páginas web actividad uno (2)
Páginas web actividad uno (2)Páginas web actividad uno (2)
Páginas web actividad uno (2)
 
Tipos de pagina web
Tipos de pagina webTipos de pagina web
Tipos de pagina web
 
examen de multimedia
examen de multimedia examen de multimedia
examen de multimedia
 
Paginas web
Paginas webPaginas web
Paginas web
 
Presentacion
PresentacionPresentacion
Presentacion
 
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEBCARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB
 
Paginas web
Paginas webPaginas web
Paginas web
 
Web 1.0
Web 1.0Web 1.0
Web 1.0
 

En vedette (20)

Nuevas 30 medidas de Matthei
Nuevas 30 medidas de MattheiNuevas 30 medidas de Matthei
Nuevas 30 medidas de Matthei
 
Creative commons
Creative commonsCreative commons
Creative commons
 
Sociedad de la informacion ceplec
Sociedad de la informacion ceplecSociedad de la informacion ceplec
Sociedad de la informacion ceplec
 
Bla bla
Bla blaBla bla
Bla bla
 
Exposicion blog
Exposicion blogExposicion blog
Exposicion blog
 
Historia de la comunicación
Historia de la comunicaciónHistoria de la comunicación
Historia de la comunicación
 
1Antenas1
1Antenas11Antenas1
1Antenas1
 
χριστουγεννιάτικα στολίδια
χριστουγεννιάτικα στολίδιαχριστουγεννιάτικα στολίδια
χριστουγεννιάτικα στολίδια
 
Casa tomada
Casa tomadaCasa tomada
Casa tomada
 
Cardiología
CardiologíaCardiología
Cardiología
 
Como votar por correo?
Como votar por correo?Como votar por correo?
Como votar por correo?
 
Informe
InformeInforme
Informe
 
Blogs Andrea Gandur
Blogs Andrea GandurBlogs Andrea Gandur
Blogs Andrea Gandur
 
Scanned 005
Scanned 005Scanned 005
Scanned 005
 
Ventajas Base de Datos
Ventajas Base de DatosVentajas Base de Datos
Ventajas Base de Datos
 
Pràctica 2 del curs Cloud Computing.
Pràctica 2 del curs Cloud Computing.Pràctica 2 del curs Cloud Computing.
Pràctica 2 del curs Cloud Computing.
 
01 utn frba word 2007 introducción
01 utn frba word 2007 introducción01 utn frba word 2007 introducción
01 utn frba word 2007 introducción
 
Poema metafísico y moral
Poema metafísico y moralPoema metafísico y moral
Poema metafísico y moral
 
Sintaxis II
Sintaxis IISintaxis II
Sintaxis II
 
Ensayo Motivacion Compu
Ensayo Motivacion CompuEnsayo Motivacion Compu
Ensayo Motivacion Compu
 

Similaire à Trabajo paginas web

Similaire à Trabajo paginas web (20)

pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
 
Presentación online
Presentación onlinePresentación online
Presentación online
 
Centro educacional perlas de la sierra
Centro educacional perlas de la sierraCentro educacional perlas de la sierra
Centro educacional perlas de la sierra
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
LA WEB
LA WEBLA WEB
LA WEB
 
Tatiana presentacion slideshare
Tatiana presentacion slideshareTatiana presentacion slideshare
Tatiana presentacion slideshare
 
características y las partes que debe tener un sitio web
 características y las partes que debe tener un sitio web características y las partes que debe tener un sitio web
características y las partes que debe tener un sitio web
 
Alany01
Alany01Alany01
Alany01
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
Recursos web 2.0
Recursos web 2.0 Recursos web 2.0
Recursos web 2.0
 
00_Diseño WEB.pptx
00_Diseño WEB.pptx00_Diseño WEB.pptx
00_Diseño WEB.pptx
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
 
E.creacion_de_sitios_web.
E.creacion_de_sitios_web.E.creacion_de_sitios_web.
E.creacion_de_sitios_web.
 

Trabajo paginas web

  • 1. -Realizado por: Manuel Galán, Juan José Maroto y Elena Gutiérrez
  • 2. INDICE • 1- Que es una pagina web • 2- Caracteristicas • 3- Como se crea una pagina web • 4- Etapas • 5- Accesibilidad • 6- Tipos de paginas web y programación – A) Tipos de paginas web – B) Lenguajes de programacion
  • 3. 1º-QUÉ ES UN PAGINA WEB -Es una cantidad de información agrupada, fotos, dibujos, textos, que enganchados entre sí, comunican a los visitantes una cantidad de datos, que pueden servir para resaltar la presencia de una Institución o Empresa, generar oportunidades de negocios, interacción con los visitantes, etc. -Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privada, o puede publicar las páginas en la World Wide Web.
  • 4. 2º-Algunas de las características de las páginas web son: • Está compuesta principalmente por información y por hiperenlaces. • Son escritas en un lenguaje de marcado que tiene la capacidad de manejar e insertar hiperenlaces (generalmente HTLM). • Puede llevar texto, gráficas, fotos, sonidos e inclusive videos pequeños. • El tramado de la página puede ser desde un texto sencillo hasta una presentación publicitaria completa, utilizando cualquier combinación de estos medios. • Una página de Internet no es estática, hay que actualizar la información contenida en ella periódicamente.
  • 5. 3º-COMO SE CREA UNA PÁGINA WEB • El diseño de una página web se trata básicamente de realizar un documento con información, hiperenlazado con otros documentos y asignando una presentación para diferentes dispositivos de salida.
  • 6. 4º-ETAPAS: • A- Es el diseño visual de la información que se desea editar. • Aquí, se trabaja distribuyendo el texto, los gráficos, los vinculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el ordenador se realice un boceto sobre el papel, ya que esto facilitará tener un orden claro sobre el diseño
  • 7. • B- Es la estructura y relación jerárquica de las páginas del sitio web. • Una vez que se tiene este boceto se pasa a escribir la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML.
  • 8. • C- Consiste en el posicionamiento en los buscadores o SEO. • Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda.
  • 9. ACCESIBILIDAD • El diseño web debe seguir unos requerimientos mínimos de accesibilidad a la web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad, se han desarrollado pautas como las del W3C.
  • 10. TIPOS DE PAGINAS WEB Y PROGRAMACIÓN A) Tipos de paginas web: 1-Páginas en lenguaje HTML: HTML (HyperText Markup Language) es el lenguaje por defecto utilizado para la construcción de páginas web y compatible con todos los navegadores en internet. Tiene como característica principal la presentación de gráficos y texto de forma estática.
  • 11. 2-Páginas en Flash: Flash es una nueva tecnología, desarrollada por Macromedia, que permite añadir gran cantidad de movimientos y efectos visuales a una pagina web. Al combinar esta tecnología con el lenguaje de programación “Actions Script”, se pueden desarrollar una infinidad de asombrosas aplicaciones interactivas con el usuario, no disponibles anteriormente en la red.
  • 12. B) Lenguajes de programación (Java, Php, Asp, Perl, Actions Scripts). Estos son los lenguajes de programación reconocidos en los Navegadores (Explorer, Netscape) y servidores en Internet. Mediante estos lenguajes podemos programar innumerables aplicaciones Web útiles para nuestros clientes.