En esta actividad tendrás que estructurar el sitio web utilizando el lenguaje HTML.

Durante
el proceso trabajarás con las etiquetas básicas para iniciar con las primeras secciones
definidas en el esquema

 La actividad podrá ser realizada individual o en pareja

 Si es en pareja los dos estudiantes deberán ir trabajando la actividad en su propia
computadora

Utilizar la información de las secciones para repasar los conceptos centrales en HTML 5
SECCIÓN 1

1. Iniciar el editor de código HTML que utilizarás para crear el sitio web.

Nota: en este caso se utiliza el editor Notepad++ como referencia

Link para descargar la herramienta: https://notepad-plus-plus.org/downloads/

Ingresar en el editor de código las siguientes etiquetas según el orden determinado a

continuación:
 2. Crear en tus archivos de trabajo una carpeta de nombre webmundo. Guardar en
esta carpeta el documento actual como index.html.

3. Usar las opciones correspondientes del editor para mostrar una vista previa de la
página. Otra forma es abrir el archivo index.html en el navegador web.

Etapa 2: Añadir un formulario

4. Ingresar el siguiente código debajo de la instrucción: <p>Todo en artículos y

marcas reconocidas</p>.

5. Guardar los cambios realizados. Luego, realizar una vista previa en el explorador
web.
Etapa 3: Agregando secciones (“Acerca de” y “Nuestros valores”)

6. Ingresar después de la etiqueta </header> del editor las siguientes instrucciones

para crear las primeras dos secciones de nuestro sitio web.

7. Agregar las siguientes etiquetas para definir los títulos y contenido para las
secciones Acerca de y Nuestros valores.

8. Verificar en el explorador web los cambios realizados.

9. Digitar la siguiente información en la sección “Acerca de”
10. Copiar el contenido del documento en el editor web dentro de la sección “Acerca
de” en el siguiente orden:
 El Párrafo 1 en <h4>.
 El Párrafo 2 en <p>.
 El Párrafo 3 en <button>.

11. Digitar la siguiente información en la sección “Nuestros valores”

12. Copiar el contenido del documento en la sección “Nuestros valores” en el
lugar que corresponde a cada elemento.

13. Guardar los cambios realizados. Enseguida, observar en el explorador web el

avance obtenido.
SECCIÓN 2

 Elegir una empresa o compañía ficticia de su preferencia que ofrezca uno o

varios productos

 Aplicar todos los pasos realizados en esta actividad a su empresa

 En Classroom deberá de enviar los dos archivos con su código y como se

visualiza en su navegador