SlideShare a Scribd company logo
1 of 13
Download to read offline
INTRODUCCIÓN A LA WEB
Día 1, De que está hecha la web




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Curso Diseñador Web y Multimedia

     
       
       
       
       
       
       
       




 Conociendo la web

     ¿Qué tipos de web conoces?
     ¿Web, páginas, aplicaciones?
     ¿Redes sociales?
     ¿Que es la nube?




  Curso Diseñador Web y Multimedia

       
       
       
       
       
       
       
       
   FORMATIC 2010
Navegadores

   ¿Que navegadores conozco?
   ¿Que tiene de especial cada navegador?
   ¿Que me aporta cada uno?
   ¿Alguna característica especial a tener en cuenta?




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Elementos de una Web
   Identifica los elementos básicos de una página web
   ¿Qué hace especial una web?
   ¿Importa el diseño?
   ¿Importa la funcionalidad?




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Trabajo en la red,
herrramientas útiles
   Documentar - Blog
   Comunicar - Redes Sociales




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Blog / Comunidad del Curso

   Registrarse / No olvidar Crear Blog
   Confirmar Correo de Registro
   Elegir un Tema de Diseño para el Blog
   Escribir una página de presentación en el Blog -
   “Acerca de”



Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
#Tarea
Nueva entrada en el Blog

Título “introducción a la web”
   Tipos de Webs
   Definición de la Nube
   La web está compuesta de..




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Cómo llego a una web?


   Nombres de Dominio
   IP / Dirección
   Redes / DNS




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Petición de página web



   Simulación con Telnet




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Herramientas
   Instalar Firefox
   Obtener complementos Firefox:
       Instalar extensión web developper
       Instalar Colorzilla
       Instalar EditCSS
       Instalar MeasureIt


Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Simulación de carga en
navegador

   Entendiendo el proceso
   Instalando Navegadores
   Analizando el proceso de carga




Curso Diseñador Web y Multimedia

   
   
   
   
   
   
   
   
   FORMATIC 2010
Editores CSS



Instalación de TOPSTYLE
Instalación de Photoshop



Descargaremos la versión demo / trial de Photoshop
de la web de Adobe

More Related Content

What's hot (20)

Slideshare
SlideshareSlideshare
Slideshare
 
Webquest
WebquestWebquest
Webquest
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshire
SlideshireSlideshire
Slideshire
 
Slideshare caracteristicas, ventajas y desventajas
Slideshare caracteristicas, ventajas y desventajas Slideshare caracteristicas, ventajas y desventajas
Slideshare caracteristicas, ventajas y desventajas
 
Slideshare francisco galindo
Slideshare francisco galindoSlideshare francisco galindo
Slideshare francisco galindo
 
Slideshare francisco galindo 4
Slideshare francisco galindo 4Slideshare francisco galindo 4
Slideshare francisco galindo 4
 
Slideshar (Presentacion )
Slideshar (Presentacion )Slideshar (Presentacion )
Slideshar (Presentacion )
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Que es slideshare
Que es slideshareQue es slideshare
Que es slideshare
 
Presentacion slideshare se
Presentacion slideshare sePresentacion slideshare se
Presentacion slideshare se
 
Slideshare
SlideshareSlideshare
Slideshare
 
10b dy
10b dy10b dy
10b dy
 
Trabajo Julio Cesar
Trabajo Julio CesarTrabajo Julio Cesar
Trabajo Julio Cesar
 
Slideshare de elvia alvarado
Slideshare de elvia alvaradoSlideshare de elvia alvarado
Slideshare de elvia alvarado
 
Actividad presentacion drive slideshare
Actividad presentacion drive  slideshareActividad presentacion drive  slideshare
Actividad presentacion drive slideshare
 
Herramienta slideshare
Herramienta slideshare Herramienta slideshare
Herramienta slideshare
 
slideshare
slideshare slideshare
slideshare
 

Viewers also liked

Viewers also liked (7)

Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Viagem de finalistas 2014
Viagem de finalistas 2014Viagem de finalistas 2014
Viagem de finalistas 2014
 
Δημιουργία παζλ on line
Δημιουργία παζλ on lineΔημιουργία παζλ on line
Δημιουργία παζλ on line
 
Elecciones 2011
Elecciones 2011Elecciones 2011
Elecciones 2011
 
Jang geum
Jang geumJang geum
Jang geum
 
A materia prima
A materia primaA materia prima
A materia prima
 
Carta ministerio agricultura
Carta ministerio agriculturaCarta ministerio agricultura
Carta ministerio agricultura
 

Similar to Introducción a la Web

Trabajo escrito individual
Trabajo escrito individualTrabajo escrito individual
Trabajo escrito individualderlynatalia
 
Trabajo escrito individual
Trabajo escrito individualTrabajo escrito individual
Trabajo escrito individualderlynatalia
 
Elder Proyecto 2 Presentacion 3
Elder Proyecto 2 Presentacion 3Elder Proyecto 2 Presentacion 3
Elder Proyecto 2 Presentacion 3ELDER GAMALIEL
 
WEB 2.0 MIXTOS
WEB 2.0 MIXTOSWEB 2.0 MIXTOS
WEB 2.0 MIXTOSLOSMIXTOS
 
Trabajo del herramientas web samantha alajo
Trabajo del herramientas web samantha alajoTrabajo del herramientas web samantha alajo
Trabajo del herramientas web samantha alajo2do-lfm
 
Actividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptxActividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptxemm0039
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0KATHERINE_AG
 
Katy Fuentes De Informacion
Katy Fuentes De InformacionKaty Fuentes De Informacion
Katy Fuentes De Informacionguesta2082be
 

Similar to Introducción a la Web (20)

Trabajo escrito individual
Trabajo escrito individualTrabajo escrito individual
Trabajo escrito individual
 
Trabajo escrito individual
Trabajo escrito individualTrabajo escrito individual
Trabajo escrito individual
 
Ponencia unidad2 proyectos web
Ponencia unidad2   proyectos webPonencia unidad2   proyectos web
Ponencia unidad2 proyectos web
 
Elder Proyecto 2 Presentacion 3
Elder Proyecto 2 Presentacion 3Elder Proyecto 2 Presentacion 3
Elder Proyecto 2 Presentacion 3
 
Programación d.j
Programación d.jProgramación d.j
Programación d.j
 
Programación
Programación Programación
Programación
 
Creacion de paginas_web
Creacion de paginas_webCreacion de paginas_web
Creacion de paginas_web
 
Generalidades Web 2.0
Generalidades Web 2.0Generalidades Web 2.0
Generalidades Web 2.0
 
General Web 2
General Web 2General Web 2
General Web 2
 
Web 20b
Web 20bWeb 20b
Web 20b
 
WEB 2.0 MIXTOS
WEB 2.0 MIXTOSWEB 2.0 MIXTOS
WEB 2.0 MIXTOS
 
Web 20b
Web 20bWeb 20b
Web 20b
 
Web 20b
Web 20bWeb 20b
Web 20b
 
Trabajo del herramientas web samantha alajo
Trabajo del herramientas web samantha alajoTrabajo del herramientas web samantha alajo
Trabajo del herramientas web samantha alajo
 
Actividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptxActividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptx
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Modulo 2
Modulo 2Modulo 2
Modulo 2
 
Modulo 2
Modulo 2Modulo 2
Modulo 2
 
Programación juliana montoya
Programación juliana montoyaProgramación juliana montoya
Programación juliana montoya
 
Katy Fuentes De Informacion
Katy Fuentes De InformacionKaty Fuentes De Informacion
Katy Fuentes De Informacion
 

Recently uploaded

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 

Recently uploaded (20)

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 

Introducción a la Web

  • 1. INTRODUCCIÓN A LA WEB Día 1, De que está hecha la web Curso Diseñador Web y Multimedia FORMATIC 2010
  • 2. Curso Diseñador Web y Multimedia Conociendo la web ¿Qué tipos de web conoces? ¿Web, páginas, aplicaciones? ¿Redes sociales? ¿Que es la nube? Curso Diseñador Web y Multimedia FORMATIC 2010
  • 3. Navegadores ¿Que navegadores conozco? ¿Que tiene de especial cada navegador? ¿Que me aporta cada uno? ¿Alguna característica especial a tener en cuenta? Curso Diseñador Web y Multimedia FORMATIC 2010
  • 4. Elementos de una Web Identifica los elementos básicos de una página web ¿Qué hace especial una web? ¿Importa el diseño? ¿Importa la funcionalidad? Curso Diseñador Web y Multimedia FORMATIC 2010
  • 5. Trabajo en la red, herrramientas útiles Documentar - Blog Comunicar - Redes Sociales Curso Diseñador Web y Multimedia FORMATIC 2010
  • 6. Blog / Comunidad del Curso Registrarse / No olvidar Crear Blog Confirmar Correo de Registro Elegir un Tema de Diseño para el Blog Escribir una página de presentación en el Blog - “Acerca de” Curso Diseñador Web y Multimedia FORMATIC 2010
  • 7. #Tarea Nueva entrada en el Blog Título “introducción a la web” Tipos de Webs Definición de la Nube La web está compuesta de.. Curso Diseñador Web y Multimedia FORMATIC 2010
  • 8. Cómo llego a una web? Nombres de Dominio IP / Dirección Redes / DNS Curso Diseñador Web y Multimedia FORMATIC 2010
  • 9. Petición de página web Simulación con Telnet Curso Diseñador Web y Multimedia FORMATIC 2010
  • 10. Herramientas Instalar Firefox Obtener complementos Firefox: Instalar extensión web developper Instalar Colorzilla Instalar EditCSS Instalar MeasureIt Curso Diseñador Web y Multimedia FORMATIC 2010
  • 11. Simulación de carga en navegador Entendiendo el proceso Instalando Navegadores Analizando el proceso de carga Curso Diseñador Web y Multimedia FORMATIC 2010
  • 13. Instalación de Photoshop Descargaremos la versión demo / trial de Photoshop de la web de Adobe