Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Taller 1. Portafolio

    Cargado por

    wil
    12 vistas3 páginas
    Este documento proporciona instrucciones para crear un portafolio personal utilizando etiquetas HTML. Explica cómo agregar una estructura básica HTML, encabezados, una sección de proyectos con imágenes y videos, listas de habilidades y logros, una tabla de experiencia laboral, enlaces y un formulario de contacto. También incluye enlaces a guías adicionales sobre portafolios en HTML y CSS. El objetivo es que los estudiantes aprendan a utilizar diferentes etiquetas HTML para desarrollar un portaf

    Descripción original:

    HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento proporciona instrucciones para crear un portafolio personal utilizando etiquetas HTML. Explica cómo agregar una estructura básica HTML, encabezados, una sección de proyectos con imágenes y videos, listas de habilidades y logros, una tabla de experiencia laboral, enlaces y un formulario de contacto. También incluye enlaces a guías adicionales sobre portafolios en HTML y CSS. El objetivo es que los estudiantes aprendan a utilizar diferentes etiquetas HTML para desarrollar un portaf

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    12 vistas3 páginas

    Taller 1. Portafolio

    Cargado por

    wil
    Este documento proporciona instrucciones para crear un portafolio personal utilizando etiquetas HTML. Explica cómo agregar una estructura básica HTML, encabezados, una sección de proyectos con imágenes y videos, listas de habilidades y logros, una tabla de experiencia laboral, enlaces y un formulario de contacto. También incluye enlaces a guías adicionales sobre portafolios en HTML y CSS. El objetivo es que los estudiantes aprendan a utilizar diferentes etiquetas HTML para desarrollar un portaf

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    TALLER

    PORTAFOLIO
    CON HTML
    Habilidades a trabajar
    En este taller aprenderás a trabajar con las etiquetas HTML de:
    Encabezados
    Textos
    Multimedia
    Listas
    Tablas
    Enlaces
    Formularios

    Taller: Creación de un Portafolio en HTML

    Estructura Básica HTML


    Crea un archivo HTML llamado mi_portafolio.html.
    Configura la estructura base <html>, <head>, y <body>.del HTML con los atajos vistos en
    clase (! o html:5).

    Encabezados
    Utiliza las etiquetas de encabezado (<h1>, <h2>, <h3>, etc.) para crear un título principal que
    diga "Mi Portafolio” subtitula tu nombre y una breve descripción.

    Sección de proyectos
    Crea una sección (<section>) que enumere al menos tres de tus proyectos anteriores. Utiliza
    las etiquetas <h2> para los títulos de proyectos y <p> para describir cada uno.

    Etiquetas multimedias
    Para cada proyecto, agrega una imagen utilizando la etiqueta <img>. Asegúrate de que
    las imágenes estén en la misma carpeta (img) que tu archivo HTML y proporciona el
    atributo src con el nombre del archivo de imagen.
    También, agrega un enlace a un video relacionado con cada proyecto utilizando la
    etiqueta <iframe>. Puedes utilizar videos de YouTube y proporcionar las URL
    correspondientes en el atributo src.

    Etiquetas de listas
    Crea una lista desordenada <ul> con al menos tres elementos de lista <li> para enumerar
    tus habilidades técnicas.
    Luego, crea una lista ordenada <ol> con al menos tres elementos de lista <li> para
    enumerar tus logros o metas.

    Etiquetas de tablas
    Agrega una tabla que muestre tu experiencia laboral. Utiliza las etiquetas <table>, <tr>, <th>,
    y <td>. En las filas y columnas de la tabla, enumera el nombre de tu experiencia, la fecha y
    una breve descripción.

    Enlaces
    Incluye enlaces a los sitios web de tus proyectos o a tus perfiles en redes sociales en el footer.
    Utiliza la etiqueta <a> con el atributo href para enlazar a las URL correspondientes.

    Formulario de contacto
    Agrega un formulario de contacto con campos para el nombre, el correo electrónico y un
    mensaje. Utiliza las etiquetas <form>, <input>, <label> y <textarea> para crear el formulario.

    Estilo CSS (opcional)


    Opcionalmente, puedes agregar estilo CSS para mejorar la apariencia de tu portafolio.

    Enlaces de ayuda
    Guia para el portafolio en Github Pages
    https://llherrerap.github.io/taller-portafolio/
    Guia para el portafolio en Github
    https://github.com/llherrerap/taller-portafolio
    Guia HTML
    https://github.com/llherrerap/taller-portafolio/blob/main/index.html
    Guia Estilos CSS
    https://github.com/llherrerap/taller-portafolio/blob/main/style.css
    Referencias HTML
    https://htmlreference.io
    Referencias CSS
    https://cssreference.io

    ¡La practica hace al maestro!


    Espero este taller haya sido de ayuda para motivarte a practicar y aprender más
    sobre el hermoso mundo del desarrollo web. No pierdas esta hermosa
    oportunidad brindada por la agencia ATENEA y la Universidad Distrital. ¡Muchos
    exitos!

    El Equipo de Desarrollo Web Backend 💜

    También podría gustarte