Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Diseño de Paginas Web

    Cargado por

    Mariangeles Devera
    330 vistas25 páginas

    Título original

    DISEÑO DE PAGINAS WEB.ppt

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

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

    Diseño de Paginas Web

    Cargado por

    Mariangeles Devera

    Copyright:

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

    DISEO DE PGINAS WEB

    Ing. Bretnerys Milln

    Objetivo 1
    Conceptos Bsicos

    Qu es Disear?

    Pgina Web
    Una pgina web es una fuente de
    informacin adaptada para la World Wide
    Web (www) y accesible mediante un
    navegador de Internet. Esta informacin
    se presenta generalmente en formato
    HTML y puede contener hiperenlaces a
    otras pginas web, constituyendo la red
    enlazada de la World Wide Web.

    Las pginas Web son combinaciones


    de documentos multimedia y de
    hipertexto.
    Son documentos multimedia porque
    incorporan
    imgenes,
    vdeos,
    animaciones, sonidos, textos de todo tipo;
    y son documentos de hipertexto, porque
    incorporan enlaces con otras pginas.

    Diseo de pgina web


    Se trata bsicamente de realizar un
    documento con informacin hiperenlazado
    con otros documentos y asignarle una
    presentacin para diferentes dispositivos
    de salida (en una pantalla de computador,
    en papel, en un telfono mvil, etc).

    Para disear una pgina web ,no es


    necesario de utilizar un programa
    especfico, si conocemos el cdigo HTML,
    podramos desarrollar nuestras pginas
    web incluso, desde el Block de Notas que
    viene con el Windows.

    Ejemplo:
    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    Guardar el archivo en Escritorio con el


    nombre: mipagina.html
    Abrir el archivo guardado

    HTML
    (Lenguaje de Marcacin de
    Hipertexto)

    Es el lenguaje en el que se disean las


    pginas que se visualizan a travs del
    navegador. Este lenguaje se basa en
    etiquetas (instrucciones que le dicen al
    navegador como deben mostrarse) y
    atributos (parmetros que dan valor a la
    etiqueta).

    Entendiendo el cdigo HTML


    de una Pgina web Bsica
    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    Para iniciar siempre una pgina web,


    debemos
    empezar
    a
    por
    la
    etiqueta <html>, esta etiqueta es
    necesaria
    para
    que
    nuestros
    navegadores
    puedan identificar el
    contenido que va a mostrar.

    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    La etiqueta HEAD la contienen todos


    los documentos y es la cabecera de
    informacin. Siempre aparece en la
    parte superior del documento.

    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    Se encuentra situado entre la etiqueta


    HEAD y es la que le da el ttulo al
    documento. Por lo general aparece en
    la parte superior.

    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    Este es el cierre de la etiqueta Head;


    es necesario cerrar cada una de las
    etiquetas para que no existan errores.

    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    La etiqueta BODY se coloca despus


    de la estructura HEAD y dentro del la
    etiqueta BODY se coloca todo el
    contenido de la pgina web:
    imgenes, textos, links, etc. La
    etiqueta BODY es importante para
    que no se pierdan los parmetros de
    otras etiquetas.

    <html>
    <head>
    <title>Mi pgina web</title>
    </head>
    <body>
    Contenido de mi pgina web
    </body>
    </html>

    Esta frase es el contenido de la


    pgina web.

    Etapas para el Diseo de


    una Pgina Web

    Los programas que existen en el


    mercado, simplemente lo que hacen es
    escribir el cdigo HTML solo con hacer
    unos simples clicks desde el programa.
    Los ms utilizados son: Macromedia
    Dreamweaver, Microsoft Front Page,
    Adobe GoLive, Web Developer, etc.

    Preguntas?

    Investigar

    Objetivo 2
    Macromedia Dreamweaver

    Qu es Dreamweaver?
    Es un editor HTML profesional para
    disear, codificar y desarrollar sitios,
    pginas y aplicaciones Web. Tanto si
    desea controlar manualmente el cdigo
    HTML como si prefiere trabajar en un
    entorno de edicin visual, Dreamweaver
    proporciona tiles herramientas para la
    creacin Web.

    Las funciones de edicin visual de Dreamweaver permiten:

    También podría gustarte