formularios (css)..continuara....

1) Formulario de Uni - un intento de estandarizar la forma de marcado (XHTML) y CSS, "modularizar" que, para tener buen aspecto, bien estructurado, altamente personalizable, formas semánticas, accesible y utilizable.

2) Sólo en CSS, menos las formas de mesa - Un gran ejemplo de una forma bien diseñada utilizando las modernas técnicas de css. Se trabaja en Win/IE6, Firefox v1.0 +, Win / Opera 8.0, tiene pequeñas diferencias de diseño en Mac / Safari 1.0.3 y Mac / Safari v1.2, y es útil, pero bastante enculada en Mac/IE5. 2.

3) Formas de Tableless - tiene un ejemplo de inicio de sesión muy buena forma, con un gráfico en el campo de entrada.

4) Una forma con estilo - Cómo dejar de estilo y formas de la tela de mirar feo.

5) Niceforms 1,0 - es una escritura que reemplazará los elementos forma más usual con la costumbre de los diseñados. Una de estas mejoras sería la posibilidad de seleccionar un aparato de radio o casilla de verificación haciendo clic en su etiqueta al lado, también destaca las etiquetas de las cajas seleccionadas para hacer las selecciones más clara y más ...

6) ¿Quieres Form - Formulario de lujo es un script casilla reemplazo de gran alcance para proporcionar la máxima flexibilidad en el cambio de la apariencia y función de los elementos de formulario HTML. Es fácil de usar y se degrada con gracia sobre todos los mayores, no apoyo a los navegadores.

7) los controles de formulario con estilo CSS, revisada - 224 imágenes que muestran los efectos de varias reglas CSS se aplica a los controles de formulario. Aunque las capturas son tomadas de 8 navegadores de 4 sistemas operativos, para un total de 14 combinaciones de navegador + OS.

8) Mostrando Buena Forma - Demo de complejo acceso, la red de estilo (es decir, la tabla-como) forma con marcado semántico (fieldset, leyendas, etc etiqueta ...) y CSS.

10) Más bonita forma que resulte accesible - Nick Rigby echa un vistazo a cómo hacer que las formas más accesibles y el uso de CSS en lugar de las tablas de la vieja escuela.

11) Check it, no lo seleccione - Si se intenta utilizar varias casillas de verificación en una lista desplegable - mejor que usar ctrl-click en un estado normal de selección múltiple listbox

12) las formas sensibles - Usabilidad Web - Roger Hudson ofrece un tutorial increíblemente claras sobre cómo una forma que está bien diseñado, con buen diseño visual se beneficiarán todos los usuarios con visión

13) Forma AJAX Contacto - Excelente ejemplo de AJAX accesible. Utiliza Javascriptdiscreto. Por Dustin Díaz.

14) AutoSuggest: Un auto-completar AJAX campo de texto - en la que añade un menú popdown de valores sugeridos para un campo de texto. El usuario puede hacer clic directamente en una sugerencia para entrar en el campo, o navegar por la lista utilizando las teclas de flecha hacia arriba y hacia abajo, la selección de un valor con la tecla de tabulación.

xampp

QUE ES XAMPP?

Es un servidor independiente de plataforma, basado en Apache (diseño de páginas web) que utiliza MySQL, PHP y Perl como lenguajes, sirve para crear páginas web, diseñarlas, añadir personalizaciones; para poner videos, imágenes, etc...y hace mucho más sencillo la creación de páginas web y sin  necesidad de conectarse a internet.

HERRAMIENTAS: Apache, MySQL, PHP y Perl

QUE ES UNIX?

UNIX designa el núcleo de un sistema operativo multiusuario y multitarea. En un sentido más amplio, comprende el núcleo del sistema operativo más un conjunto de programas que permiten compilar lenguajes de programación, editar texto, interpretar comandos, manejar archivos y discos, acceder a otras máquinas, establecer comunicaciones telefónicas, enviar y recibir correo electrónico, manejar las colas de impresión y un sinfín de tareas más

KERNEL

Es el núcleo de un sistema operativo el cual permite que el software facilite a diversos programas acceder con seguridad al hardware del sistema; es decir, a sus aplicaciones.

Opera como un  designio de recursos para cualquier proceso que necesite hacer uso de las facilidades de cómputo. Es el componente central de Unix y tiene las siguientes funciones: 

Ø  Creación de procesos, asignación de tiempos de atención y sincronización.

Ø  Asignación de la atención del procesador a los procesos que lo requieren.

Ø  Administración de espacio en el sistema de archivos, que incluye: acceso, protección y administración de usuarios; comunicación entre usuarios v entre procesos, y manipulación de E/S y administración de periféricos.

Ø  Supervisión de la transmisión de datos entre la memoria principal y los dispositivos periféricos.

atributos css

Nombre del atributo	Posibles valores	Ejemplos
FUENTES - FONT
color	valor RGB o nombre de color	color: #009900; color: red;
Sirve para indicar el color del texto. Lo admiten casi todas las etiqetas de HTML. No todos los nombres de colores son admitidos en el estandar, es aconsejable entonces utilizar el valor RGB.
font-size	xx-small | x-small | small | medium | large | x-large | xx-large Unidades de CSS	font-size:12pt; font-size: x-large;
Sirve para indicar el tamaño de las fuentes de manera más rígida y con mayor exactitud.
font-family	serif | sans-serif | cursive | fantasy | monospace Todas las fuentes habituales	font-family:arial,helvetica; font-family: fantasy;
Con este atributo indicamos la familia de tipografia del texto. Los primeros valores son genéricos, es decir, los exploradores las comprenden y utilizan las fuentes que el usuario tenga en su sistema. También se pueden definir con tipografías normales, como ocurría en html. Si el nombre de una fuente tiene espacios se utilizan comillas para que se entienda bien.
font-weight	normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900	font-weight:bold; font-weight: 200;
Sirve para definir la anchura de los caracteres, o dicho de otra manera, para poner negrillas con total libertad. Normal y 400 son el mismo valor, así como bold y 700.
font-style	normal | italic | oblique	font-style:normal; font-style: italic;
Es el estilo de la fuente, que puede ser normal, itálica u oblícua. El estilo oblique es similar al italic.
PÁRRAFOS - TEXT
line-height	normal y unidades CSS	line-height: 12px; line-height: normal;
El alto de una línea,y por tanto, el espaciado entre líneas. Es una de esas características que no se podian mofificar utilizando HTML.
text-decoration	none | [ underline || overline || line-through ]	text-decoration: none; text-decoration: underline;
Para establecer la decoración de un texto, es decir, si está subrayado, sobrerayado o tachado.
text-align	left | right | center | justify	text-align: right; text-align: center;
Sirve para indicar la alineación del texto. Es interesante destacar que las hojas de estilo permiten el justificado de texto, aunque recuerda que no tiene por que funcionar en todos los sistemas.
text-indent	Unidades CSS	text-indent: 10px; text-indent: 2in;
Un atributo que sirve para hacer sangrado o márgenes en las páginas. Muy útil y novedosa.
text-transform	capitalize | uppercase | lowercase | none	text-transform: none; text-transform: capitalize;
Nos permite transformar el texto, haciendo que tenga la primera letra en mayúsculas de todas las palabrs, todo en mayúsculas o minúsculas.
FONDO - BACKGROUND
Background-color	Un color, con su nombre o su valor RGB	background-color: green; background-color: #000055;
Sirve para indicar el color de fondo de un elemento de la página.
Background-image	El nombre de la imagen con su camino relativo o absoluto	background-image: url(mármol.gif) ; background-image: url(http://www.x.com/fondo.gif)
Colocamos con este atributo una imagen de fondo en cualquier elemento de la página, se puede ver unapágina de ejemplo
BOX - CAJA
Margin-left	Unidades CSS	margin-left: 1cm; margin-left: 0,5in;
Indicamos con este atributo el tamaño del margen a la izquierda
Margin-right	Unidades CSS	margin-right: 5%; margin-right: 1in;
Se utiliza para definir el tamaño del margen a la derecha
Margin-top	Unidades CSS	margin-top: 0px; margin-top: 10px;
Indicamos con este atributo el tamaño del margen arriba de la página
Margin-bottom	Unidades CSS	margin-bottom: 0pt; margin-top: 1px;
Con el se indica el tamaño del margen en la parte de abajo de la página
Padding-left	Unidades CSS	padding-left: 0.5in; padding-left: 1px;
Indica el espacio insertado, por la izquierda, entre el borde del elemento-continente y el contenido de este. Es parecido a el atributo cellpadding de las tablas. El espacio insertado tiene el mismo fondo que el fondo del elemento-continente.
Padding-right	Unidades CSS	padding-right: 0.5cm; padding-right: 1pt;
Indica el espacio insertado, en este caso por la derecha, entre el borde del elemento-continente y el contenido de este. Es parecido a el atributo cellpadding de las tablas. El espacio insertado tiene el mismo fondo que el fondo del elemento-continente.
Padding-top	Unidades CSS	padding-top: 10pt; padding-top: 5px;
Indica el espacio insertado, por arriba, entre el borde del elemento-continente y el contenido de este.
Padding-bottom	Unidades CSS	padding-right: 0.5cm; padding-right: 1pt;
Indica el espacio insertado, en este caso por abajo, entre el borde del elemento-continente y el contenido de este.
Border-color	color RGB y nombre de color	border-color: red; border-color: #ffccff;
Para indicar el color del borde del elemento de la página al que se lo aplicamos. Se puede poner colores por separado con los atributos border-top-color, border-right-color, border-bottom-color, border-left-color.
Border-style	none | dotted | solid | double | groove | ridge | inset | outset	border-style: solid; border-style: double;
El estilo del borde, los valores significan: none=ningun borde, dotted=punteado (no parece funcionar), solid=solido, double=doble borde, y desde groove hasta outset son bordes con varios efectos 3D.
border-width	Unidades CSS	border-width: 10px; border-width: 0.5in;
El tamaño del borde del elemento al que lo aplicamos. Para ver otros ejemlos de Box pulsar aquí
float	none | left | right	float: right;
Sirve para alinear un elemento a la izquierda o la derecha haciendo que el texto se agrupe alrededor de dicho elemento. Igual que el atributo align en imagenes en sus valores right y left.
clear	none | right | left	clear: right;
Si este elemento tiene a su altura imagenes u otros elementos alineados a la derecha o la izquierda, con el atributo clear hacemos que se coloque en un lugar donde ya no tenga esos elementos a el lado que indiquemos.

MYSQL

SQL: 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. Una de sus características es el manejo del álgebra y el cálculo relacional permitiendo efectuar consultas con el fin de recuperar -de una forma sencilla- información de interés de una base de datos, así como también hacer cambios sobre ella.
COMANDOS
Existen dos tipos de comandos SQL:
Los de DLL que permiten crear y definir nuevas bases de datos, campos e índices
Los DML que permiten generan consultas para ordenar, filtrar y extraer datos de la base de datos
DDL: Es un lenguaje proporcionado por el sistema de gestión de base de datos que permite a los usuarios de la misma llevar a cabo las tareas de definición de las estructuras que almacenarán los datos así como de los procedimientos o funciones que permitan consultarlos. Un Data Definition Language o Lenguaje de descripción de datos ( DDL ) es un lenguaje de programación para definir estructuras de datos .
COMANDOS
CREATE: utilizado npara crear nuevas tablas, campos e índices
DROP: empleado para eliminar tablas e índices
ALTER: utilizado para modificar las tablas agregando campos o cambiando la definición de los campos
DML: Es un lenguaje proporcionado por el sistema de gestión de base de datos que permite a los usuarios de la misma llevar a cabo las tareas de consulta o manipulación de los datos, organizados por el modelo de datos adecuado
COMANDOS
SELECT: utilizado para consultar registro de base de datos que satisfagan un criterio determinado
INSERT: utilizado para cargar lotes de datos en la base de datos en una única
UPDATE: utilizado para modificar los valores de los campos y registros especificados
DELETE: utilizado para eliminar registros de una tabla de una base de datos

CLAUSULAS: Son condiciones de modificación utilizadas para definir los datos que desean seleccionar o manipular
FROM: utilizada para especificar la taba en la cual se va seleccionar los registros.
WHERE: utilizada para especificar las condiciones que debe reunir los registros que se van a seleccionar
GROUP BY: utilizada para separar los registros seleccionados en grupos específicos
HAVING: utilizada para expresar la condición que debe satisfacer cada grupo
ORDER BY: utilizada para ordenar los registros seleccionados de acuerdo con un orden especifico

Ruby on Rails

Definicion de Conceptos Sobre Ruby on Rails