Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Diseño Web HTML 5

    Cargado por

    Gravityrockoficial
    10 vistas4 páginas
    2022

    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
    2022

    Copyright:

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

    Diseño Web HTML 5

    Cargado por

    Gravityrockoficial
    2022

    Copyright:

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

    Diseño Web HTML 5.

    0
    HTML Plantillas:

    https://html5up.net/massively
    https://html5up.net/landed
    https://colorlib.com/preview/#musico
    https://colorlib.com/preview/#deejee
    https://colorlib.com/preview/#razo
    https://colorlib.com/preview/#eighty8
    https://slide.smartwpress.com/demo1/
    https://slide.smartwpress.com/demo4/
    https://slide.smartwpress.com/demo3/

    Tutorial editar plantilla: Bootstrap

    https://www.youtube.com/watch?v=zRHOK6TeygM

    Paginas referencia:

    https://edge-effect.media/guild.html
    https://www.xn--mahermuoz-r6a.com/clases1a1/
    https://www.xn--mahermuoz-r6a.com/

    Editores de Codigo:
    Curso HTML
    Se necesitan principalmente 2 lenguajes de programación para construir una pagina web:
    HTML y CSS.

     HTML es utilizado para crear la estructura de la pagina.


     CSS es el lenguaje donde se diseña la interfaz de usuario “parte visual de la pagina”.
     Adicionalmente, se puede utilizar un tercer lenguaje por ejemplo JavaScript, este es
    utilizado para los “plugins” funciones especiales de la pagina como, cuadros de
    búsqueda, reproducción de audio o video, mejoras de la interfaz etc.

    La estructura clásica de una página web es: Header “encabezado”, Navigation “barra de
    navegación”, Main Information “Información principal” esta por lo general se divide en
    secciones, Aside bar “Barra Lateral” & Institucional o footer “Información de autor”.

    Nota: Nuestro sitio web puede contener varias páginas, por tal razón siempre
    debe indicarse cual es la página principal; para ello se utiliza el nombre
    “index” en nuestra pagina principal.
    Etiquetas HTML:

    Las etiquetas son palabras reservadas o instrucciones de HTML, que le permiten al


    navegador reconocer que tipo de información se va a introducir, unas de las más utilizadas
    son:

    a. Etiquetas básicas:

    <title> </title>: Titulo de la página web “Titulo visible en la viñeta”.


    <h>: “Header” Titulo en la página “Titulo visible dentro de la página”
    <h1>: “Subtitulo” Existen hasta “h6” con tamaños diferentes.
    <p>: “Pagragraph” Párrafos en la pagina.

    b. Etiquetas de estructura:

    <!DOCTYPE>: Establece como lenguaje Html 5 “ultima versión”.


    <html>: Indicamos que el código es de lenguaje HTML.
    <head>: Estructura cabecera.
    <body>: Cuerpo de la página.

    Atributos
    Palabras reservadas para atribuir información a las etiquetas, “siempre van juntas etiqueta +
    atributo”; algunas de estos son:

    <htmal lang=“es”>

    a. Etiqueta “html”: Se utiliza para especificar al navegador el lenguaje programación


    que se va a usar, es decir definimos el comienzo y el final del código HTML.
    b. Atributo “lang”: Estamos especificando el idioma que se utilizará en el sitio web,
    ejemplos: “en” es inglés & “es” es español.
    Etiquetas meta y sus atributos:

    Estas etiquetas son utilizadas principalmente para dar información del código a un
    programador o incluso al navegador.

    <meta name= “” content= “”/>

    La forma de utilizar estas etiquetas es: name: asignamos un nombre a la etiqueta “de que
    vamos a hablar”; content: “especificamos o describimos el contenido”

    Ejemplo: <name= “descripción” content= “pagina web creada para el estudio de música”/>

    Nota: La etiqueta meta más utilizada es llamada, “keywords” con esta meta etiqueta vamos
    a especificar palabras clave de nuestro sito, o palabras frecuentes.

    1:17….

    También podría gustarte