Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • ¿Qué Es Diseño Web?

    Загружено:

    Gabriel
    6 просмотров23 страницы

    Оригинальное название

    1.pptx

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PPTX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PPTX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    6 просмотров23 страницы

    ¿Qué Es Diseño Web?

    Загружено:

    Gabriel

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PPTX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 23

    ¿Qué ES DISEÑO WEB?

    PROPOSITO

    • Conocer las herramientas para el


    diseño web
    • Conocer la estructura de una pagina en
    HTML
    • Conocer las principales etiquetas HTML
    • Conocer Bootstrap
    Diseño Web
    El Diseño web, es la planificación de
    paginas o sitios web, se le considera
    dentro del diseño multimedia, e involucra
    la utilización de diversas elementos así
    como programas especiales y
    conocimientos de protocolos de red.

    Este es una actividad de gran importancia


    en nuestros tiempos ya que gracias a
    internet cualquiera tiene acceso a la
    información en esta, y otorga a sus
    propietarios la mayor publicidad conocida.
    1- Encabezados Sobredimensionados x
    2 – Tipografía Innovadora x
    3- One Page Web x
    4- Imágenes Enormes x
    5 - Tridimensionalidad x
    6 - Pies de paginas con muchas ligas x
    7 – Formato Revista x
    C re a c i ó n d e un Website

    HTT HTM
    P L

    HTML Java Script


    5
    C re a c i ó n d e un Website

    Hostin UR
    g L

    Dominio Web Master


    s
    HERRAMIENTAS
    EDITOR DE TEXTOS PARA EL CODIGO
    HTML

    • SUBLIME TEXT 3
    • DREAMWEAVER
    PRACTICA
    ESTRUCTURA DE ETIQUETAS EN HTML
    <html>
    <head>
    <title> Curso Diseño Web </title>
    </head>
    <body>

    Música, Imagenes, Videos, etc...

    </body>
    </html>
    Solución de acentos y ñ
    <head>
    <title>Curso Diseño Web </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    </head>

    Es un meta que nos Indica que el contenido de tipo texto html


    tenga la caracteristica UTF-8
    Agregando etiquetas HTML
    <body>

    <font size="10" color="#B920BE" face="arial">


    <center>
    <b>
    <i>
    <u>
    CURSO DISEÑO WEB
    </u>
    </i>
    </b>
    </center>
    </font>
    Agregando párrafos
    <p>
    El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es
    simplemente una aplicación de diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad,
    usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video.
    </p>

    <p>
    La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web
    como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el
    productor y el consumidor de contenidos.
    </p>

    <p>
    El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World
    Wide Web. A menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas
    en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
    </p>

    </body>
    Agregando imágenes

    <br>
    <center>
    <img src=“imagen1.png" width="20%" height="20%" >
    </center>

    </body>
    Agregando fondo de pagina

    <body background="textura.jpg">
    Iniciando bootstrap
    Bootstrap es un framework desarrollado y liberado por
    Twitter que tiene como objetivo facilitar el diseño web.
    Permite crear de forma sencilla webs de diseño
    adaptable, es decir, que se ajusten a cualquier
    dispositivo y tamaño de pantalla y siempre se vean
    igual de bien. Es Open Source o código abierto, por lo
    que lo podemos usar de forma gratuita y sin
    restricciones.
    Insertar código Bootstrap en mi pagina

    Вам также может понравиться