Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Obj 112y113

    Cargado por

    sserna
    14 vistas19 páginas

    Título original

    obj 112y113

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    14 vistas19 páginas

    Obj 112y113

    Cargado por

    sserna

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 19

    Desarrollo de Páginas

    Web
    Objetivo 1.2.1 Desarrolla la estructura básica de un documento
    HTML, separando los Tags que describen la estructura de un
    documento
    .

    LI Sonia E. Serna Ramirez


    Contenido

    1 Manejo del lenguaje HTML

    2 Documentos escritos en HTML

    3 Manejo de editores y convertidores

    4 TAGS
    Manejo del Lenguaje HTML

    Estructuración de documentos
    Los documentos HTML están estructurados en dos
    partes, el ENCABEZADO y el CUERPO. Ambos están
    contenidos dentro del elemento HTML. El encabezado
    contiene información acerca del documento que
    generalmente no se muestra con el documento, tal
    como el Título. El Cuerpo contiene el texto en sí, y es
    donde el usuario o exportador plasma el material del
    documento que desea mostrar
    Manejo del Lenguaje HTML

    Ventajas del HTML:

    • Compatibilidad.
    • Facilidad de aprendizaje
    • Es el lenguaje de formateo para los navegadores web.
    • Es fácil de entender y utilizar
    • Su uso es muy extendido
    Documentos escritos en HTML

    Texto del documento y TAGS


    Tres son las tags que describen la estructura general de un
    documento y dan una información sencilla sobre él. Estas
    tags no afectan a la apariencia del documento y solo
    interpretan y filtran los archivos HTML.

    1. <HTML>
    2. <HEAD >
    3. <BODY >
    Manejo de editores y convertidores

    Edición de Código Fuente


    Código Fuente es el lenguaje básico que se utiliza para
    crear una página web. Esta nomenclatura código básico
    HTML o forma de comunicación escrita para creación de
    páginas web acepta otros lenguajes presentes
    simultáneamente.
    Manejo de editores y convertidores

    Edición de Código Fuente


    Código Fuente es el lenguaje básico que se utiliza para
    crear una página web. Esta nomenclatura código básico
    HTML o forma de comunicación escrita para creación de
    páginas web acepta otros lenguajes presentes
    simultáneamente.
    Manejo de editores y convertidores

    WYSIWYG (What You See Is What You Get)

    Se trata de utilizar un tipo de programas que nos permiten


    diseñar la página como si estuviéramos escribiendo un
    documento con un editor del tipo de Word.

    El editor de HTML es el encargado de vérselas con el


    lenguaje y programar internamente la página con el código
    HTML según lo que nosotros estamos diseñando.
    Manejo de editores y convertidores

    Pagina Web

    Escribiendo el HTML WYSIWYG


    1. Domina con mayor precisión
    el código de la página, queda
    1. El código de la página tiene
    más limpio.
    peor calidad,.
    2. Es más complicado el
    2. Es la máquina la que
    aprendizaje, más lento y
    domina el trabajo.
    cuando se llega a un nivel
    3. El aprendizaje es muy
    avanzado también se hace
    sencillo,
    considerablemente más difícil
    3. Hacer una página cuesta
    más trabajo y tiempo.
    Estructura básica de un documento HTML

    Pagina WEB

    Head Body

    Está delimitado Esta delimitado


    por las etiquetas HEAD por las etiquetas
    <HEAD> y <BODY> y
    </HEAD>, en </BODY> y en el
    esta se incluirán se incluirán todas
    las definiciones las instrucciones
    generales que Title HTML y el texto
    afectarán a todo que forman el
    el documento. documento, es
    similar al BEGIN

    BODY
    1.3.1 Desarrolla la estructura de un
    documento HTML,incorporando titulares

    <H1>

    Titulares
    <P>
    Tres son la tags que
    describen la estructura
    general de un documento y
    dan una información sencilla
    <BR> sobre él. Estas tags no
    afectan a la apariencia del
    documento y solo interpretan
    y filtran los archivos HTML.
    1.3.1 Desarrolla la estructura de un
    documento HTML,incorporando titulares

    <A> Enlaces

    Lo característico del lenguaje


    HTML es el poder generar
    <A HREF=""> vínculos de hipertexto para
    enlazar con ellos todos sus
    documentos en web. Para
    generar un enlace a otro
    documento necesitamos el
    <A NAME="">. nombre de un archivo y el
    texto que servirá de punto de
    activación del otro
    documento.
    URLs
    Los URL son las direcciones de las informaciones que buscamos en
    Internet y constan de tres partes:

    Protocolo Nombre Ruta del


    host archivo

    Programa que utilizará Sistema donde se Ubicación del archivo


    el navegador para encuentra almacenada dentro del host
    obtener el archivo la información que
    elegido buscamos

    www.themegallery.com
    Principales tipos de URL

    Mandar documentos a través


    de Internet.
    HTTP

    Es el protocolo que se usa para enviar


    nuestras páginas al servidor de internet
    FTP
    Apuntan hacia archivos contenidos
    en el mismo disco que se
    encuentra el navegador
    FILE
    :Se usa para mandar
    correos electrónicos
    MAILTO
    1.3.1 Desarrolla la estructura de un
    documento HTML, incorporando titulares

    <UL> Listas

    Lo característico del lenguaje


    HTML es el poder generar
    <OL vínculos de hipertexto para
    enlazar con ellos todos sus
    documentos en web. Para
    generar un enlace a otro
    documento necesitamos el
    <LI> nombre de un archivo y el
    texto que servirá de punto de
    activación del otro
    documento.
    Pueden darse cinco tipos diferentes de listas, cada
    uno con tags distintas aunque con alguna en común:

    Numeradas/ordenadas

    Anidadas

    Viñetas Listas

    De menu/directorio Glosario

    www.themegallery.com
    Estilos de caracter
    Estos estilo son tags que afectan a palabras o carácteres dentro de otras entidades
    de HTML modificando el aspecto de ese texto para que sea diferente del texto que lo
    rodea. Existen dos tipos de estilos:
    Logicos Fisicos

    <strong> <b>
    <em> <i>

    <code> <tt>
     
    <samp> <u>

    <var>

    <dfn>

    <kdb>

    www.themegallery.com
    Texto preformateado

    <PRE>

    Preformateado

    También podría gustarte