Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Prtactica 2

    Cargado por

    isaacmendez450
    2 vistas4 páginas

    Título original

    prtactica 2

    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

    Copyright:

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

    Prtactica 2

    Cargado por

    isaacmendez450

    Copyright:

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

    Nombre: Isaac Carbajal Méndez

    Universidad San Carlos

    Posgrado
    5to cuatrimestre 2023-2024
    Maestría en Sistemas Computacionales
    Tema:
    Reporte de práctica 2
    Versión 2 de la página web

    Profesor: Juan Carlos Flores Paulin


    Ing. Robótico Industrial
    Mtro. En Ingeniería de Computo
    Nombre: Isaac Carbajal Méndez
    Matricula: 2008AW0018
    Materia: Herramientas para la aplicación de sistemas de internet

    Página 1|4
    Nombre: Isaac Carbajal Méndez

    VERSIÓN 1 DE LA PÁGINA WEB


    Para realizar esta práctica se instala la aplicación para el desarrollo de
    la página HTML, en este caso se instala la aplicación de Visual Studio
    Code.

    Una vez dentro de la aplicación de inicia dando cuerpo a la página,


    iniciando con un nuevo file, con leguaje HTML .
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
    <title>Sitio Web de ejemplo</title><!--AQUI SE COLOCA EL TITULO DE LA PAGINA --
    >
    <meta name="description" content="Esta Web es un ejemplo del tutorial de
    desarrollo"/>
    <meta name="keywords" content="recurinfor, recursos de informatica, web de ejemplo,
    abrirllave"/>
    </head>
    <body>
    <header><!--esta es la cabecera -->
    <a href="." title="Logo de USC -Acceso a la página de USC"> <!--este es el acceso a
    la pagina-->
    <img src="img/logoUSC.jpeg" width="200" height="80" alt="Logo Universidad San
    Carlos"> <!--se inserta la imagen del logo de la universidad-->
    </a>
    <a href="."><h4>Pagina web (v2)</h4></a><!--este sirbe para el direccionamiento del
    index direccional-->
    <nav><!--apartado de navegación-->
    <h4>Web de ejemplo del Tutorial de Desarrollo Web USC</h4><!--se ingresa el
    titulo en h4-->

    Página 2|4
    Nombre: Isaac Carbajal Méndez

    <ul><!--este se ingresa una lista desordenada-->


    <li><a href="#">Enlaces</a></li> <!--este es el enlace para enlace-->
    <li><a href="#">Libros</a></li><!--enlace para libros-->
    <li><a href="#">Vídeos</a></li><!--enlace para videos-->
    </ul>
    </nav>
    </header>
    <nav>
    <h3>Recursos</h3><!--se agrega el titulo h3 para el menú de enlaces de los
    siguientes géneros-->
    <ul>
    <li><a href="#">Enlaces</a></li>
    <li><a href="#">Libros</a></li>
    <li><a href="#">Vídeos</a></li>
    </ul>
    </nav>
    <main><!--esta es la vista principal-->
    <ul><!--este es el enlace de inicio-->
    <li><a href=".">Inicio</a> &raquo; Web de ejemplo</li>
    </ul>
    <article><!--aquí se hace el apartado del articulo-->
    <h1>Recursos de informática educativos</h1>
    <p>Este sitio web es un ejemplo que forma parte del curso Desarrollo Web de
    USC, donde se explica –paso a paso– cómo se ha desarrollado.</p>
    <!--se ingresa la etiqueta "p" que es párrafo-->
    <img src="./img/Desarrollo-Web-peque.jpg" width="600" alt="Imagen de desarrollo
    web">
    <h2>Características del sitio web</h2>
    <p>HTML5/CSS, Responsive Web Design, accesibilidad web...</p>
    </article><!--se cierra el apartado articulo-->
    </main><!--se cierra la vista principal-->
    <aside> <!--se agrega el apartado de publicidad junto con su titulo e imagen -->
    <h5>PUBLICIDAD</h5>
    <img src="img/publicidad2.jpg" width="160" height="600" alt="anuncio banner">
    </aside><!--cerramos aside-->
    <footer><!--se crea el footer que es el pie de pagina web donde se encuentras los
    términos y condiciones y etc.-->
    <ul>
    <li><a href=".">Inicio</a></li>
    <li><a href="#">Privacidad</a></li>
    <li><a href="#">Contactar</a></li>
    <li><a href="#">Acerca de</a></li>
    </ul>
    <ul>

    Página 3|4
    Nombre: Isaac Carbajal Méndez

    <li><a href="#" target="_blank" title="USC"><img src="img/facebook-logo.png"


    alt="Facebook" width="20" height="20"/></a></li>
    <li><a href="#" rel="publisher" target="_blank" title="USC"><img src="img/tik-
    tok-logo.png" alt="Google+" width="20" height="20"/></a></li>
    <li><a href="#" target="_blank" title="USC"><img src="img/x-logo-twitter.webp"
    alt="Twitter" width="20" height="20"/></a></li>
    </ul>
    <p>Desarrollo Web - by @Paulín</p>
    </footer>
    </body>
    </html><!--se cierra todas las etiquetas-->
    Vista previa

    Página 4|4

    También podría gustarte