Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • INTRO DISEÑO WEB (Clase) PDF

    Cargado por

    Juan Garcia
    12 vistas7 páginas

    Título original

    20170221 INTRO DISEÑO WEB (clase).pdf

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    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 PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    12 vistas7 páginas

    INTRO DISEÑO WEB (Clase) PDF

    Cargado por

    Juan Garcia

    Copyright:

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

    SCRIPT

    Es un «guion». Basado en el guion escrito en el teatro para ser


    interpretado por actores (programas) siguiendo un orden establecido.
    Archivo de órdenes, guion, archivo de procesamiento por lotes o
    programa, usualmente simple, que se almacena en un archivo de texto
    plano.
    Los guiones son casi siempre interpretados, pero no todo programa
    interpretado es considerado un guion.
    El uso habitual de los guiones es realizar diversas tareas como combinar
    componentes, interactuar con el sistema operativo o con el usuario.
    En el SO MS DOS, cmd.exe se les conoce como archivos «batch»
    (procesamiento por lotes) y acaban en .bat.
    En el sistema operativo Windows, existen varios lenguajes interpretados
    como Visual Basic Script, JavaScript, entre otros.
    En diseño web, pueden ser…
    Scripts del lado del cliente, que se deben incluir con la etiqueta
    <script>, incluyendo el atributo type. Generalmente se usa JavaScript.
    Scripts del lado del servidor (JSP,PHP), permiten acceso a bases de
    datos y otros archivos internos.

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017
    EJEMPLO DE FICHA BIBLIOGRÁFICA

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017
    METADATOS (“datos sobre datos”)

    Son datos que describen otros datos. En general, un grupo de


    metadatos se refiere a un grupo de datos que describen el
    contenido informativo de un objeto al que se denomina recurso.
    El concepto de metadatos es análogo al uso de índices (ej. fichas
    bibliográficas, reconocimiento de imágenes) para localizar objetos
    en vez de datos. Estas descripciones deben ser estructuradas y
    pueden ser codificados, opcionales y públicas.
    Estos datos estructurados ayudan a identificar, descubrir, valorar
    y administrar las instancias descritas.
    La mayoría de las veces no es posible diferenciar entre datos y
    metadatos (ej. Una novela, un guion y una película).
    Muchas veces, los datos son tanto datos como metadatos (ej.
    Abstract – Tesis).
    Debido a que los metadatos son datos en sí mismos, es posible
    crear metadatos sobre metadatos (ej. en criptografía, la fusión
    de imágenes).

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017
    Elementos HTML5
    Sólo estos elementos son los que deben ser usados.
    Raíz
    <!doctype html> Bajo el estándar de HTML 5.
    <html> Raíz de un documento HTML o XHTML. Todos los demás
    elementos deben ser descendientes de este elemento.
    Metadatos
    <head> Metadatos acerca del documento.
    <title> Título del documento, se muestra en la barra de título del
    navegador o en las pestañas. Sólo puede contener texto,
    no etiquetas.
    <base> URL base para las URL relativas en la página.
    <link> Enlaza JavaScript y CSS externos con el documento HTML
    actual.
    <meta> Define los metadatos que no pueden ser definidos usando
    otro elemento HTML.
    <style> Para escribir CSS en línea.

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017
    Elementos HTML5
    Secciones
    <body> Contenido principal de un documento HTML.
    <section> Sección en un documento.
    <nav> Sección sólo con enlaces de navegación.
    <article> Contenido autónomo que podría existir independientemente
    del resto del contenido.
    <aside> Contenidos poco relacionado con el resto de la página.
    <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Elementos de cabecera. Un
    elemento de cabecera describe brevemente el tema de la
    sección que introduce.
    <header> Cabecera de una página o sección, con logotipo, título del
    sitio Web y tabla de navegación de contenidos.
    <footer> Pie de página o sección, ej.: derechos de autor, enlaces a
    información legal o direcciones para dar información de
    retroalimentación.
    <address> Información de contacto.
    <main> Contenido principal o importante en el documento.

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017
    Elementos HTML5
    Scripting
    <script> Define un script interno o un enlace a un script externo.
    <noscript> Contenido alterno para mostrar cuando el web browser no soporta scripting.
    Agrupación de Contenido
    <p> Lo que encierre debe mostrarse como un párrafo.
    <hr> Quiebre temático entre párrafos.
    <pre> Contenido formateado y que este formato debe ser preservado.
    <blockquote> Contenido citado desde otra fuente.
    <ol> Lista ordenada de artículos.
    <ul> Lista de artículos sin orden.
    <li> Artículo de una lista enumerada.
    <dl> Lista de definiciones, de términos y sus definiciones asociadas.
    <dt> Término definido por el siguiente <dd>.
    <dd> Definición de los términos listados antes que él.
    <figure> Figura ilustrada como parte del documento.
    <figcaption> Leyenda de una figura.
    <div> Contenedor genérico sin ningún significado especial.

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017
    Las tablas más sencillas de HTML se definen con
    tres etiquetas:
    <table> Crea tabla
    <tr> Crea fila
    <td> Crea columna.

    INTRODUCCIÓN AL DISEÑO WEB


    ELECTIVA PROFESIONAL I – 21 FEB 2017

    También podría gustarte