ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACTIVIDAD - Proyecto Articulador grado 10 (1).pdf
1. COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023
Área: Tecnología e Informática
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).
Desarrollo del proyecto
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.
2. COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023
Área: Tecnología e Informática
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.
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.
3. COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023
Área: Tecnología e Informática
De acuerdo con esta imagen.
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.
Recomendaciones para tener en cuenta.
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 Visual Studio Code, 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.
4. COLEGIOS COMFANDI
ACTIVIDAD: Creación de Páginas Web
GRADO 10°
PERIODO III - PROYECTO ARTUCULADOR
AÑO LECTIVO 2022-2023
Área: Tecnología e Informática
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.
Tambien puedes tener como referencia este link que te enseña a crear una pagina web
https://www.youtube.com/watch?v=T8Zt2bpiPjo&t=4s
Exitos!