Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Diseño WEB

    Încărcat de

    Luis Alberto Amaya Tafur
    11 vizualizări7 pagini
    códigos html

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    códigos html

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    11 vizualizări7 pagini

    Diseño WEB

    Încărcat de

    Luis Alberto Amaya Tafur
    códigos html

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 7

    MODULO 1: FUNDAMENTOS

    Editores HTML CSS JavaScript:


    http://codepen.io/
    https://www.sublimetext.com/

    HTML: Hiper Text Markup Lines

    Flujo de Trabajo:

    Empresa Cliente Nosotros


    Python Ruby PHP
    MODULO 2: HTML

    ESTRUCTURA Y SINTAXIS:
    HTML no diferencia maysculas de minsculas. Su estructura bsica es la
    siguiente:

    <!--comentario--> Comentario que no se muestra


    <!DOCTYPE html> Tipo de Documento
    <html lang=es> <html> Indicar idioma del sitio
    <title> </title> Solo se muestra en la
    pestaa
    <p> </p> Prrafo
    <meta charset=utf-8> Declarar codificacin (para
    tildes)
    ELEMENTOS ESTRUCTURALES:

    ELEMENTOS PARA DESPLEGAR TEXTO:


    ELEMENTOS DE FRASE:
    o EM Cursiva (con nfasis)
    o STRONG Negrita (con nfasis mayor)
    ENCEBEZADOS
    o <h1>Encabezado</h1> Para dar orden de Importancia,
    o <h2>Encabezado</h2> la esttica es trabajo de CSS
    o <h3>Encabezado</h3>
    o <h4>Encabezado</h4>
    o <h5>Encabezado</h5>
    o <h6>Encabezado</h6>
    Enlaces:

    ANCHOR
    <a hef=index.html/></a> (enlace interno a
    pgina)
    <a hef=https://devcode.la/></a> (enlace externo en
    misma pestaa)
    <a hef=https://devcode.la/ target=_blank> </a> (enlace
    externo en otra pestaa)
    <a hef=#iddelaseccion> </a> (enlace interno a
    referencia)
    <a hef=mailto:correo> </a> (enlace a enviar
    email)
    <a hef=https://devcode.la/static/logo.png dowload></a>
    (Descargar algn recurso)

    MODULO 2: CSS
    SINTAXIS
    SELECTORES:

    Universal : * { propiedad : valor ; }


    Tipo : p { propiedad : valor ; }
    Id : #selector {propiedad : valor ; } primero asignamos
    id
    Clase : .selector { propiedad : valor ; } primero asignamos
    class

    Pseudoclases

    :link da estilo a link no visitado


    :visited da estilo a link ya visitado

    :hover da estilo cuando el mouse se encuentra encima de el


    :active da estilo cuando se da click a un elemento
    :focus da estilo solo cuando este en el foco, generalmente
    eventos de teclado

    :fist-child usados para list


    :last-child
    :nth-child(2n)
    :nth.child(3n)

    Por ejemplo: a:link{color:orange;}


    legend:hover{color:green;}
    li:first-child{background:yelow;}

    Pseudoelementos

    ::before
    ::after
    ::first-letter
    ::firs-line

    Combinacin de selectores

    ul li {margen-left: 40px;} afecta a todos los descendentes


    ul > li {margen-left: 40px;} solo afecta a hijos
    p+p deben haber dos p inmediatamente
    p~p deben haber dos p, no necesariamente de
    inmediato

    Asignar colores a elementos


    Keywords orange, pink, etc
    Hexadecimal
    RGB y RGBA Usamos la funcin rgb(255,0,0) y rgba(0,255,0, .4)

    HSL y HSLa Hue(matiz 0 - 359), Saturation (saturacin %), Lightness


    (brillo %)

    http://www.color-hex.com/
    https://flatuicolors.com/
    https://color.adobe.com/es/create/color-wheel/

    Longitudes en CSS
    Absolutas ( 1in = 2.54cm 1px=1/96in 1pt=1/72in 1pc=12pt )
    Relativas rem (respecto a lo declarado previamente)
    em (respecto a tamao de fuente, si no hay definido, ser
    respecto al padre)

    S-ar putea să vă placă și