SlideShare una empresa de Scribd logo
¿Qué es una página web? Estructura, diseño y contenidos de un sitio web informativo.  LA PEOR WEB Periodismo Digital, Ciclo 2008-II
¿Qué encontramos aquí?
¿Qué la diferencia de la anterior?
Y ésta ¿Qué la diferencia de las otras dos?
LA PÁGINA WEB  Es una  fuente de información  adaptada a la World Wide Web (www)  y accesible  mediante un navegador de Internet (Explorer, Mozilla, etc).  Periodismo escrito    papel Periodismo Internet    Web
World Wide Web–> diseñada en 1993 por Tim Berners Lee.
La información  que contiene una página web  se encuentra generalmente  en formato  HTML  ( HyperText Markup Language)
Las páginas web  pueden ser  cargadas de un ordenador  o computador local o remoto, llamado servidor web, el cual servirá de  HOST  (equipo anfitrión).
TIPOS DE PÁGINAS WEB  1. Estáticas:  para modificar su estructura se tiene que modificar el código HMTL. Generalmente tienen  extensión htm o html.   La cantidad de información que contiene es limitada
2.  Dinámicas:  usan extensiones que reflejan el lenguaje que se usó para crear el código:  PHP  (H ypertext  P re-processor)  o Javascript (lenguaje de programación).  Puede almacenar mucho más información y no requiere modificar totalmente el código HTML
ESTRUCTURA DE UNA PÁGINA WEB 1. CABECERA : logo + información (hora, fecha, temperatura). BARRA DE NAVEGACIÓN secciones MÓDULOS O CELDAS: unidad de información
4. ZONA DE CRÉDITOS:  teléfono, dirección física, correo electrónico de la empresa
PROYECTO WEB Comprende 6 etapas: 1. Definir la temática de nuestro sitio web:  ¿De qué va a tratar nuestra página? 2. Determinar nuestro público objetivo:  ¿A quién va dirigida la página? Edad, actividad profesional e intereses de nuestros usuarios.
3. Establecer las secciones:  nuestro sitio aloja unidades de información (hiperdocumentos), por ello es necesario dividir en áreas, en temas nuestro sitio web. 4. Realizar el mapa de navegación:  Es la hoja de ruta que guía al usuario para entrar a cada una de las unidades de información.
5. Organizar los contenidos:  etapa conocida como  Arquitectura de la Información . Las informaciones tendrán que ubicarse en determinados lugares para destacarse más que otros.  6. Empezar a trabajar los contenidos:  Empezar a redactar las informaciones, editar las fotos, el video, etc.
COMPONENTES DE UN EQUIPO WEB  Diseñador web:  entiende de color, contraste. Ven la tipografía, equilibrio del sitio. Desarrollador web:  ve la  usabilidad  (ubicación contenidos) y  funcionalidad  (utilidad de contenidos) del sitio.  3. Soporte web:  óptimo funcionamiento del servidor.

Más contenido relacionado

PPTX
Guia para usar Slideshare
PPTX
Paginas web
PPTX
Steven lazo
PPTX
Informatica
PPTX
Presentación1
PPTX
Elementos de internet
DOCX
Deber de informatica 3
PPTX
Elementos de una pagina web
Guia para usar Slideshare
Paginas web
Steven lazo
Informatica
Presentación1
Elementos de internet
Deber de informatica 3
Elementos de una pagina web

La actualidad más candente (15)

PPTX
que es pagina web y sitio web
PPTX
Presentación online
PPTX
PPTX
Elementos de una pagina web 1002
DOCX
Actividad 1
PPTX
recursos web , sitio , pagina
PPTX
Herramientas de Internet, Navegadores y Exploradores Web
PPTX
Conceptos Básicos HTML
PPT
Diseño de sitios Web con Neositios.com
PPTX
Paginas web
PPT
Ventajas+De+Internet2
PPT
ventajas del internet
PPTX
Evidencia clase 2 tecnoweb
PPTX
Joel tecnología de la información y la comunicación
PPTX
Práctica 3 utilizando internet en la web
que es pagina web y sitio web
Presentación online
Elementos de una pagina web 1002
Actividad 1
recursos web , sitio , pagina
Herramientas de Internet, Navegadores y Exploradores Web
Conceptos Básicos HTML
Diseño de sitios Web con Neositios.com
Paginas web
Ventajas+De+Internet2
ventajas del internet
Evidencia clase 2 tecnoweb
Joel tecnología de la información y la comunicación
Práctica 3 utilizando internet en la web
Publicidad

Destacado (20)

PPTX
Los multimedios
DOCX
Resumen semana 4 Diseño y Elaboración de Multimedios
PPTX
Análisis de una página web
PPTX
Presentacion multimedios
PPTX
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
DOCX
Portafolio Diseño Elaboración de Multimedios
PPT
Mi presentacion 2
PDF
Ponencia unidad2 proyectos web
PPTX
Multimedios
PPSX
Proyectos con multimedios o
PPTX
No hay vida sin internet
DOCX
Proyecto diplomado
PPTX
Los multimedios (mynte)
PPT
Brochure 2007 Empresa Multimedios
PPTX
Internet y la sociedad del conocimiento
PDF
Taller analítica web Congreso web
PPTX
Impacto del internet en la comunicación
PDF
Reforma laboral 2012 gesdocument
PPTX
Reforma laboral 2012
PPT
Reforma laboral 2012; Beatriz Jiménez Rodrigo
Los multimedios
Resumen semana 4 Diseño y Elaboración de Multimedios
Análisis de una página web
Presentacion multimedios
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
Portafolio Diseño Elaboración de Multimedios
Mi presentacion 2
Ponencia unidad2 proyectos web
Multimedios
Proyectos con multimedios o
No hay vida sin internet
Proyecto diplomado
Los multimedios (mynte)
Brochure 2007 Empresa Multimedios
Internet y la sociedad del conocimiento
Taller analítica web Congreso web
Impacto del internet en la comunicación
Reforma laboral 2012 gesdocument
Reforma laboral 2012
Reforma laboral 2012; Beatriz Jiménez Rodrigo
Publicidad

Similar a Clase3 Pdigital2008 II (20)

PPTX
El origen-de-las-paginas-web-final
PPTX
Resumen html
PPTX
Introdución al html
PPTX
Recursos Web 2.0
PPTX
Html
PPTX
PPT
Marilce Ok
PDF
PDF
Curso HTML 5 en Español
PPTX
Desarrollo Pagina Web!!..
PPTX
Diseño de paginas web clase 1 lista
PPTX
"Pagina Web Andres Bello" Bachillerato Tecnico Humanistico
PPTX
Introduccion al html
PPT
Exposicion de informatica 1002
PPT
Exposicion de informatik 1002
DOCX
Diseno web
PDF
Estructura de una Pagina Web en HTML
PPTX
Paginas Web
El origen-de-las-paginas-web-final
Resumen html
Introdución al html
Recursos Web 2.0
Html
Marilce Ok
Curso HTML 5 en Español
Desarrollo Pagina Web!!..
Diseño de paginas web clase 1 lista
"Pagina Web Andres Bello" Bachillerato Tecnico Humanistico
Introduccion al html
Exposicion de informatica 1002
Exposicion de informatik 1002
Diseno web
Estructura de una Pagina Web en HTML
Paginas Web

Más de edgarcajun (20)

PPT
La infografía digital
PPT
Producir Un Videoblog
PPT
El videoblog
PPT
Clase9 Pdigital2008 Ii
PPT
Clase8 Pdigital2008 II
PPT
Clase7 Pdigital2008 II
PPT
Clase6 Pdigital2008 II
PPT
Clase3 Multimedia 2008 II
PPT
Clase2 Pmult 2008 II
PPT
Clase1 Multimedia 2008 II
PPT
Clase5 Pdigital2008 II
PPT
Clase4 Pdigital2008 II
PPT
Clase2 Pdigital2008 II
PPT
Clase1 Pdigital2008 II
PPT
Producir un videoblog
PPT
El Videoblog
PPT
Redacción Periodística III
PPT
Redacción periodística en Internet
PPT
Géneros ciberperiodísticos I: Noticia
PPT
¿Cómo hacer un reportaje multimedia?
La infografía digital
Producir Un Videoblog
El videoblog
Clase9 Pdigital2008 Ii
Clase8 Pdigital2008 II
Clase7 Pdigital2008 II
Clase6 Pdigital2008 II
Clase3 Multimedia 2008 II
Clase2 Pmult 2008 II
Clase1 Multimedia 2008 II
Clase5 Pdigital2008 II
Clase4 Pdigital2008 II
Clase2 Pdigital2008 II
Clase1 Pdigital2008 II
Producir un videoblog
El Videoblog
Redacción Periodística III
Redacción periodística en Internet
Géneros ciberperiodísticos I: Noticia
¿Cómo hacer un reportaje multimedia?

Último (20)

PPTX
Historia Inteligencia Artificial Ana Romero.pptx
PDF
CyberOps Associate - Cisco Networking Academy
PDF
Influencia-del-uso-de-redes-sociales.pdf
PDF
MANUAL de recursos humanos para ODOO.pdf
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PDF
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PPTX
la-historia-de-la-medicina Edna Silva.pptx
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
capacitación de aire acondicionado Bgh r 410
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PDF
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
PDF
Diapositiva proyecto de vida, materia catedra
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPTX
Curso de generación de energía mediante sistemas solares
PDF
SAP Transportation Management para LSP, TM140 Col18
PPTX
Propuesta BKP servidores con Acronis1.pptx
Historia Inteligencia Artificial Ana Romero.pptx
CyberOps Associate - Cisco Networking Academy
Influencia-del-uso-de-redes-sociales.pdf
MANUAL de recursos humanos para ODOO.pdf
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
Presentacion de Alba Curso Auditores Internos ISO 19011
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
la-historia-de-la-medicina Edna Silva.pptx
El-Gobierno-Electrónico-En-El-Estado-Bolivia
capacitación de aire acondicionado Bgh r 410
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
Diapositiva proyecto de vida, materia catedra
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
Power Point Nicolás Carrasco (disertación Roblox).pptx
Curso de generación de energía mediante sistemas solares
SAP Transportation Management para LSP, TM140 Col18
Propuesta BKP servidores con Acronis1.pptx

Clase3 Pdigital2008 II

  • 1. ¿Qué es una página web? Estructura, diseño y contenidos de un sitio web informativo. LA PEOR WEB Periodismo Digital, Ciclo 2008-II
  • 3. ¿Qué la diferencia de la anterior?
  • 4. Y ésta ¿Qué la diferencia de las otras dos?
  • 5. LA PÁGINA WEB Es una fuente de información adaptada a la World Wide Web (www) y accesible mediante un navegador de Internet (Explorer, Mozilla, etc). Periodismo escrito  papel Periodismo Internet  Web
  • 6. World Wide Web–> diseñada en 1993 por Tim Berners Lee.
  • 7. La información que contiene una página web se encuentra generalmente en formato HTML ( HyperText Markup Language)
  • 8. Las páginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado servidor web, el cual servirá de HOST (equipo anfitrión).
  • 9. TIPOS DE PÁGINAS WEB 1. Estáticas: para modificar su estructura se tiene que modificar el código HMTL. Generalmente tienen extensión htm o html. La cantidad de información que contiene es limitada
  • 10. 2. Dinámicas: usan extensiones que reflejan el lenguaje que se usó para crear el código: PHP (H ypertext P re-processor) o Javascript (lenguaje de programación). Puede almacenar mucho más información y no requiere modificar totalmente el código HTML
  • 11. ESTRUCTURA DE UNA PÁGINA WEB 1. CABECERA : logo + información (hora, fecha, temperatura). BARRA DE NAVEGACIÓN secciones MÓDULOS O CELDAS: unidad de información
  • 12. 4. ZONA DE CRÉDITOS: teléfono, dirección física, correo electrónico de la empresa
  • 13. PROYECTO WEB Comprende 6 etapas: 1. Definir la temática de nuestro sitio web: ¿De qué va a tratar nuestra página? 2. Determinar nuestro público objetivo: ¿A quién va dirigida la página? Edad, actividad profesional e intereses de nuestros usuarios.
  • 14. 3. Establecer las secciones: nuestro sitio aloja unidades de información (hiperdocumentos), por ello es necesario dividir en áreas, en temas nuestro sitio web. 4. Realizar el mapa de navegación: Es la hoja de ruta que guía al usuario para entrar a cada una de las unidades de información.
  • 15. 5. Organizar los contenidos: etapa conocida como Arquitectura de la Información . Las informaciones tendrán que ubicarse en determinados lugares para destacarse más que otros. 6. Empezar a trabajar los contenidos: Empezar a redactar las informaciones, editar las fotos, el video, etc.
  • 16. COMPONENTES DE UN EQUIPO WEB Diseñador web: entiende de color, contraste. Ven la tipografía, equilibrio del sitio. Desarrollador web: ve la usabilidad (ubicación contenidos) y funcionalidad (utilidad de contenidos) del sitio. 3. Soporte web: óptimo funcionamiento del servidor.