Está en la página 1de 4

COLEGIOS COMFANDI

ACTIVIDAD: Creación de Páginas Web


GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023

PROYECTO: CRISIS ALIMENTARIA, UNA REALIDAD QUE SE PUEDE CAMBIAR

OBJETIVO:
 Construir una página Web utilizando herramientas Tecnológicas web 4.0
 Utilizar adecuadamente herramientas informáticas para la búsqueda, organización, procesamiento,
sistematización, comunicación y difusión de información.

Los estudiantes deberán construir una página con sus conocimientos de HTML-5 Y CSS3 empleando la
información de las áreas del núcleo (Matemática, Física, Química).

Para ello deberá tener presente la siguiente indicación.

1. Planificar el diseño de tu página web: Antes de empezar a escribir código, es importante tener una
idea clara de cómo quieres que se vea y funcione tu sitio web. Puedes hacer un boceto en papel o utilizar
herramientas de diseño web en línea para ayudarte con este proceso.
2. Crear el archivo HTML: Abre un editor de texto, como Notepad o Sublime Text, y escribe el código
HTML básico. Incluye etiquetas como <html>, <head> y <body>. Dentro del <head>, añade
información como el título de la página, la descripción y las etiquetas meta.
3. Añadir contenido: Dentro del <body>, añade el contenido de tu página web, como texto, imágenes y
enlaces. Utiliza etiquetas HTML como <p>, <img> y <a> para agregar estos elementos a tu página web.
4. Aplicar estilos CSS: Abre otro archivo en tu editor de texto y escribe el código CSS para dar estilo a tu
página web. Utiliza selectores para aplicar estilos a elementos específicos, como h1 para encabezados
o .clase para elementos con una clase específica. Puedes utilizar propiedades CSS como color, font-
family y background-image para personalizar el aspecto de tu página web.
5. Enlazar los archivos HTML y CSS: Dentro del archivo HTML, utiliza la etiqueta <link> para enlazar
tu archivo CSS y aplicar los estilos a tu página web.
6. Revisa y prueba tu página web: Abre tu página web en un navegador web y asegúrate de que todo se
vea y funcione correctamente. Haz ajustes en el código HTML y CSS según sea necesario.

Una vez que tenga presente estos pasos podrás construir la página web.

Área: Tecnología e Informática


COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023

Planificar el diseño de tu página web: Para este proyecto, debes crear una página web simple para evidenciar
el proceso de la FASE I.
1. Para esto la página web tendrá un encabezado con el nombre (Núcleo de Ciencia y tecnología),
2. Un menú de navegación (Inicio, Objetivos, Matemáticas, Física, Química).
3. En el archivo Index.HTML deberá incluir contenido general donde muestre la introducción,
planteamiento del problema entro otros temas también puedes incluir imágenes.
4. Crear un submenú con el nombre Fase I para cada una de las áreas que compone el núcleo, el cual,
deberá evidenciar el proceso de la actividad solicitar por el docente.
5. Por último, crear un pie de página.

Crear el archivo HTML: Abrir de texto visual Studio Code y creo un nuevo archivo HTML llamado
"index.html, objetivo.html, fisica.html, quimica.html matematicas.html". También deberás crear los archivos de
estilo CSS. Tal como se muestra la imagen.

Área: Tecnología e Informática


COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023

Nota: no olvidar crear la carpeta primero para incluir los archivos.

Añadir contenido: Dentro del <body>, debes agregar el contenido de mi página web.

 Index: deberás colocar toda información relacionado con el proyecto, nombre de los integrantes,
introducción, justificación, conclusiones, puede hacerlo de manera general.
 Objetivos: en esta página web deberá colocar los objetivos propuesto por cada área que se realizó para
llevar a cabo la actividad.
 Matemática, Química, Física: Debes colocar el desarrollo de las actividades.

De acuerdo a esta imagen.

Área: Tecnología e Informática


COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023

Aplicar estilos CSS: Abro otro archivo en mi editor de texto y creo un archivo CSS llamado "estilos.css",
“menu_despegable.css” Agregue estilos CSS para dar estilo a mi página web.

Nota: Se recuerda que los Docentes del área de tecnología e informática son los encargados de socializar el
trabajo respectivo de la herramienta web, es decir, que durante las clases orientaran al estudiante sobre uso de la
página web.

Área: Tecnología e Informática

También podría gustarte