SlideShare una empresa de Scribd logo
MCs. Lic. José Alejandro
      Núñez García
  jhandro@yahoo.com
http://anunez.jimdo.com
Web es un término inglés que significa red, telaraña o malla. En
 las ciencias tecnológicas significa red informática (en general el
                             internet).



www o World Wide Web es la red informática mundial que se
establece como un sistema de distribución de información basado
        en el hipermedios accesibles a través de internet.



Un   sitio web es un conjunto de páginas web relacionadas y
        propias de un mismo dominio en la www de internet.


Una   página web es una parte de un sitio web que puedes
               ser visualizada en los navegadores.
   Encabezado
   Cuerpo
   Menú
   Pie de página
   Barra lateral
Contenido
                               - Título de la página
                               - Presencia de un propósito
                               - Objetividad de la
          Dirección            información
- Nombre del sitio             - Profundidad de la
- Dominio de la página         información
(.com, .edu, .gov, etc.)       - Referencias bibliográficas
                               y web gráficas
            Autoría
- Autor u organización              Aspectos técnicos y
responsable                               visuales
- Organizaciones que           - Presentación organizada
auspician, patrocinan, etc.    de la información
- Posibilidad de contactarse   - Ortografía y redacción
                               - Uso de diferentes recursos
        Actualización          (videos, audio, imágenes,
- Fecha de emisión de la       gráficos, etc.)
información                    - Enlaces a otros sitios
- Fecha de actualización       relacionados
- Vigencia de los enlaces      - Presencia de publicidad
Es una actividad que consiste es la
planificación, diseño e implementación de los sitios
web.

El diseño requiere:

-   Navegabilidad
-   Interactividad
-   Usabilidad
-   Arquitectura
-   Contenido
-   Multimedia
-   Hipermedios
Web
Web estática   colaborativa
diseñada por        y
     el        actualizada
 webmaster      diseñada
                  por el
                 usuario
Diseño de Páginas Web con la Web 2
Planificación




                Diseño




                         Implementación
   Desarrolla correctamente las etapas de
    diseño:      planificación,    diseño     e
    implementación.
   Crea una carpeta en tu ordenador para
    salvar contenidos.
   Escoge la herramienta de diseño
    adecuada para tus necesidades.
   Considera las normas de usabilidad y
    accesibilidad.
   Actualiza la página periódicamente.
   Enlaza tu página a sitios relacionados con
    su contenido.
   Integra diferentes recursos multimediales.
   Porque las tecnologías están presentes y nosotros
    también debemos estarlo.
   Porque una web nos da un aspecto más profesional y
    moderno.
   Porque nos garantiza una expansión mundial.
   Porque el internet es un punto de encuentro de la mayor
    parte de las personas.
   Porque nos ayuda a promocionarnos virtualmente a
    precios más bajos.
   Porque está disponible todo el tiempo.
   Porque internet nos da ventajas competitivas.
o Incrementa las ventas
o Amplía mercados
o Crea nuevos puntos de
  encuentro entre clientes y
  consumidores
o Disminuye      costos    de
  comercialización
o Publicita la imagen
o Está presente todo el
  tiempo
o Integramos       diferentes
  servicios
Off-line   On-line

Más contenido relacionado

PPTX
diseño web zareth quintero
PPT
conceptos tics
PPTX
Melissa presentacion
PPTX
Fase2 tarea2 entornosvirtuales_analisis_g
PPTX
Paginas web
PPT
Exposicion de informatica 1002
DOC
Sitios web
PPT
diseño web zareth quintero
conceptos tics
Melissa presentacion
Fase2 tarea2 entornosvirtuales_analisis_g
Paginas web
Exposicion de informatica 1002
Sitios web

La actualidad más candente (19)

PPT
PPTX
El diseño de la web
PPTX
Pagina web
PPTX
Pagina web
PPT
Periodismo digital
PPTX
Diseño web
DOCX
La pagina web
DOCX
Instrumento de evaluación ...
ODP
Examen de laboratorio
DOCX
PPTX
Paginas web
PPTX
Grupo x
PPTX
Paginas web
DOCX
informe sobre motores de búsqueda y herramientas web
PPT
El diseño equipo 2
PDF
Paginas web Deber
PPTX
Informatica la pagina web
PPTX
Presentacion de informatica
PPT
Sitio web
El diseño de la web
Pagina web
Pagina web
Periodismo digital
Diseño web
La pagina web
Instrumento de evaluación ...
Examen de laboratorio
Paginas web
Grupo x
Paginas web
informe sobre motores de búsqueda y herramientas web
El diseño equipo 2
Paginas web Deber
Informatica la pagina web
Presentacion de informatica
Sitio web
Publicidad

Similar a Diseño de Páginas Web con la Web 2 (20)

PPTX
1.1 evaluación web
PPTX
3.1 evaluación web
PPTX
3.1 evaluación web
PDF
M2 Diseño Web
PPTX
Presentación evolución de la web sebastian vargas
PPTX
Recursos Web 2.0
PPTX
Busqueda Estrategica de Informacion
DOCX
PDF
PAGINA WEB
PPTX
Presentación evolución de la web 10-05
PDF
Elementos básicos de un sitio web
PDF
Elementos básicos de un sitio web
PPTX
Web 1 2-3-4
PPT
OBJETIVOS DE DREAMWEAVER
PPT
Planeacion del sitio web
PPT
Planeacion del sitio web
PPT
M2 DiseñO Web
PPTX
Recursos web 2.0
DOCX
Primerperiodo
PPTX
Sitios Web - WebSites
1.1 evaluación web
3.1 evaluación web
3.1 evaluación web
M2 Diseño Web
Presentación evolución de la web sebastian vargas
Recursos Web 2.0
Busqueda Estrategica de Informacion
PAGINA WEB
Presentación evolución de la web 10-05
Elementos básicos de un sitio web
Elementos básicos de un sitio web
Web 1 2-3-4
OBJETIVOS DE DREAMWEAVER
Planeacion del sitio web
Planeacion del sitio web
M2 DiseñO Web
Recursos web 2.0
Primerperiodo
Sitios Web - WebSites
Publicidad

Más de José Alejandro Núñez García (20)

PPTX
Flipped Classroom y gestión del aprendizaje.pptx
PPTX
¿CUÁLES SON LOS MEJORES MATERIALES?
PPTX
Metodologías activas para el aprendizaje.pptx
PPTX
Desafíos de la educación superior ante la inteligencia artificial
PPTX
FONÉTICA Y FONOLOGÍA
PPTX
PPTX
EL CÓMIC COMO RECURSO EDUCATIVO
PPTX
PARTICULARIDADES DE LA EDUCACIÓN VIRTUAL
PPTX
Trabajo Colaborativo y Desarrollo Organizacional
PPTX
DIFICULTADES EN EL DESARROLLO DE ESPACIOS DE EDUCACIÓN VIRTUAL
PPTX
PPTX
INVESTIGACIÓN ORIENTADA A LOS PROYECTOS SOCIOCOMUNITARIOS PRODUCTIVOS
PPT
Diseño de Diapositivas
PPT
¿CÓMO PREPARAR Y PRESENTAR UNA CONFERENCIA?
PPT
Texto, Párrafo y Formas Elocutivas en la Escritura Académica
PPTX
PPTX
LINGÜÍSTICA CLÍNICA
PPTX
USO DE APLICACIONES MÓVILES EN EDUCACIÓN
PPTX
LINEAMIENTOS GENERALES DE INVESTIGACIÓN
Flipped Classroom y gestión del aprendizaje.pptx
¿CUÁLES SON LOS MEJORES MATERIALES?
Metodologías activas para el aprendizaje.pptx
Desafíos de la educación superior ante la inteligencia artificial
FONÉTICA Y FONOLOGÍA
EL CÓMIC COMO RECURSO EDUCATIVO
PARTICULARIDADES DE LA EDUCACIÓN VIRTUAL
Trabajo Colaborativo y Desarrollo Organizacional
DIFICULTADES EN EL DESARROLLO DE ESPACIOS DE EDUCACIÓN VIRTUAL
INVESTIGACIÓN ORIENTADA A LOS PROYECTOS SOCIOCOMUNITARIOS PRODUCTIVOS
Diseño de Diapositivas
¿CÓMO PREPARAR Y PRESENTAR UNA CONFERENCIA?
Texto, Párrafo y Formas Elocutivas en la Escritura Académica
LINGÜÍSTICA CLÍNICA
USO DE APLICACIONES MÓVILES EN EDUCACIÓN
LINEAMIENTOS GENERALES DE INVESTIGACIÓN

Último (20)

PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
DOCX
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PPTX
Presentación de la Cetoacidosis diabetica.pptx
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
biología es un libro sobre casi todo el tema de biología
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
Escuelas Desarmando una mirada subjetiva a la educación
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Presentación de la Cetoacidosis diabetica.pptx
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
biología es un libro sobre casi todo el tema de biología
Híper Mega Repaso Histológico Bloque 3.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...

Diseño de Páginas Web con la Web 2

  • 1. MCs. Lic. José Alejandro Núñez García jhandro@yahoo.com http://anunez.jimdo.com
  • 2. Web es un término inglés que significa red, telaraña o malla. En las ciencias tecnológicas significa red informática (en general el internet). www o World Wide Web es la red informática mundial que se establece como un sistema de distribución de información basado en el hipermedios accesibles a través de internet. Un sitio web es un conjunto de páginas web relacionadas y propias de un mismo dominio en la www de internet. Una página web es una parte de un sitio web que puedes ser visualizada en los navegadores.
  • 3. Encabezado  Cuerpo  Menú  Pie de página  Barra lateral
  • 4. Contenido - Título de la página - Presencia de un propósito - Objetividad de la Dirección información - Nombre del sitio - Profundidad de la - Dominio de la página información (.com, .edu, .gov, etc.) - Referencias bibliográficas y web gráficas Autoría - Autor u organización Aspectos técnicos y responsable visuales - Organizaciones que - Presentación organizada auspician, patrocinan, etc. de la información - Posibilidad de contactarse - Ortografía y redacción - Uso de diferentes recursos Actualización (videos, audio, imágenes, - Fecha de emisión de la gráficos, etc.) información - Enlaces a otros sitios - Fecha de actualización relacionados - Vigencia de los enlaces - Presencia de publicidad
  • 5. Es una actividad que consiste es la planificación, diseño e implementación de los sitios web. El diseño requiere: - Navegabilidad - Interactividad - Usabilidad - Arquitectura - Contenido - Multimedia - Hipermedios
  • 6. Web Web estática colaborativa diseñada por y el actualizada webmaster diseñada por el usuario
  • 8. Planificación Diseño Implementación
  • 9. Desarrolla correctamente las etapas de diseño: planificación, diseño e implementación.  Crea una carpeta en tu ordenador para salvar contenidos.  Escoge la herramienta de diseño adecuada para tus necesidades.  Considera las normas de usabilidad y accesibilidad.  Actualiza la página periódicamente.  Enlaza tu página a sitios relacionados con su contenido.  Integra diferentes recursos multimediales.
  • 10. Porque las tecnologías están presentes y nosotros también debemos estarlo.  Porque una web nos da un aspecto más profesional y moderno.  Porque nos garantiza una expansión mundial.  Porque el internet es un punto de encuentro de la mayor parte de las personas.  Porque nos ayuda a promocionarnos virtualmente a precios más bajos.  Porque está disponible todo el tiempo.  Porque internet nos da ventajas competitivas.
  • 11. o Incrementa las ventas o Amplía mercados o Crea nuevos puntos de encuentro entre clientes y consumidores o Disminuye costos de comercialización o Publicita la imagen o Está presente todo el tiempo o Integramos diferentes servicios
  • 12. Off-line On-line