Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Actividad 4

    Cargado por

    Hector Contreras
    26 vistas7 páginas
    Curso ASP Actividad 4

    Título original

    Actividad 4 ASP.NET

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Curso ASP Actividad 4

    Copyright:

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

    Actividad 4

    Cargado por

    Hector Contreras
    Curso ASP Actividad 4

    Copyright:

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

    Actividad 4 ASP.

    NET
    En esta actividad aprenderemos:

     Un acercamiento al lenguaje HTML


     A realizar una página Web usando el Bloc de notas
     A descargar Visual Studio Code
     A realizar una página Web usando Visual Studio Code

    Un acercamiento al lenguaje HTML


    Seguramente has visto en alguna parte código parecido a éste:

    <html>
    <head>
    <title>Mi página de ejemplo</title>
    </head>
    <body>
    Aquí va el contenido
    </body>
    </html>

    Y si estás en este curso, lo más seguro es que ya has programado algo en ese lenguaje.

    Si ya tienes experiencia, puedes pasar directamente a resolver los ejercicios (Evidencia de Aprendizaje).

    Observa que la primera línea dice:

    <html>

    Y si observaste bien, al final se repite:

    </html>

    Sólo que ahora tiene una diagonal (/). Esa diagonal indica que ahí termina lo que se inició (en este caso, la instrucción
    html.

    También, como podrás observar, cada instrucción cuenta con un signo de < (menor que) y otro de > (mayor que).

    Para escribir el código y crear una página web hace sólo falta un editor de texto sencillo.

    Realizar una página web usando el bloc de notas


    Cuando abrimos el bloc de notas y realizamos algo, en automático, nos intenta guardar en formato TXT, que indica que
    lo que estamos guardando es un texto. Podemos cambiar esto y hacer que este editor de texto se vuelva una poderosa
    herramienta para:

     Crear un archivo por lotes (ejecutable)


     Crear un archivo MP3 (no funcionará si no le ponemos código)
     Crear una página web
     Un archivo vbs (Visual Basic Script)

    Empecemos por abrr el bloc de notas. Tienes dos opciones:

    1. Presiona las teclas Win + R (ejecutar)


    2. Escribe bloc en tu buscado y elige Bloc de notas:

    El bloc de notas es un poderoso editor, como comentamos antes. Puedes crear páginas web, archivos ejecutables,
    archivos por lotes y simples notas.

    Al guardar, elige la opción correcta y eso convertirá tu archivo de texto en lo que necesites. Recuerda…tu código debe
    corresponder a lo que estás guardando.

    Empezaremos por hacer un simple archivo de texto:

    Observa que al guardar no indicamos más que el nombre. Eso hace que se guarde en formato de texto (.txt)
    Bien, si al final del nombre usas una extensión distinta de .txt, Windows reconocerá ese archivo en el formato que
    guardes, de acuerdo a la extensión (recuerda que la extensión es algo parecido al apellido de las personas, que distingue
    el origen de dicho archivo).

    Si escribes .vbs, estás indicando que el archivo pertenece a Visual Basic Script

    Si escribes html, tu indicación es que se trata de una página web:

    Si escribes .MP3, tu archivo será de audio. Para que funcione debe contener programación.

    Si queremos hacer una página web se requieren algunos conocimientos básicos de HTML, que significa lenguaje de
    marcas de hipertexto.

    El código HTML es muy sencillo de entender y con pocas instrucciones podemos crear una vistosa página web.

    Como te diste cuenta en el ejemplo, una etiqueta abre <> y otra cierra </>.

    Principales etiquetas de HTML

    Para un encabezado usamos <h1>, <h2>, <h3>,…, y cada número es subnúmero del anterior.

    <strong> </strong> Te convierte el texto en negritas

    <title> </title> Es la etiqueta que da título a tu página

    <body> </body> Es la que da cuerpo a tu página. Dentro va todo lo que escribas

    <p> </p> Párrafo

    <br> </br> Salto de línea

    <ol> </ol> Listas numeradas

    <ul> </ul> Listas con viñetas

    <!DOCTYPE html> Línea con la que iniciamos una página web, para indicar que se trata de un documento
    tipo HTML

    <html> </html> Con esta expresión iniciamos y terminamos lo que queremos programar.

    En general, debemos iniciar con este marco:

    <!DOCTYPE html>
    <html>
    <body>

    Y terminar con éste:

    </html></body>

    El siguiente video, te detallará en forma gráfica la forma de usar el bloc de notas para crear una página web:

    Para ver el video, presiona la tecla de CONTROL y, sin soltarla, haz clic en esta forma

    También puedes verlo directo sin salir de este documento, sólo usa el play (debes tener activado Web Video Player en tu
    equipo):

    Si lo prefieres, usa el siguiente vínculo, copiándolo y pegándolo en tu navegador favorito.

    https://youtu.be/4AZkfE-ftOQ

    Descargar Visual Studio Code


    Visual Studio Code es un editor de código fuente desarrollado por Microsoft para Windows, Linux y macOS. Incluye
    soporte para la depuración, control integrado de Git, resaltado de sintaxis, finalización inteligente de código, fragmentos
    y refactorización de código. También es personalizable, por lo que los usuarios pueden cambiar el tema del editor, los
    atajos de teclado y las preferencias. Es gratuito y de código abierto, aunque la descarga oficial está bajo software
    privativo e incluye características personalizadas por Microsoft.

    Git (pronuncia «guit»/gɪt) es un software de control de versiones diseñado por Linus Torvalds, pensando en la eficiencia,
    la confiabilidad y compatibilidad del mantenimiento de versiones de aplicaciones cuando estas tienen un gran número
    de archivos de código fuente.

    El siguiente link te permitirá descargar el programa:

    https://code.visualstudio.com/docs/?dv=win

    Presiona la tecla de Control y, sin soltarla, haz clic en el link.


    ¡Listo! Ya podrás codificar fácilmente usando el lenguaje html.

    Realizar una página Web usando Visual Studio Code


    Al igual que en el bloc de notas, procedemos con VSC, la diferencia es que cada vez que abrimos una etiqueta, ésta se
    duplica con su respectivo cierre:

    Si escribes <html> en automático, te mostrará:

    <html></html> Y podrás escribir entre las dos etiquetas

    Para activar esta función es necesario que antes hayas guardado tu archivo (Save as) como tipo html:

    Al igual que haces con el bloc de notas, puedes hacer crecer tu página web. La diferencia es que ahora tendrás más
    facilidad usando el editor.
    Revisa el siguiente video, que te mostrará el uso de Visual Studio Code:

    Si el video no se reproduce en tu equipo, puedes copiar y pegar el siguiente link, en tu navegador favorito:

    https://youtu.be/61kbuAgzx8A

    Para ver el video, presiona la tecla de CONTROL y, sin soltarla, haz clic en esta forma

    EVIDENCIA DE APRENDIZAJE
     Crea una carpeta llamada Actividad 4_NombrePS, donde nombre es tu nombre (si tienes dos, sólo pon uno y
    abrevia el otro). P es tu primer apellido y S es tu segundo apellido. Dentro de la carpeta, vas a guardar las
    páginas web de la evidencia.
     Usando el bloc de notas crea las siguientes páginas web:
     Página web (mi nombre) que muestre en título tu nombre e iniciales de tus apellidos y que
    tenga un texto con la dependencia donde trabajas.
     Página web (mis gustos) que muestre un listado con tu nombre y tus gustos.

     Usando Visual Studio Code, crea tres páginas a tu gusto: Libre 1, Libre 2, Libre 3

    En total 5 páginas web: Mi nombre, Mis gustos, Libre 1, Libre 2 y Libre 3.

     Guarda los archivos de las páginas web en la carpeta.

    NOTA: En la carpeta de recursos y en la de la actividad 4, encontrarás un archivo comprimido del programa WinRar, que
    te servirá para comprimir la carpeta.

     Descarga el archivo en tu equipo, haz clic derecho y elige descomprimir en…Instalador WinRar
     Entra a la carpeta y elige la opción adecuada a tu equipo: x64 para equipos de 64 bits y x86 para equipos de 32
    bits.
     Una vez instalado el programa haz clic derecho en el archivo rarreg.key (búscalo en la carpeta que
    descomprimiste) y elige copiar o selecciona el archivo y presiona Control + C
     Ve a equipo / Disco local C / Archivos de programa / WinRAR y pega el archivo rarreg.key. Tu equipo te solicitará
    permiso para sustituir el registro inicial por éste. Acepta la reescritura. Ahora ya cuentas con WinRAR en tu
    equipo.

    También podría gustarte