Presentación para la actividad 1: "Actividad de aula soportada con aplicaciones Web 2.0" de la asignatura de Infraestructuras y Tecnologías de la Información en Centros Educativos. Autor: Estrella Morales Martín

1. CREACIÓN DE PÁGINA WEB
Infraestructuras y Tecnologías de la Información en Centros Educativos
Actividad º

2. INTRODUCCIÓN
En nuestro día a día, con mayor o menor frecuencia, todos hacemos uso
en algún momento de páginas web. Gracias a ellas podemos acceder a la
información que necesitamos para nuestros trabajos, encontrar ejemplos
de ejercicios, recursos para ayudarnos a comprender algún concepto de
clase, etc. También las usamos para comunicarnos con nuestros
compañeros, expresar nuestras opinions, e incluso podemos hacer
alguna compra, ver series, películas, deportes, etc.
Por todo ello es interesante conocer cómo podemos hacer nuestra propia
web y algunas de las herramientas de las que disponemos para ello.

3. ACTIVIDAD
¿Qué vamos a hacer?
Piensa en un hobby, tu película favorita, tu grupo de música preferido,
etc. Son solo algunos ejemplos, elige una temática que te apasione.
Vamos a aprender a crear y publicar una página web en la que puedas
compartir tus conocimientos sobre el tema seleccionado.
Aprenderemos a añadir vídeos, imágenes y otros recursos para que sea
más dinámica y atractiva.

4. ¿QUÉ VAMOS A APRENDER?
HTML
El Lenguaje de Marcado de Hipertexto (HTML) es el
lenguaje que se utiliza para estructurar y desplegar
una página web y sus contenidos.
Puedes consultar este enlace para más información:
https://es.wikipedia.org/wiki/HTML
CSS
Hojas de Estilo en Cascada (del inglés Cascading
Style Sheets) o CSS es el lenguaje de estilos que
vamos a utilizar para describir la presentación de
nuestros documentos HTML
Puedes consultar este enlace para más información:
https://es.wikipedia.org/wiki/CSS
JAVASCRIPT
Es un lenguaje de programación que nos va a permitir añadir dinamismo a nuestra
página web.
Puedes consultar este enlace para más información:
https://es.wikipedia.org/wiki/JavaScript
Otras herramientas de diseño
Utilizaremos Bootstrap como conjunto de herramientas de código abierto para
ayudarnos a desarrollar nuestra web responsive con HTML, CSS y JavaScript
Puedes consultar este enlace para más información:
https://es.wikipedia.org/wiki/Bootstrap_(framework)
Uso de editores de código fuente
Instalaremos el editor de código fuente Visual Studio Code que es un software libre
y multiplataforma y está disponible para Windows, GNU/Linux y macOS.
Lo utilizaremos para editar los ficheros HTML, CSS y JavaScript de nuestra página
web.

5. PASOS A SEGUIR
1º Decide la temática
Tómate un tiempo para pensar sobre qué temática te gustaría hacer tu página web.
2º Empezamos a trabajar
2.1) Instala el editor de código fuente Visual Studio Code.
2.2) Accede a este enlace https://startbootstrap.com/themes y elige un tema con licencia libre para
utilizar en tu página web. Recuerda: No es necesario registrarse, pulsando en el botón “Free
download” puedes hacer la descarga.
2.3) Modifica el fichero index.html mediante Visual Studio Code para adaptarlo al contenido que
quieres presentar.
2.4) Modifica los ficheros .css mediante Visual Studio Code para adaptar el diseño a tu gusto.
2.5) Incorpora imágenes y algún recurso de audio. Recuerda: Utiliza recursos con licencia Creative
Commons
2.6) Modifica alguno de los ficheros .js
En la siguiente página tienes unos recursos que te pueden ayudar

6. Desde este enlace de Trello tienes todos los recursos disponibles:
https://trello.com/b/iffErFYx/tecnolog%C3%ADas-de-la-informaci%C3%B3n-y-la-comunicaci%C3%B3n-1bach
PASOS A SEGUIR

7. PASOS A SEGUIR
3º Entregable
Realiza una presentación en Canva o Power Point en la que muestres tu trabajo final.
Además, en la presentación deben quedar respondidas las siguientes cuestiones:
1) Diferencias entre páginas estáticas y páginas dinámicas
2) ¿Cómo has añadido dinamismo a tu página?
3) ¿En qué se diferencia el lenguaje HTML y el lenguaje CSS?
4) ¿Cómo cambiarías el tipo de fuente y tamaño del título de tu página?
5) ¿Qué dificultades has encontrado a la hora de hacer la actividad?
6) ¿Has usado otros recursos a parte de los propuestos? Si es así, ¿cuáles son?
4º Presentacion
Presenta a tus compañeros la presentación que has preparado. La exposición debe durar
entre 10 y 15 minutos.

8. • Grado de modificación de la plantilla descargada según las indicaciones: 4
puntos
⚬ Diseño de la página web: 1 punto
⚬ Recursos gráficos añadidos a la página: 1 punto
⚬ Recursos de vídeo/audio añadidos a la página: 1 punto
⚬ Otras modificaciones: 1 punto
• Presentación realizada: 2 puntos
• Respuestas a las cuestiones planteadas: 2 puntos
• Calidad de la exposición: 2 puntos
⚬ Se ajusta al tiempo: 1 punto
⚬ Lenguaje verbal y no verbal: 1 punto
EVALUACIÓN

9. JUSTIFICACIÓN CURRICULAR
En base al DECRETO 40/2022, de 29 de septiembre, por el que se establece la ordenación y el currículo del bachillerato en la
Comunidad de Castilla y León:
• Curso: 1 Bachillerato.
• Modalidad: “Ciencias y Tecnología”.
• Asignatura: Materia optativa “Tecnologías de la información y la comunicación I”
⚬ Según el DECRETO 40/2022, de 29 de septiembre, la asignatura se divide en tres bloques. La actividad propuesta se encuentra
vinculada principalmente a los contenidos y competencias correspondientes al Bloque 1: “Proyecto TIC. Publicación y difusión de
contenidos”. Este bloque trata de la creación de elementos multimedia e interactivos con fines comunicativos y de optimización de la
experiencia de usuario, susceptibles de ser alojados en soporte web.
• Competencias: La actividad propuesta a los alumnos está directamente orientada a cubrir la siguiente competencia específica del
currículo: “Generar contenido multimedia, aplicando conocimientos de diseño web y elementos interactivos, para crear sitios web que
integren evidencias audiovisuales eficaces en su comunicación con el usuario.” Con esta competencia se pretende que el alumnado
obtenga los siguientes resultados de aprendizaje:
⚬ Destreza que le permita combinar elementos multimedia para conformar un espacio web útil para lograr el objetivo que se proponga.
⚬ Capacidad de conseguir el producto final con el apoyo de gestores de contenidos, así como a partir de la creación de código propio,
siempre prestando atención a una experiencia agradable del usuario.
• La competencia específica anterior se conecta con los siguientes descriptores: CCL1, CCL3, STEM1, STEM3, STEM4, CD1, CD2, CD3,
CD5, CPSAA2, CPSAA3.1, CPSAA 3.2, CPSAA4, CPSAA5, CE1, CE3, CCEC3.2, CCEC4.1, CCEC4.2.

10. BIBLIOGRAFÍA Y LICENCIA
Castilla