Etiquetas

lunes, 13 de mayo de 2013

Tablas Web



Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.
Las tablas constan de tres componentes básicos:
  • Filas: Espacio horizontal.
  • Columnas: Espacio vertical.
  • Celdas: Los contenedores que se originan en las intersecciones de las filas y las columnas.

Enlaces internos




Un enlace interno nos permite ir de una a otra parte de la página de forma rápida y sin tener que usar la barra de scroll del navegador. Puede ser muy útil si tenemos la página organizada en apartados y queremos tener un índice de esos apartados.
Para usar estos enlaces lo primero que debemos hacer es crear los puntos de destino o anclas, en los puntos de la página a los que queramos saltar.

Mapa d'imatge


El servei Web Map Service (WMS) definit pel OGC (Open Geospatial Consortium) produeix rutas de dades referenciats espacialment, de manera dinàmica a partir de informació geogràfica. Aquest estàndard internacional defineix un "mapa" com una representació de la informació geogràfica en forma d'un arxiu d'imatge digital convenient per a l'exhibició en una pantalla d'ordinador. Un mapa no consisteix en les pròpies dades.

Patrons


Los patrones son uno de los recursos más valorados por un diseñador pues permiten llenar espacios otorgando volumen, texturas y conceptos.

RSS (Really Simple Syndication)



RSS son las siglas de Really Simple Syndication, un formato XML para indicar o compartir contenido en la web. Se utiliza para difundir información actualizada frecuentemente a usuarios que se han suscrito a la fuente de contenidos. El formato permite distribuir contenidos sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS (agregador). A pesar de eso, es posible utilizar el mismo navegador para ver los contenidos RSS. Las últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de software adicional. RSS es parte de la familia de los formatos XML, desarrollado específicamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la información y usarla en otros sitios web o programas. A esto se le conoce como redifusión web o sindicación web (una traducción incorrecta, pero de uso muy común).

lunes, 29 de abril de 2013

Posicionamiento HTML - CSS


Esquema absoluto: position

La propiedad position establece el esquema de posicionamiento absoluto de un elemento. Existen cuatro tipos en el esquema de posicionamiento absoluto:
  • static: posicionamiento absoluto estático
  • relative: posicionamiento absoluto relativo
  • fixed: posicionamiento absoluto fijo
  • absolute: posicionamiento absoluto absoluto
Para los que no son expertos en CSS, muchas veces es un misterio el modo en que funciona la propiedad z-index. Pero lo cierto es que es bastante utilizada y nos permite corregir rápidamente algún detalle o problema de ubicación de los elementos, trabajando en conjunto con la archiconocida float.
Para arrojar un poco de luz sobre el asunto te propongo conocer las funciones básicas de z-index y probar una demo online interactiva donde cada cambio que vas realizando en los valores se muestra automáticamente.
Las reglas básicas de z-index:
  • Un contenedor está apilado al mismo nivel que su objeto “padre” a menos que esto se modifique mediante la propiedad z-index.
  • z-index sólo funciona con objetos que tengan la propiedad position seteada como relativefixed o absolute.
  • Asignar un valor de opacidad menor que 1 a un elemento posicionado genera implícitamente un contexto de apilamiento, lo que equivale a usar z-index.

Creación de retículas en indesign


Antes de empezar a maquetar, en primer lugar debemos definir el documento. Para definir un documento, lo primero que debemos hacer es definir el área sobre la cual se desarrollará el trabajo (el papel).

Exiten dos carecterísticas muy impotantes sobre el papel: la primera es el tamaño y la segunda la orientación. Este puede ser horizontal o vertical y el tamaño puede cambiar entre diversas medidas, siendo la más corriente y habitual la DIN A4.

Para maquetar los documentos, los profesionales usan dos herramientas, muy útiles para ellos: el programa QuarkXpress y Adobe InDesign.

Todos los trabajos de maquetación, deben llevar una guía a través de una estructura estudiada y de tamaños fijos. Para ello usamos, la retícula compositiva, que consiste en una guía en los elementos de la maquetación en papel, con la finalidad de conseguir, un orden y estética. Las retículas se subdividen a su vez en superficies bidimensionales o tridimensionales, en campos más pequeños en forma de una reja.

La retícula compositiva, se puede definir como una plantilla, muy útil, cuando necesitamos componer un documento con muchas páginas , que tenga un orden, que sea claro y legible.

Retícula de Manuscrito:
Estructura de base rectangular, ocupa la mayorparte de una página.Acoge textos largos y continuos, tiene unaestructura principal (margen y texto) yestructuras secundarias que se definen otrosdetalles como folio, título de capítulo, notas depie, numeración, etc. 

Retícula de Columnas:

Sirve cuando se presenta información discontinua,así se disponen entre columnas verticales, es decarácter flexible y se utiliza para separar diversostipos información, por ejemplo: columnas paratexto y otras para imágenes.

Retícula Modular:

Sirve para proyectos complejos. Los módulos pueden ser verticales u horizontales dependiendode la organización de las imágenes.Retículas que sirven para diagramar periódicos,sistemas de diseño de información tabulada comocuadros, formularios, programaciones, etc. 

Retícula Jerárquica:

Esta rompe con todos los esquemas anteriores, yaque esta basada en suposición intuitiva dealineaciones relacionadas a las proporciones de los elementos.