Presentación

La programación web es una actividad con bastante demanda. A medidas que van surgiendo nuevos proyectos de negocio y las empresas existentes, cada vez más necesitan crear, mejorar o innovar sus sitios web o páginas en concreto.

La asignatura Fundamentos de Lenguajes Web, capacita a los estudiantes para adquirir los conocimientos suficientes sobre las tecnologías para el desarrollo de páginas web mediante HTML5, CSS3 y JavaScript.

Gracias a una serie de contenidos presentados mediante un orden lógico, se pretende mostrar los aspectos fundamentales del desarrollo web, asimismo, las herramientas utilizadas para crear el diseño visual y funcional que se desee alcanzar.

Además, de las diferentes tecnologías y metodologías existentes en el desarrollo web.

Al estudiar los contenidos de esta asignatura, el alumno será capaz de:

• Saber los fundamentos del desarrollo web.
• Conocer HTML a modo de introducción.
• Aprender los elementos estructurales en HTML.
• Darse cuenta de, qué es CSS y sus funcionalidades.
• Trabajar con estilos CSS.
• Comprender los nuevos estándares HTML5 y CSS3.
• Realizar trabajos haciendo uso de las novedades de HTML5 y CSS3.
• Organizar un proyecto web.
• Entender las metodologías para el desarrollo de un proyecto web.
• Aprender otras tecnologías para el desarrollo web.

Competencias básicas

• CB1: Que los estudiantes hayan demostrado poseer y comprender conocimientos en un área de estudio que parte de la base de la educación secundaria general, y se suele encontrar a un nivel que, si bien se apoya en libros de texto avanzados, incluye también algunos aspectos que implican conocimientos procedentes de la vanguardia de su campo de estudio.
• CB2: Que los estudiantes sepan aplicar sus conocimientos a su trabajo o vocación de una forma profesional y posean las competencias que suelen demostrarse por medio de la elaboración y defensa de argumentos y la resolución de problemas dentro de su área de estudio.
• CB3: Que los estudiantes tengan la capacidad de reunir e interpretar datos relevantes (normalmente dentro de su área de estudio) para emitir juicios que incluyan una reflexión sobre temas relevantes de índole social, científica o ética.
• CB4: Que los estudiantes puedan transmitir información, ideas, problemas y soluciones a un público tanto especializado como no especializado.
• CB5: Que los estudiantes hayan desarrollado aquellas habilidades de aprendizaje necesarias para emprender estudios posteriores con un alto grado de autonomía.

Competencias generales

• CG4. Comprender la naturaleza y esencia de los nuevos medios, el ordenador como metamedio, la información como sustancia, y el software (lo digital) como instrumental medial, estético y proyectual.
• CG8. Conocer los recursos académicos y pedagógicos básicos para la transmisión de conocimientos del ámbito del diseño digital adquiridos durante su formación con fines docentes.
• CG10. Aprender de manera autónoma nuevos conocimientos, técnicas, herramientas, lenguajes en el desarrollo de los procesos de diseño digital.
• CG13. Conocer los medios básicos del arte digital: imagen, gráficos, imagen corporativa (medios basados en el espacio) e imagen y gráficos en movimiento, animación 2D (medios basados en el tiempo).
• CG14. Conocer las técnicas, mecanismos y teorías de visualización, interacción (interfaces), usabilidad, interconectividad, etc., para la creación de productos digitales simples, accesibles, navegables, eficientes, reusables, conectables, etc.
• CG17. Creación y desarrollo de proyectos de diseño con medios sociales interactivos desde el conocimiento de las técnicas de programación y comunicación así como de los fundamentos sociológicos, narrativos, de lenguaje y creación, etc.
• CG18. Conocer, usar, mezclar e integrar las diferentes disciplinas del diseño en un diseño digital multidisciplinar.
• CG20. Sistematizar procesos de observación, descripción, análisis, visualización, realización, presenta-ción pública y evaluación de proyectos de diseño digital.

Competencias específicas

• CE6. Conocer los fundamentos del dibujo artístico y técnico y su relación con la visualización en el contexto del diseño digital.
• CE7. Representar artísticamente (imagen) y técnicamente (gráfica) objetos e ideas.
• CE8. Aplicar los fundamentos psicológicos y semióticos del color en el diseño.
• CE9. Conocer los principios sintácticos del lenguaje gráfico y de aplicar sus reglas para describir con claridad y precisión objetos e ideas.
• CE10.Capturar, manipular y preparar la imagen para su uso en diferentes soportes físicos y virtuales.
• CE11. Comprender la naturaleza de la imagen y los gráficos en movimiento así como los principios básicos de composición y estructura que articulan imagen, gráficos y sonido en el tiempo.
• CE12. Comprender el valor narrativo del tiempo para el diseño digital.
• CE13. Informar, narrar o documentar mediante imágenes, gráficos, sonidos y textos desplegados en el tiempo.
• CE14. Aplicar transformaciones y efectos espacio-temporales con intenciones narrativas para proyectar y realizar comunicaciones visuales con un propósito claro y específico.
• CE15. Desarrollar y producir proyectos de imágenes y gráficos en movimiento.
• CE23. Conocer las herramientas informáticas adecuadas para el desarrollo y ejecución de proyectos, académicos y empresariales, basados en imágenes y gráficos en movimiento.
• CE30. Entender los fundamentos básicos de la programación de los lenguajes HTML y CSS y los fundamentos básicos de javascript, así como de las herramientas y técnicas de trabajo del diseño web.

Competencias transversales

• CT1. Capacidad de compromiso con el cumplimiento de las tareas encomendadas.
• CT2. Capacidad de integración de los conocimientos adquiridos y de producción de nuevo conocimiento.
• CT3.Capacidad de trabajar con los demás de manera eficaz y cooperativa, estableciendo buenas rela-ciones e intercambiando información.
• CT6. Capacidad de adaptación a nuevas situaciones. Flexibilidad en nuevos entornos de aprendizaje, como es la enseñanza online.
• CT9. Capacidad para asumir y llevar a cabo actividades: capacidad para anticipar problemas, proponer mejoras y soluciones y perseverar en su consecución.
• CT10.Capacidad de encontrar y generar nuevas ideas y soluciones.

 

Contenidos

Tema 1. Fundamentos del desarrollo web

• Introducción y objetivos
• La programación didáctica como guía del instrumento de trabajo
• ¿Qué es HTML?
• ¿Qué son las hojas de estilos CSS?
• ¿Qué es JavaScript?
• Estándares web y W3C

Tema 2. Introducción a HTML

• Introducción y objetivos
• Origen de HTML
• Sintaxis HTML
• Estructura básica en HTML
• Imágenes
• Párrafos

Tema 3. Elementos estructurales en HTML

• Introducción y objetivos
• Cabeceras
• Listas
• Enlaces
• Tablas
• Formularios

Tema 4. Introducción a CSS

• Introducción y objetivos
• Origen de las hojas de estilos CSS
• Selectores CSS
• Bloques en CSS
• Propiedades CSS

Tema 5. Estilos CSS

• Introducción y objetivos
• Estilos CSS
• Colores
• Font
• Creación y modificación de estilos

Tema 6. Introducción a HTML5 y CSS3

• Introducción y objetivos
• Introducción a HTML5
• Elementos estructurales
• Introducción a CSS3
• Aplicando estilos CSS3

Tema 7. Novedades HTML5 y CSS3

• Introducción y objetivos
• Introducción a HTML5
• Audio
• Vídeo
• Novedades en CSS3
• Media queries

Tema 8. Organización de un proyecto web

• Introducción y objetivos
• Fases o etapas
• Roles
• Herramientas de edición
• Herramientas de gestión
• Consideraciones finales

Tema 9. Metodologías para el desarrollo de un proyecto web

• Introducción y objetivos
• Definición de la metodología
• Metodología del desarrollo web clásico
• Metodologías ágiles
• Metodología de diseño centrada en el usuario
• ¿Con cuál me quedo?
• Referencias bibliográficas

Tema 10. Otras tecnologías para el desarrollo web

• Introducción y objetivos
• Introducción a JavaScript
• Conceptos básicos
• Objetos
• Funciones
• Métodos
• jQuery

Las actividades formativas de la asignatura se han elaborado con el objetivo de adaptar el proceso de aprendizaje a las diferentes capacidades, necesidades e intereses de los alumnos.

Las actividades formativas de esta asignatura son las siguientes:

• Actividades. Se trata de actividades de diferentes tipos: reflexión, análisis de casos, prácticas, etc.
• Participación en eventos. Son eventos programados todas las semanas del cuatrimestre: sesiones presenciales virtuales, foros de debate.

Descargar programación

Estas actividades formativas prácticas se completan, por supuesto, con estas otras:

• Estudio personal
• Tutorías. Las tutorías se pueden articular a través de diversas herramientas y medios. Durante el desarrollo de la asignatura, el profesor programa tutorías en días concretos para la resolución de dudas de índole estrictamente académico a través de las denominadas “sesiones de consultas”. Como complemento de estas sesiones se dispone también del foro “Pregúntale al profesor de la asignatura” a través del cual se articulan algunas preguntas de alumnos y las correspondientes respuestas en el que se tratan aspectos generales de la asignatura. Por la propia naturaleza de los medios de comunicación empleados, no existen horarios a los que deba ajustarse el alumno.
• Examen final presencial u online

Las horas de dedicación a cada actividad se detallan en la siguiente tabla:

ACTIVIDADES FORMATIVAS	HORAS POR ASIGNATURA	% PRESENCIAL
Sesiones presenciales virtuales	15 horas	100%
Sesiones virtuales asíncronas	3 horas	0
Estudio personal del material básico	50 horas	0
Lectura y análisis de material complementario	25 horas	0
Trabajos, Proyectos y Casos Prácticos	30 horas	0
Test de evaluación	4 horas	0
Tutorías	16 horas	0
Trabajo colaborativo	7 horas	0
Total	150 horas	-

Recomendaciones técnicas y materiales

Para la correcta participación de los alumnos en las diferentes actividades propuestas en la asignatura se recomienda disponer de un ordenador con las siguientes especificaciones mínimas recomendadas:

• 4 GB de RAM
• Conexión a Internet superior a 6 Mbit/s
• Cámara web
• Micrófono
• Altavoces o auriculares
• Sistema operativo Windows o Mac OS
• Navegador web Chrome, Safari o Firefox actualizado (versiones no actualizadas pueden presentar problemas funcionales y/o de seguridad)

Bibliografía básica

Recuerda que la bibliografía básica es imprescindible para el estudio de la asignatura. Cuando se indica que no está disponible en el aula virtual, tendrás que obtenerla por otros medios: librería UNIR, biblioteca...

Los textos necesarios para el estudio de la asignatura han sido elaborados por UNIR y están disponibles en formato digital para consulta, descarga e impresión en el aula virtual.

Bibliografía complementaria

• Talarn, J. M. (2020). Fundamentos web. Michigan: Independently Published.
• Arbeláez , R. A. (2020). HTML. Michigan: Independently Published.
• Barrios, E. (2019). CSS. Madrid: Anaya Publicaciones Generales.
• De Caso, A. (2018). JavaScript. Madrid: Anaya Publicaciones Generales.
• Rubiales, M. (2017). Curso de Desarrollo Web: HTML, CSS y JavaScript. Madrid: Anaya Publicaciones Generales.
• Aubry, C. (2020). HTML5 y CSS3. Barcelona: ENI
• Sánchez, J. (2019). Desarrollo web en entorno cliente con JavaScript. Madrid: Ibergarceta Publicaciones S.L.
• Campbell, A. (2020). Agile. Michigan: Independently published.
• McCarthy, R. (2020). Agile y Scrum. Michigan: Independently Published.
• Hiard, V. (2020). Gestión de un proyecto web - Planificación, dirección y buenas prácticas. Barcelona: ENI

El sistema de calificación se basa en la siguiente escala numérica:

0 - 4, 9	Suspenso	(SS)
5,0 - 6,9	Aprobado	(AP)
7,0 - 8,9	Notable	(NT)
9,0 - 10	Sobresaliente	(SB)

La calificación se compone de dos partes principales:

El examen se realiza al final del cuatrimestre y es de carácter PRESENCIAL u ONLINE y OBLIGATORIO. Supone el 60% de la calificación final y para que la nota obtenida en este examen se sume a la nota final, es obligatorio APROBARLO.

La evaluación continua supone el 40% de la calificación final. Este 40% de la nota final se compone de las calificaciones obtenidas en las diferentes actividades formativas llevadas a cabo durante el cuatrimestre.

Ten en cuenta que la suma de las puntuaciones de las actividades de la evaluación continua permite que realices las que prefieras hasta conseguir el máximo puntuable mencionado. En la programación semanal de la asignatura, se detalla la calificación máxima de cada actividad o evento concreto puntuables.

Sistema de evaluación	Ponderación min - max
Participación del estudiante	0% - 10%
Trabajos, proyectos y casos	20% - 40%
Test de evaluación	0% - 10%
Examen final	60% - 60%

Elisabeth Tapia Colón

Formación: Máster en Ingeniería de Software por la Universidad Pontificia de Salamanca. Ingeniera en Sistemas de Computación por la universidad APEC (República Dominicana).

Experiencia: Ha impartido docencia por más de 10 años en el área de informática. Además, como consultor en la empresa de consultoría informática: VASS Consultoría de Sistemas, realizando desarrollos evolutivos, mantenimiento correctivo, y resolución de incidencias para clientes como Telefónica, Unidad Editorial, Prosegur y Bankinter.

Líneas de investigación: Su línea de interés se centra en la usabilidad y el diseño centrado en el usuario, en donde ha dirigido varios Trabajos de Fin de Máster.

Obviamente, al tratarse de formación online puedes organizar tu tiempo de estudio como desees, siempre y cuando vayas cumpliendo las fechas de entrega de actividades, trabajos y exámenes. Nosotros, para ayudarte, te proponemos los siguientes pasos:

1. Desde el Campus virtual podrás acceder al aula virtual de cada asignatura en la que estés matriculado y, además, al aula virtual del Curso de introducción al campus virtual. Aquí podrás consultar la documentación disponible sobre cómo se utilizan las herramientas del aula virtual y sobre cómo se organiza una asignatura en la UNIR y también podrás organizar tu plan de trabajo con tu tutor personal.
2. Observa la programación semanal. Allí te indicamos qué parte del temario debes trabajar cada semana.
3. Ya sabes qué trabajo tienes que hacer durante la semana. Accede ahora a la sección Temas del aula virtual. Allí encontrarás el material teórico y práctico del tema correspondiente a esa semana.
4. Comienza con la lectura de las Ideas clave del tema. Este resumen te ayudará a hacerte una idea del contenido más importante del tema y de cuáles son los aspectos fundamentales en los que te tendrás que fijar al estudiar el material básico. Consulta, además, las secciones del tema que contienen material complementario.
5. Dedica tiempo al trabajo práctico (sección Actividades y Test). En la programación semanal te detallamos cuáles son las actividades correspondientes a cada semana y qué calificación máxima puedes obtener con cada una de ellas.
6. Te recomendamos que participes en los eventos del curso (sesiones presenciales virtuales, foros de debate…). Para conocer la fecha concreta de celebración de los eventos debes consultar las herramientas de comunicación del aula vitual. Tu profesor y tu tutor personal te informarán de las novedades de la asignatura.

En el aula virtual del Curso de introducción al campus virtual encontrarás siempre disponible la documentación donde te explicamos cómo se estructuran los temas y qué podrás encontrar en cada una de sus secciones.

Recuerda que en el aula virtual del Curso de introducción al campus virtual puedes consultar el funcionamiento de las distintas herramientas del aula virtual: Correo, Foro, Sesiones presenciales virtuales, Envío de actividades, etc.