trabajos: junio 2011

viernes, 24 de junio de 2011

Consula de atributos css

ATRIBUTOS CSS

ATRIBUTO "FONT-FAMILY"

Es uno de los principales atributos de texto para una página. Por ejemplo, queremos aplicar una fuente tipo "Verdana" a todo el documento. Pondríamos:

<STYLE>
BODY {font-family: verdana}
</STYLE>

Con este estilo estaríamos definiendo que todo el texto contenido en el Body, tiene una fuente "verdana".

Es posible establecer distintos órdenes de preferencia de modo que ante la falta de una fuente en el navegador de un usuario se aplique la siguiente fuente, las familias de fuentes deben estar separadas por comas.

<STYLE>
BODY {font-family: verdana, arial, impact, times}
</STYLE>

Una última alternativa es la de servirse de un nombre genérico de fuente. Con este término denominamos grupos de fuentes que, aún sin ser idénticas, poseen características que las unen. De esta manera, el navegador buscará la fuente disponible en el ordenador del usuario, según las indicaciones del nombre genérico:

ATRIBUTOS DE MÁRGENES Y ALINEACIÓN

En estos ejemplos que proponen en estas páginas sobre atributos de textos, los han aplicados directamente sobre el body, estos atributos también pueden ser aplicados a través de una hoja de estilos incorporada.

Atributos de márgenes y alineación

Se trata de cuatro atributos que intervienen en la distancia entre la caja y los componentes internos que tiene esa caja, respecto a los cuatro márgenes: margin-left, margin-right, margin-top, margin-bottom.

<STYLE> BODY { margin-top: 15px; margin-right; 15px; margin-bottom: 15px; margin-left: 15px } </STYLE>

Estos valores se pueden definir con el atributo margin. Cuando se aplica este valor, el navegador asume como orden el primer márgen superior (margin-top), el derecho (margin-right), el inferior (margin-bottom) y el izquierdo (margin-left).

<STYLE> BODY {margin: 10px 10px 10px 10px} </STYLE>

Atributos padding-top, padding-bottom, padding-right, padding-left

Estos atributos indican la distancia entre los lados de la caja de texto y los elementos que están en su interior.

Es posible usar las medidas estándar (pulgadas, centímetros, puntos, píxel etc.) o valores porcentuales:

<STYLE> BODY {padding-top: 10pt; padding-right; 10px; padding-bottom: 110%; padding-left: 2cm} </STYLE>

ATRIBUTOS PARA LOS BORDES

Se trata de cuatro atributos: border-top, border-bottom, border-right, border-left; estos atributos definen el estilo y el color de cada elemento

<STYLE> BODY { border-top: green; border-left: none; border-right: blue; border-bottom: red } </STYLE>

Estos atributos generan un efecto similar a los bordes de las tablas HTML. Es posible establecer medidas en porcentajes o en píxel, además de thin, médium y thick:

<STYLE> BODY { border-top-width: 5px; border-left-width: 4pt; border-right-width: thick; border-bottom-width: 2px} </STYLE>

ATRIBUTO BORDER-COLOR

Se pueden definir los colores de los cuatro bordes a la vez, como por ejemplo:

<STYLE> BODY { border-color: red } </STYLE>

ATRIBUTO BORDER-STYLE

Este atributo define el estilo de los bordes a la vez, sin necesidad de establecer colores diversos para cada uno de los bordes.

<STYLE> BODY { border-style: groove } </STYLE>

ATRIBUTO FONT-SIZE

Este atributo establece el tamaño del texto.

Mientras el HTML estándar previo existen 7 niveles predefinidos para el tamaño del texto (de Font size=1 a font size=7), las hojas de estilo permiten un control mucho más preciso y elástico, sin limitaciones.

Puntos: Su abreviatura es pt. Cada punto representa 1/72 de pulgada más o menos. Los puntos se refieren exclusivamente al espacio vertical ocupado en pantalla, mientras que la anchura aumenta en proporción al aumento de la altura.

Píxel: Su abreviatura es px., se trata de puntos como los de pantalla de ordenador, que varían según la resolución del monitor configurada por el usuario.

Pulgadas: Su abreviatura es in., clásica unidad anglosajona de medida, en web casi no se suele usar.

Centímetros: Su abreviatura es cm., unidad de medida común a muchos países occidentales pero poco en la web.

Porcentaje: Su abreviatura es %., unidad de medida variable sin valores predeterminados. El valor porcentual se refiere al tamaño por defecto aplicado en el navegador.

Así, en un navegador que visualiza por defecto fuentes de 14 píxel, un valor del 200% corresponde a 28 píxel. Dicha medida puede variar de usuario a usuario, dependiendo de la resolución de navegador.

La medición porcentual forma parte de un sistema de proporciones relativas, es decir depende de la medida actual del navegador.

Existen otros valores que pueden sustituir al de porcentaje: smaller, larger.

ATRIBUTOS FONT-STYLE

Atributo Font-style

Este atributo indica el estilo para la fuente. Es posible aplicar distintos valores:

Normal: no visualiza ningún estilo particular y toma el establecido por defecto del usuario y por el navegador.

<STYLE> BODY {font-style: normal } </STYLE>

Itálica: El típico texto en cursiva (inclinado).

<STYLE> BODY {font-style: itálic } </STYLE>

Atributo font-variant

Asigna un estilo todo en mayúsculas. Si no está disponible en el ordenador del usuario, el estilo usará las mayúsculas adaptándose a las medidas. Los valores que hay que asignar son "normal" y "small-caps"

<STYLE> BODY {font-variant: small-caps} </STYLE>

Atributo font-weight

El atributo font-weight establece el grosor de las fuentes como "BOLD". Es posible asignar a este atributo valores diferentes: bold, extra-light, demi-light, médium extra-bold, etc

<STYLE> BODY {font-weight: bold} </STYLE>

Atributo text-decoratión

Permite decorar el texto con subrayados y otros efectos. Puede tener varios valores: none, underline, itálic y line-height, etc

<STYLE> BODY {text-decoratión: none} </STYLE>

COLORES EN CSS

BACKGROUND Y COLORES DE FONDO

En código HTML, el fondo se lo aplicamos dentro del <BODY> mediante los atributos bgcolor y background para asignar al fondo una imagen .gif o .jpg.

Las especificaciones de las CSS introducen importantes novedades respecto a los colores a aplicar en las páginas web.

ATRIBUTO COLOR

El atributo color define el color del texto del documento (no se debe confundir con el color de background), tanto mediante los nombres de los colores en inglés: black, silver, gray, white, red, blue, etc) y con los códigos hexadecimales.

ATRIBUTO BACKGROUND-COLOR, BACKGROUND-IMAGEN

Este atributo de background-color determina el color de fondo, el atributo background-image, tiene una función similar al background="imagen.gif" de HTML clasico, invocando una imágen en formato .GIF o .JPG cargada en la css.

El atributo background-repeat, permite repetir la imagen de fondo tal y como sucede con la marca BODY de HTML.

Puede asumir distintos valores:

repeat, la imágen se replica en vertical y horizontal.

repeat-x, replica la imágen sólo en horizontal.

repeat-y, replica la imágen sólo en vertical

lunes, 13 de junio de 2011

QUE ES SQL, DDL,DML

QUE ES SQL:

Es el lenguaje de consulta estructurado o SQL (por sus siglas en inglés structured query language) es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones en éstas.

Es un lenguaje de acceso a bases de datos que explota la flexibilidad y potencia de los sistemas relacionales permitiendo gran variedad de operaciones en éstos últimos.

Es un lenguaje declarativo de "alto nivel" o "de no procedimiento", que gracias a su fuerte base teórica y su orientación al manejo de conjuntos de registros, y no a registros individuales, permite una alta productividad en codificación y la orientación a objetos. De esta forma una sola sentencia puede equivaler a uno o más programas que se utilizarían en un lenguaje de bajo nivel orientado a registro

QUE ES DDL: El lenguaje de definición de datos (en inglés Data Definition Language, o DDL), es el que se encarga de la modificación de la estructura de los objetos de la base de datos. Existen cuatro operaciones básicas: CREATE, ALTER, DROP y TRUNCATE.

Los comandos corresponden:

CREATE:

Este comando crea un objeto dentro de la base de datos. Puede ser una tabla, [[Vista 'CAMPO 2' STRING </source>.

Ejemplo: (crear una función)

CREATE OR REPLACE FUNCTION 'NOMBRE FUNCION'('PARAMETROS')

 RETURNS 'TIPO RETORNO' AS

$BODY$

BEGIN

'INSTRUCCIÓN SQL'

--por Ejemplo:

DELETE FROM con empleado WHERE id empleado = 'ANY' (ids);

END;

$BODY$

LANGUAGE 'plpgsql';

ALTER

Este comando permite modificar la estructura de un objeto. Se pueden agregar/quitar campos a una tabla, modificar el tipo de un campo, agregar/quitar índices a una tabla, modificar un trigger, etc.

Ejemplo (agregar columna a una tabla)

ALTER TABLE 'TABLA_NOMBRE' (

   ADD NUEVO_CAMPO INT UNSIGNED meel

DROP

Este comando elimina un objeto de la base de datos. Puede ser una tabla, vista, índice, trigger, función, procedimiento o cualquier otro objeto que el motor de la base de datos soporte. Se puede combinar con la sentencia ALTER.

Ejemplo

 ALTER TABLE ''TABLA_NOMBRE''

    DROP COLUMN ''CAMPO_NOMBRE1''

TRUNCATE

Este comando trunca todo el contenido de una tabla. La ventaja sobre el comando DROP, es que si se quiere borrar todo el contenido de la tabla, es mucho más rápido, especialmente si la tabla es muy grande. La desventaja es que TRUNCATE sólo sirve cuando se quiere eliminar absolutamente todos los registros, ya que no se permite la cláusula WHERE. Si bien, en un principio, esta sentencia parecería ser DML (Lenguaje de Manipulación de Datos), es en realidad una DDL, ya que internamente, el comando TRUNCATE borra la tabla y la vuelve a crear y no ejecuta ninguna transacción.

Ejemplo

 TRUNCATE TABLE ''TABLA_NOMBRE1''

QUE ES DML: (Manipulación de lenguaje)

Un lenguaje de manipulación de datos (Data Manipulation Language, o DML en inglés) es un lenguaje proporcionado por el sistema de gestión de base de datos que permite a los usuarios llevar a cabo las tareas de consulta o manipulación de los datos, organizados por el modelo de datos adecuado.

El lenguaje de manipulación de datos más popular hoy día es SQL, usado para recuperar y manipular datos en una base de datos relacional.

INSERT

Una sentencia INSERT de SQL agrega uno o más registros a una (y sólo una) tabla en una base de datos relacional.

Forma básica

 INSERT INTO ''tabla'' (''columna1'', [''columna2,... '']) VALUES (''valor1'', [''valor2,...''])

Las cantidades de columnas y valores deben ser iguales. Si una columna no se especifica, le será asignado el valor por omisión. Los valores especificados (o implícitos) por la sentencia INSERT deberán satisfacer todas las restricciones aplicables. Si ocurre un error de sintaxis o si alguna de las restricciones es violada, no se agrega la fila y se devuelve un error

Formas avanzadas

Inserciones en múltiples filas

Una característica de SQL (desde SQL-92) es el uso de constructores de filas para insertar múltiples filas a la vez, con una sola sentencia SQL:

INSERT INTO ''tabla'' (''columna1'', [''columna2,... ''])

               VALUES (''valor1a'', [''valor1b,...'']), (''value2a'', [''value2b,...'']),...

Copia de filas de otras tablas

Un INSERT también puede utilizarse para recuperar datos de otros, modificarla si es necesario e insertarla directamente en la tabla. Todo esto se hace en una sola sentencia SQL que no implica ningún procesamiento intermedio en la aplicación cliente. Un SUBSELECT se utiliza en lugar de la cláusula VALUES. El SUBSELECT puede contener JOIN, llamadas a funciones, y puede incluso consultar en la misma TABLA los datos que se inserta. Lógicamente, el SELECT se evalúa antes que la operación INSERT esté iniciada. Un ejemplo se da a continuación.

INSERT INTO phone_book2

SELECT *

FROM phone_book

WHERE name IN ('John Doe', 'Peter Doe')

UPDATE

Una sentencia UPDATE de SQL es utilizada para modificar los valores de un conjunto de registros existentes en una tabla.

Forma básica

 UPDATE ''tabla''

SET ''columna1'' = ''valor1'' ,''columna2'' = ''valor2'',...

 WHERE ''columnaN = ''valorN''

Ejemplo

UPDATE My_table SET field1 = 'updated value' WHERE field2 = 'N';

DELETE

Una sentencia DELETE de SQL borra uno o más registros existentes en una tabla.Forma básica

 DELETE FROM ''tabla'' WHERE ''columna1'' = ''valor1''

Ejemplo

DELETE FROM My_table WHERE field2 = 'N';

Recuperación de clave

Los diseñadores de base de datos que usan una clave suplente como la clave principal para cada tabla, se ejecutará en el ocasional escenario en el que es necesario recuperar automáticamente la base de datos, generando una clave primaria de una sentencia SQL INSERT para su uso en otras sentencias SQL. La mayoría de los sistemas no permiten sentencias SQL INSERT para retornar fila de datos. Por lo tanto, se hace necesario aplicar una solución en tales escenarios.

Implementaciones comunes incluyen:

§ Utilizando un procedimiento almacenado especifico de base de datos que genera la clave suplente, realice la operación INSERT, y finalmente devuelve la clave generada.

§ Utilizando una sentencia SELECT específica de base de datos, sobre una tabla temporal que contiene la última fila insertada. DB2 implementa esta característica de la siguiente manera:

SELECT *

FROM NEW TABLE ( INSERT INTO phone_book VALUES ( 'Cristobal Jeldrez','0426.817.10.30' ) ) AS t

§ Utilizando una sentencia SELECT después de la sentencia INSERT con función específica de base de datos, que devuelve la clave primaria generada por el registro insertado más recientemente.

§ Utilizando una combinación única de elementos del original SQL INSERT en una posterior sentencia SELECT.

§ Utilizando un GUID en la sentencia SQL INSERT y la recupera en una sentencia SELECT.

§ Utilizando la función de PHP mysql_insert_id() de MySQL después de la sentencia INSERT.

§ Utilizando un INSERT con la cláusula RETURNING para Oracle, que sólo se puede utilizar dentro de un PL/SQL bloque, en el caso de PostgreSQL se puede usar también tanto con SQL como con PL/SQL.

INSERT INTO phone_book VALUES ( 'Cristobal Jeldrez','0426.817.10.30' )

RETURNING phone_book_id INTO v_pb_id

§ En el caso de MS SQL se puede utilizar la siguiente instrucción:

SET NoCount ON;

INSERT INTO phone_book VALUES (‘Cristobal Jeldrez','0426.817.10.30' );

SELECT @@IDENTITY AS ID.