DMPA N° 7: creamos nuestro sitio web para nuestro proyecto desde HTML
emprendimiento (tienda online).
Explorar y comprender la naturaleza y objetivos, del contenido curricular, SECUENCIA II
Diseño web) conoce sobre el desarrollo de HTML para realizar el apoyo de su proyecto de
emprendimiento.
I.1. Colegio de alto rendimiento : COAR APURIMAC
I.2. Asignatura : Tecnología para el Emprendimiento Fecha: 06/05/2024
I.3. Unidad didáctica :
10/05/2024
I.4. Grado y sección : 4to Sección
I.5. Horas pedagógicas : 2horas
I.6. Docente : EMERSON ESCUDERO QUISPE
NOS CONTACTAMOS Y ASUMIMOS LOS RETOS
¡Hola!
Ya en el DMPA anterior lograste entender los conceptos básicos de html, donde realizaste una
página web básica para tu proyecto de emprendimiento ahora incorporarás una tienda virtual en
este DMPA, se te brinda orientaciones previas para diseñarla.
¡Empecemos!
¿QUÉ HAREMOS?
Reto Misiones Meta Reglas del juego
[Propósito] [Actividades] [Evidencia] (Criterio E.)
Selecciona procesos de Actividad 01: Elaborar una tienda El estudiante utiliza una
plantilla adecuada para el
producción de un bien o Investigamos y virtual utilizando la proyecto de
servicio pertinentes y emplea construimos el plataforma Wix para emprendimiento.
con pericia habilidades aprendizaje. (15 min) promover tu proyecto
El estudiante agrega 3
técnicas, siendo responsable Actividad 02: tu emprendiendo. productos como mínimo
con el ambiente, para brindar Empezamos a diseñar para la visualización de su
tienda virtual.
una serie de productos nuestra tienda virtual.
mediante una tienda virtual (20 min) El estudiante demuestra
para mejorar la calidad de vida Actividad 03: responsabilidad y
compromiso en el tiempo
cuando construye una tienda Transferimos y nos establecido.
virtual. evaluamos. (45 min)
Propone ideas y elije
Actividad 04: estrategias viables para
Reflexiona los mejorar el desarrollo de su
aprendizajes. (10 min) proyecto de
emprendiendo.
CONCEPTOS CONTEXTOS CONTENIDOS
● Cambio ● Cultural Tendencias emergentes
● Expresión ● Ambiental Avances futuros
● Valores y Ética ● Conocimiento Humano Perspectivas en las Tecnologías
1
● Identidad ● Económico
● Sistemas ● Conocimiento Humano
Valores y Ética Social
¿Preparada/o?
https://www.youtube.com/watch?v=W2Yrj0h52D4
Para lograr satisfactoriamente los resultados en esta evidencia de aprendizaje necesitas:
Autogestionar tus tiempos para la culminación de cada una de las acciones
satisfactoriamente.
Ten a la mano tu computadora, laptop u otro dispositivo.
¡Comenzamos!
INVESTIGAMOS Y CONSTRUIMOS EL APRENDIZAJE
Actividad 1
NOS INFORMAMOS
QUE NECESITO PARA CREAR MI PÁGINA WEB
Nombre de dominio
Es la dirección web única de tu sitio (por ejemplo, www.tusitio.com). Debes registrar un nombre
de dominio que refleje tu marca o el propósito de tu sitio.
Proveedor de alojamiento web
Necesitarás un servidor donde alojar tu sitio web. Hay muchos proveedores de alojamiento web
disponibles, desde opciones compartidas hasta servidores dedicados, dependiendo de tus
necesidades y presupuesto.
Lenguaje de programación y tecnologías web
HTML, CSS y JavaScript son los lenguajes de programación básicos para crear una página web.
Además, es posible que necesites aprender algún framework o CMS (Sistema de Gestión de
Contenidos) como WordPress, Drupal o Joomla para facilitar el desarrollo y la gestión del
contenido.
Diseño web
Es importante tener un diseño atractivo y funcional para tu sitio web. Puedes diseñarlo tú mismo
si tienes habilidades de diseño o contratar a un diseñador web.
Contenido
Debes crear el contenido que aparecerá en tu sitio web, incluyendo texto, imágenes videos, etc.
Optimización de motores de búsqueda
Optimizar tu sitio web para que aparezca en los resultados de búsqueda es crucial para atraer
tráfico orgánico. Esto implica usar palabras clave relevantes, crear contenido de calidad y
optimizar la velocidad de carga del sitio, entre otras cosas.
Seguridad
Debes tomar medidas para proteger tu sitio web contra ataques cibernéticos y mantener la
seguridad de los datos de tus usuarios. Esto incluye la instalación de certificados SSL,
actualizaciones regulares de software y la implementación de medidas de seguridad adicionales
según sea necesario.
Pruebas de lanzamiento
2
Antes de lanzar tu sitio web al público, es importante realizar pruebas exhaustivas para
asegurarte de que todo funcione correctamente en diferentes dispositivos y navegadores.
Conceptos básicos de HTML
El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y
desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una
lista con viñetas, o imágenes y tablas de datos. Como lo sugiere el título, este artículo te dará una
comprensión básica de HTML y cuál es su función.
CONOCEMOS LOS ETIQUETADOS
1. <title>Define el título del documento, que se muestra en la barra de título del navegador o
en la pestaña.
2. <body>Contiene el contenido visible de la página web, como texto, imágenes, enlaces, etc.
3. <h1> - <h6>Define encabezados de diferentes niveles, donde <h1> es el más importante y
<h6> el menos importante.
4. <p>Define un párrafo de texto.
5. <a> Define un enlace a otra página web o recurso.
6. <img>Inserta una imagen en la página web.
7. <div>Define una sección genérica o un contenedor.
8. <span>Define una sección en línea o un contenedor para un conjunto de elementos en línea.
9. <ul> Define una lista desordenada.
10. <ol>Define una lista ordenada.
11. <li>Define un elemento de lista dentro de <ul> o <ol>.
12. <table>Define una tabla.
13. <tr>Define una fila dentro de una tabla.
14. <td>Define una celda de datos dentro de una fila de una tabla.
15. <th>Define una celda de encabezado dentro de una fila de encabezado o cuerpo de una
tabla.
16. <form>Define un formulario para la entrada de usuario.
17. <input> Define un control de entrada, como un campo de texto, un botón, etc.
18. <textarea>Define un área de texto de múltiples líneas.
3
CONOCEMOS LOS ATRIBUTOS
1. Atributos de Id: Identifican de manera única un elemento en el documento. Se utiliza principalmente
para el estilo CSS y para el acceso a través de JavaScript.
<div id="miId">Contenido</div>
2. Atributos de Clase: Se utilizan para aplicar estilos CSS o para seleccionar y manipular elementos con
JavaScript.
<div class="miClase"> Contenido </div>
3. Atributos de Estilo: Permiten aplicar estilos directamente a un elemento
HTML.
<div style="color: red; font-size: 16px;"> Contenido </div>
4. Atributos de Enlace (href, src, etc.): Se utilizan para especificar la ubicación
de recursos externos, como enlaces y fuentes de imágenes.
<a href="https://ejemplo.com">Enlace</a>
<img src="imagen.jpg" alt="Descripción de la imagen">
5. Atributos de Acceso (Accesskey): Permiten definir teclas de acceso rápido para un elemento
<button accesskey="b">Botón</button>
TRANSFERIMOS Y NOS AUTOEVALUAMOS
Actividad 3
Actividad a desarrollar:
A continuación:
Diseña una plantilla en HTML para promocionar nuestra solución tecnológica de tu proyecto
de emprendimiento.
Elabora una página web para promocionar su idea de solución TIC.
Indicaciones: Fuente: Brainly. (2020)
1. La Plantilla debe contar con el logo de la empresa o negocio desarrollado
2. Debe contar con información de tu empresa
3. Incluir como mínimo 3 productos con sus respectivos precios.
4. De acuerdo a tus recursos desarrolla la actividad de manera creativa e innovadora.
5. Evaluar: Presentar el trabajo.
Lista de cotejo
COMPETENCIA CAPACIDAD CRITERIOS CUMPLIÓ NO Observaciones
CUMPLIÓ
Gestiona Crea El estudiante utiliza una plantilla
proyectos de propuestas adecuada para su proyecto de
emprendimiento de valor. emprendiendo.
económico o El estudiante agrega 3 productos
4
social. como mínimo para la
visualización de su tienda virtual.
El estudiante demuestra
compromiso y responsabilidad en
el tiempo establecido.
Propone ideas y elige estrategias
viables para mejorar el desarrollo
de su proyecto de
emprendimiento.
Actividad 4
Reflexionamos
1. ¿Crees que lo aprendido hoy, servirá para generar valor importante en tu proyecto de emprendimiento?
BILIOGRAFÍA Y RECURSOS
BIBLIOGRAFÍA
http://www.practicasconarduino.com/manualrapido/secuencia_de_led.html
file:///C:/Users/Usuario/Downloads/Andres-Ubeda_Practicas_FSI.pdf
http://www.jgvaldemora.org/blog/tecnologia/wp-content/uploads/2016/10/PR%C3%81CTICAS-ARDUINO-20.pdf.
Guía del Área Curricular de Tecnología para el Emprendimiento.
DEBEDSAR (2024). Orientaciones para la planificación curricular en los Colegios de Alto Rendimiento 2024
Eli Bomfim, Tammy Earle, Michael Fitzpatrick, Carol Hancox, Jonathon Levin, Barbara Stefanics (2022). Digital Society. IB
Diploma Hodder Education
Hoang Paul. (2022). Business Management. 5ta Edición.
Lominé. L., Muchena, M., Pierce, R. (2022). Business Management Course Companion 2022 edition. Reino Unido: Oxford
University Press
Malcolm Surridge y Andrew Gillespie 2022, Business Management IB Diploma
Minedu (2017) Currículo Nacional de Educación Básica. Ministerio de Educación, Perú. Link
https://www.minedu.gob.pe/curriculo/pdf/curriculo-nacional-de-la-educacion-basica.pdf
Minedu. (2024). Guía Metodológica del área Curricular de Tecnología para el emprendimiento. Lima: Ministerio de
Educación. Dirección de Educación Básica para Estudiantes con Desempeño Sobresaliente y Alto Rendimiento
(DEBEDSAR)
Organización del Bachillerato Internacional (2022). Material de ayuda al profesor de Gestión Empresarial
Organización del Bachillerato Internacional IB (2022). Material de ayuda al profesor de Sociedad Digital. Primera
Evaluación 2024
Organización del Bachillerato Internacional IB. (2022). Guía de Gestión Empresarial, Primera evaluación 2024.
Organización del Bachillerato Internacional IB. (2022). Guía de Sociedad Digital. Primera Evaluación 2024
Organización del Bachillerato Internacional IB.(2014). Los enfoques de la enseñanza y el aprendizaje en el Programa del
Diploma.
Organización del Bachillerato Internacional IB.(2022). Uso eficaz de citas y referencias. Actualizada abril 2022
Organización del Bachillerato Internacional IB.(2023). Guía Monografía actualizada mayo 2023.
RECURSOS DE SOPORTE PARA EL DOCENTE Y EL ESTUDIANTE
● Cuaderno de trabajo ● Laptop o PC ● Laptop o PC
● Cuaderno de apuntes ● Internet ● Cuaderno de apuntes
● Lapiceros ● Cuaderno de apunte s ● Lapiceros
………………………………………….. ………………………………………….. …………………………………………..
Docente – Tecnología Acompañante Pedagógico Director Académico
