Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

06 Desafío: crea una página curriculum

Referente al curso HTML y CSS: header, footer y variables CSS, en el capítulo Navegando entre páginas y actividad Desafío: crea una página curriculum

por ERNESTO RAFAEL VILORIA GARCIA
| 31.9k xp | 93 posts

código HTML completo y funcional
Nota: Se usara notacion nemotecnica o parametrizada para ser reemplazada esta por los valores reales.

<header>
    <h1>Tu Nombre Completo</h1>
    <img src="tu-foto.jpg" alt="Foto de Tu Nombre" width="200">
    <p><strong>Ubicación:</strong> Tu Ciudad, Tu País</p>
    <p><strong>Correo Electrónico:</strong> tu.email@ejemplo.com</p>
    <p><strong>Teléfono:</strong> +123 456 7890</p>
    <p><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/tunombredeusuario" target="_blank">linkedin.com/in/tunombredeusuario</a></p>
    <p><strong>GitHub:</strong> <a href="https://github.com/tunombredeusuario" target="_blank">github.com/tunombredeusuario</a></p>
</header>

<hr>

<section>
    <h2>Resumen Profesional</h2>
    <p>Soy un profesional con X años de experiencia en el campo de Y. Me especializo en Z y me considero una persona proactiva, orientada a resultados y con gran capacidad de aprendizaje. Busco un puesto donde pueda aplicar mis conocimientos y contribuir al crecimiento de la empresa.</p>
</section>

<hr>

<section>
    <h2>Experiencia Laboral</h2>
    <ul>
        <li>
            <h3>Nombre de la Empresa</h3>
            <p><strong>Puesto:</strong> Tu Puesto de Trabajo</p>
            <p><strong>Fechas:</strong> Enero 2020 - Agosto 2025</p>
            <p><strong>Descripción:</strong>
                <ul>
                    <li>Responsabilidad 1.</li>
                    <li>Responsabilidad 2.</li>
                    <li>Logro destacado 1.</li>
                </ul>
            </p>
        </li>
        <li>
            <h3>Nombre de la Empresa Anterior</h3>
            <p><strong>Puesto:</strong> Otro Puesto de Trabajo</p>
            <p><strong>Fechas:</strong> Junio 2018 - Diciembre 2019</p>
            <p><strong>Descripción:</strong>
                <ul>
                    <li>Responsabilidad 1.</li>
                    <li>Responsabilidad 2.</li>
                </ul>
            </p>
        </li>
    </ul>
</section>

<hr>

<section>
    <h2>Educación</h2>
    <ul>
        <li>
            <h3>Título de la Carrera/Grado</h3>
            <p><strong>Institución:</strong> Nombre de la Universidad o Escuela</p>
            <p><strong>Fechas:</strong> 2014 - 2018</p>
        </li>
        <li>
            <h3>Título del Grado Superior</h3>
            <p><strong>Institución:</strong> Nombre del Instituto o Centro</p>
            <p><strong>Fechas:</strong> 2012 - 2014</p>
        </li>
    </ul>
</section>

<hr>

<section>
    <h2>Habilidades</h2>
    <ul>
        <li><strong>Idiomas:</strong> Español (nativo), Inglés (avanzado)</li>
        <li><strong>Técnicas:</strong> HTML, CSS, JavaScript, Python</li>
        <li><strong>Soft Skills:</strong> Trabajo en equipo, Liderazgo, Comunicación</li>
    </ul>
</section>
1 respuesta
por Brenda Souza
| 6077.4k xp | 22224 posts
Instructor

Hola Ernesto, espero que estés bien

¡Qué emocionante que estés trabajando en tu currículum en HTML! El código que compartiste ya tiene una estructura bastante sólida y parece estar cumpliendo con los requisitos del desafío que mencionaste. Aquí te dejo algunas sugerencias para que puedas personalizarlo y hacerlo aún más atractivo:

  1. Personalización de Datos: Asegúrate de reemplazar todos los datos de ejemplo, como "Tu Nombre Completo", "tu.email@ejemplo.com", y las URLs de LinkedIn y GitHub, con tus datos reales.

  2. Imagen Personal: No olvides sustituir "tu-foto.jpg" por el nombre del archivo de tu foto personal y asegurarte de que esté en la misma carpeta que tu archivo HTML, o proporcionar la ruta correcta si está en otro lugar.

  3. Experiencia Laboral y Educación: Personaliza las secciones de experiencia laboral y educación con tus propias experiencias y logros. Puedes añadir más elementos a las listas si tienes más experiencias o títulos que quieras destacar.

  4. Proyectos Adicionales: Considera añadir una sección para proyectos personales o trabajos destacados que hayas realizado. Esto puede ser una gran manera de mostrar tus habilidades y logros.

  5. Estilos CSS: Para mejorar la apariencia visual de tu currículum, podrías considerar agregar un archivo CSS externo o incluir estilos en la sección <style> dentro de <head>. Esto te permitirá personalizar colores, fuentes y el diseño general.

Aquí tienes un pequeño ejemplo de cómo podrías empezar a agregar estilos CSS:

<style>
    body {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        margin: 20px;
    }
    header {
        text-align: center;
    }
    h1, h2 {
        color: #333;
    }
    img {
        border-radius: 50%;
    }
    hr {
        border: 1px solid #eee;
    }
</style>

Espero que estas sugerencias te ayuden a avanzar en tu proyecto. ¡Disfruta del proceso de creación y personalización de tu currículum!

Espero ter ajudado y bons estudos!