SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
31/3/2020 1.1 Introducción | 1.1 Introducción
file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/11_Introduccion_al_curso/… 1/2
1.1 Introducción
1.1 Introducción
1.1 Introducción
1.1 Introducción
Svilen.milev (CC BY-SA)
Las páginas web actuales, a las que accedemos
diariamente en la world wide web y en nuestras redes
corporativas privadas o intranets, han evolucionado
muy rápidamente desde sus inicios en la década de los
noventa del siglo XX. Los lenguajes empleados para su
construcción han sido los responsables de esa
evolución, su simplicidad relativa y su capacidad de
adaptación han permitido que HTML, CSS y JavaScript
hayan acompañado ese vertiginoso recorrido de la
web desde su nacimiento hasta la actualidad. Cerca de 30 años de evolución constante.
Las expectativas del usuario de la web también han cambiado. De la mera consulta de
información a la necesidad de que el acceso a los contenidos sea rápido, seguro, fácil y
atractivo. Además, este acceso debe facilitarse para una in nidad de dispositivos con
diferentes características: desde el ordenador personal hasta tabletas o teléfonos móviles,
pasando por nuestras televisiones, vehículos, relojes, electrodomésticos... A la complejidad
que esta variedad de aparatos provoca, se une la necesidad de proporcionar accesibilidad a
todos los usuarios, sin importar o minimizando sus diferentes capacidades.
El curso de iniciación a los lenguajes HTML, CSS y JavaScript que vas a realizar pretende
ofrecer una visión general de estos lenguajes, además de proporcionar acceso a herramientas
y servicios que facilitarán su uso. La limitación en su duración obliga a que se queden fuera
de esa visión general muchas técnicas y herramientas. Se trata, en este momento, de adquirir
los conocimientos básicos de los tres lenguajes, de familiarizarse con su sintaxis y adquirir
buenos hábitos en el desarrollo web.
Se han proporcionado ejemplos para poder ver en funcionamiento los conceptos que se van
presentando. Es muy importante dedicar tiempo a estudiar esos ejemplos y modi carlos. Se
trata de escribir código, de entenderlo y ser capaces de reescribirlo para adaptarlo a nuestras
necesidades. En las materias relacionadas con el desarrollo web (y en general en cualquier
materia con una carga creativa importante) hay que seguir un proceso de desarrollo,
comenzando por la de nición de nuestro objetivo: qué vamos a construir, cómo va a ser
nuestro sitio web; antes de desarrollarlo (escribir su código). Es muy tentador invertir el
proceso: primero escribir el código y, una vez visto el resultado, de nir nuestro objetivo. Con
31/3/2020 1.1 Introducción | 1.1 Introducción
file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/11_Introduccion_al_curso/… 2/2
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0
este segundo método nalizaréis el curso antes, pero no os habrá servido de mucho, por eso
os animamos a que le dediquéis el tiempo necesario y experimentéis.

Más contenido relacionado

Similar a 1_1_Introducción.pdf (20)

Cursos verano explora
Cursos verano   exploraCursos verano   explora
Cursos verano explora
 
Proyecto final de tics
Proyecto final de ticsProyecto final de tics
Proyecto final de tics
 
Tema 6
Tema 6Tema 6
Tema 6
 
Erick alberto rodriguez benitez
Erick alberto rodriguez benitezErick alberto rodriguez benitez
Erick alberto rodriguez benitez
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)
 
Las nuevas tecnologías.
Las nuevas tecnologías.Las nuevas tecnologías.
Las nuevas tecnologías.
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Presentacion final web2.0 y 3.0
Presentacion final web2.0 y 3.0Presentacion final web2.0 y 3.0
Presentacion final web2.0 y 3.0
 
Desarrollo de la web
Desarrollo de la webDesarrollo de la web
Desarrollo de la web
 
WEB 2.O Ingrid.pptx
WEB 2.O Ingrid.pptxWEB 2.O Ingrid.pptx
WEB 2.O Ingrid.pptx
 
Diseno web
Diseno webDiseno web
Diseno web
 
Introducción al Desarrollo Web Html y CSS.pdf
Introducción al Desarrollo Web Html y CSS.pdfIntroducción al Desarrollo Web Html y CSS.pdf
Introducción al Desarrollo Web Html y CSS.pdf
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Hernandez borquez mario alberto actividad 1.3 grupo si5 1
Hernandez borquez mario alberto actividad 1.3 grupo si5 1Hernandez borquez mario alberto actividad 1.3 grupo si5 1
Hernandez borquez mario alberto actividad 1.3 grupo si5 1
 
Páginas web1
Páginas web1Páginas web1
Páginas web1
 
Páginas web123
Páginas web123Páginas web123
Páginas web123
 

Más de Mariano Suárez Guerrero

Más de Mariano Suárez Guerrero (7)

1_3_Servicios_web.pdf
1_3_Servicios_web.pdf1_3_Servicios_web.pdf
1_3_Servicios_web.pdf
 
2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf
 
2_4_Los_metadatos_El_elemento_head.pdf
2_4_Los_metadatos_El_elemento_head.pdf2_4_Los_metadatos_El_elemento_head.pdf
2_4_Los_metadatos_El_elemento_head.pdf
 
2_1_Sobre_el_lenguaje_y_sus_especificaciones.pdf
2_1_Sobre_el_lenguaje_y_sus_especificaciones.pdf2_1_Sobre_el_lenguaje_y_sus_especificaciones.pdf
2_1_Sobre_el_lenguaje_y_sus_especificaciones.pdf
 
2_3_Estructura_del_documento.pdf
2_3_Estructura_del_documento.pdf2_3_Estructura_del_documento.pdf
2_3_Estructura_del_documento.pdf
 
1_2_Editores_de_código.pdf
1_2_Editores_de_código.pdf1_2_Editores_de_código.pdf
1_2_Editores_de_código.pdf
 
3_1_Descripción.pdf
3_1_Descripción.pdf3_1_Descripción.pdf
3_1_Descripción.pdf
 

Último

UNIDAD III Esquemas de comunicacion pptx
UNIDAD III Esquemas de comunicacion pptxUNIDAD III Esquemas de comunicacion pptx
UNIDAD III Esquemas de comunicacion pptxElybe Hernandez
 
ESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdf
ESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdfESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdf
ESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdfSegundo Silva Maguiña
 
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdfMirkaCBauer
 
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfslideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfWaldo Eber Melendez Garro
 
Presentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdfPresentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdffernandolozano90
 
DIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.pptDIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.pptalisonsarmiento4
 
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPODIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPOSegundo Silva Maguiña
 
Semana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptxSemana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptxJulio Lovon
 
CONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTS
CONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTSCONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTS
CONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTSrobinarielabellafern
 
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...jose880240
 
Trabajo de cristalografia. año 2024 mes de mayo
Trabajo de cristalografia. año 2024 mes de mayoTrabajo de cristalografia. año 2024 mes de mayo
Trabajo de cristalografia. año 2024 mes de mayoAntonioCardenas58
 
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA  Multiproposito TIPO IP.pdfFicha Técnica -Cemento YURA  Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdfEdgard Ampuero Cayo
 
TIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZ
TIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZTIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZ
TIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZvarichard
 
S01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfS01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfSalomeRunco
 
Inmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJH
Inmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJHInmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJH
Inmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJHVivafornai
 
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docxESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docxAnonymousk8JgrnuMSr
 
1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdf1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdfThe16Frame
 
subestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicassubestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicaszaydaescalona
 

Último (20)

UNIDAD III Esquemas de comunicacion pptx
UNIDAD III Esquemas de comunicacion pptxUNIDAD III Esquemas de comunicacion pptx
UNIDAD III Esquemas de comunicacion pptx
 
ESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdf
ESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdfESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdf
ESFUERZO EN VIGAS SESIÓN 5 PROBLEMA RESUELTOS.pdf
 
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
 
Convocatoria de Becas Caja de Ingenieros_UOC 2024-25
Convocatoria de Becas Caja de Ingenieros_UOC 2024-25Convocatoria de Becas Caja de Ingenieros_UOC 2024-25
Convocatoria de Becas Caja de Ingenieros_UOC 2024-25
 
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfslideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
 
Presentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdfPresentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdf
 
DIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.pptDIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.ppt
 
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPODIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
 
Semana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptxSemana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptx
 
CONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTS
CONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTSCONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTS
CONCEPTOS BASICOS DE ROBOTICA, CLASES DE ROBOTS
 
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
 
Trabajo de cristalografia. año 2024 mes de mayo
Trabajo de cristalografia. año 2024 mes de mayoTrabajo de cristalografia. año 2024 mes de mayo
Trabajo de cristalografia. año 2024 mes de mayo
 
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA  Multiproposito TIPO IP.pdfFicha Técnica -Cemento YURA  Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdf
 
TIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZ
TIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZTIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZ
TIPOS DE BASTIDORES Y CARROCERIA EN LA INDUSTRIA AUTOMOTRIZ
 
S01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfS01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdf
 
Inmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJH
Inmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJHInmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJH
Inmunología AMIR 14va EdiciónNM,NLKKJHKLJHKJLBHLKJH
 
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docxESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
 
1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdf1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdf
 
subestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicassubestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicas
 
50870516-hidroponia. descargado en novppt
50870516-hidroponia. descargado en novppt50870516-hidroponia. descargado en novppt
50870516-hidroponia. descargado en novppt
 

1_1_Introducción.pdf

  • 1. 31/3/2020 1.1 Introducción | 1.1 Introducción file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/11_Introduccion_al_curso/… 1/2 1.1 Introducción 1.1 Introducción 1.1 Introducción 1.1 Introducción Svilen.milev (CC BY-SA) Las páginas web actuales, a las que accedemos diariamente en la world wide web y en nuestras redes corporativas privadas o intranets, han evolucionado muy rápidamente desde sus inicios en la década de los noventa del siglo XX. Los lenguajes empleados para su construcción han sido los responsables de esa evolución, su simplicidad relativa y su capacidad de adaptación han permitido que HTML, CSS y JavaScript hayan acompañado ese vertiginoso recorrido de la web desde su nacimiento hasta la actualidad. Cerca de 30 años de evolución constante. Las expectativas del usuario de la web también han cambiado. De la mera consulta de información a la necesidad de que el acceso a los contenidos sea rápido, seguro, fácil y atractivo. Además, este acceso debe facilitarse para una in nidad de dispositivos con diferentes características: desde el ordenador personal hasta tabletas o teléfonos móviles, pasando por nuestras televisiones, vehículos, relojes, electrodomésticos... A la complejidad que esta variedad de aparatos provoca, se une la necesidad de proporcionar accesibilidad a todos los usuarios, sin importar o minimizando sus diferentes capacidades. El curso de iniciación a los lenguajes HTML, CSS y JavaScript que vas a realizar pretende ofrecer una visión general de estos lenguajes, además de proporcionar acceso a herramientas y servicios que facilitarán su uso. La limitación en su duración obliga a que se queden fuera de esa visión general muchas técnicas y herramientas. Se trata, en este momento, de adquirir los conocimientos básicos de los tres lenguajes, de familiarizarse con su sintaxis y adquirir buenos hábitos en el desarrollo web. Se han proporcionado ejemplos para poder ver en funcionamiento los conceptos que se van presentando. Es muy importante dedicar tiempo a estudiar esos ejemplos y modi carlos. Se trata de escribir código, de entenderlo y ser capaces de reescribirlo para adaptarlo a nuestras necesidades. En las materias relacionadas con el desarrollo web (y en general en cualquier materia con una carga creativa importante) hay que seguir un proceso de desarrollo, comenzando por la de nición de nuestro objetivo: qué vamos a construir, cómo va a ser nuestro sitio web; antes de desarrollarlo (escribir su código). Es muy tentador invertir el proceso: primero escribir el código y, una vez visto el resultado, de nir nuestro objetivo. Con
  • 2. 31/3/2020 1.1 Introducción | 1.1 Introducción file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/01_Herramientas_entornos_de_trabajo/11_Introduccion_al_curso/… 2/2 Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0 este segundo método nalizaréis el curso antes, pero no os habrá servido de mucho, por eso os animamos a que le dediquéis el tiempo necesario y experimentéis.