Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 90 vistas

    Maquetacion Web

    Cargado por

    SAMANTHA NICOLE TIPANGUANO SANTAMARIA
    Este documento describe la maquetación web. Explica que la maquetación implica transformar el diseño de un sitio web en archivos HTML, CSS y JavaScript para que los navegadores puedan interpretarlos correctamente en diferentes dispositivos. Detalla algunas herramientas comunes de maquetación como Visual Composer, Divi Builder y Elementor. También incluye un ejemplo de código CSS para dar estilo a un párrafo HTML.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Maquetacion Web

    Cargado por

    SAMANTHA NICOLE TIPANGUANO SANTAMARIA
    90 vistas3 páginas
    Este documento describe la maquetación web. Explica que la maquetación implica transformar el diseño de un sitio web en archivos HTML, CSS y JavaScript para que los navegadores puedan interpretarlos correctamente en diferentes dispositivos. Detalla algunas herramientas comunes de maquetación como Visual Composer, Divi Builder y Elementor. También incluye un ejemplo de código CSS para dar estilo a un párrafo HTML.

    Descripción original:

    Maquetacion Web

    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?

    Este documento describe la maquetación web. Explica que la maquetación implica transformar el diseño de un sitio web en archivos HTML, CSS y JavaScript para que los navegadores puedan interpretarlos correctamente en diferentes dispositivos. Detalla algunas herramientas comunes de maquetación como Visual Composer, Divi Builder y Elementor. También incluye un ejemplo de código CSS para dar estilo a un párrafo HTML.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    90 vistas3 páginas

    Maquetacion Web

    Cargado por

    SAMANTHA NICOLE TIPANGUANO SANTAMARIA
    Este documento describe la maquetación web. Explica que la maquetación implica transformar el diseño de un sitio web en archivos HTML, CSS y JavaScript para que los navegadores puedan interpretarlos correctamente en diferentes dispositivos. Detalla algunas herramientas comunes de maquetación como Visual Composer, Divi Builder y Elementor. También incluye un ejemplo de código CSS para dar estilo a un párrafo HTML.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 3

    FUNDAMENTOS DE SISTEMAS WEB

    Nombre: Tipanguano Samantha

    NRC: 7366

    Date: 17-11-2021

    MAQUETACIÓN WEB
    ¿Qué es?
    La maquetación web consiste en transformar el diseño de una web en un conjunto de
    archivos (html, css y js) para que los navegadores web puedan interpretarlos y
    reproducirlos correctamente en diferentes dispositivos. La maquetación es una fase
    avanzada del proceso de desarrollo web. (La Mantis, 2021).
    la maquetación web implica separar los elementos de la imagen y, dependiendo de la
    función que deba desempeñar cada elemento, desarrollar y estructurar el código que le
    permita a cada uno tener su orden y su aplicación. (Sector Web, 2021)
    ¿Cómo se realiza?
    1. Briefing Inicial: Si la web ofrece una información clara, bien estructurada y
    atractiva el usuario tendrá todas las facilidades para acceder a los contenidos que
    le interesan rápidamente y conseguir una experiencia satisfactoria.
    2. Generación de contenidos: Una buena experiencia se traduce con una mayor
    duración de la estancia de los visitantes en la web.
    3. Diseño:
    Si ofrecemos una información de calidad y en un formato atractivo tenemos
    muchas más posibilidades de reducir el porcentaje de visitas que abandonan la
    web después de pocos segundos de haber accedido y sin realizar ninguna acción.
    4. Maquetación Web: Ofrecer una web atractiva y fácil de usar es el primer paso
    para fidelizar a los usuarios y conseguir que vuelvan a visitar la web y aumentar
    las opciones para que acaben haciendo algunas de las acciones que les
    sugerimos.
    Herramientas de Maquetación
    Las herramientas de maquetación web son útiles para maquetar una web, para
    conseguir el aspecto visual que más se ajuste a lo que buscas.
     Visual Composer de Wordpress
     Divi Builder
     Elementor
     Gutenberg
     Ink
     Booststrap
     Foundation
     Neat
     Skeleton
     Tuk Tuk

    Ejemplo de maquetación
    Código de estilo CSS para un párrafo HTML

    Si analizamos al código CSS podemos notar que está llena de instrucciones,


    propiedades y valores, pues es así como trabaja CSS.
    Resultado:

    Bibliografía
    ▷Maquetación web en HTML. (2019, julio 27). Desarrolladores web.

    https://desarrolladoresweb.org/html/maquetacion-html-web/

    LaMantis ✔. (s. f.). 🥇 Maquetación web | LaMantis ✔. Recuperado 17 de noviembre de 2021,

    de https://www.mantis.cat/es/maquetacion-web.html

    También podría gustarte