Posts Tagged "CSS"

Diseño de Páginas Webs

Diseño de Páginas Webs

Desarrollo de Sitios Webs a la Medida de sus Necesidades Utilizando las mas Avanzadas Técnicas de Diseño y Programación Web, desarrollos pensados en optimizar sus ingresos a través de la aplicación de las mas rigurosos procesos de testeo…

read more

AutoForm mi primera clase para phpclasses.org

Navegando por la red, en los inicios de mi carrera como webmaster me tope con un sitio web, que dio respuestas a muchas de mis preguntas sobre la definición del sofware libre, (no fue el unico), pero este caso fue el de www.phpclasses.org un sitio dedicado enteramente a la programación en php orientada a objetos, (como debe ser), ya que si bien con PHP se pueden programar diversas aplicaciones de manera procedimental, la idea es aprovechar todo los recursos que nos ofrece en sus mas recientes versiones, en lo referente a la POO, ahora bien, durante algún tiempo pude proveerme inicialmente de material de estudio en phpclasses.org lo que pude ir implementando en las webs que me solicitaban, luego de un tiempo decidi publicar algo, pero no sabia por donde comenzar, pense en realizar algo que no hayan hecho antes, pero es dificil encontrar algo asi, ya que habemos tantos programadores que pensamos en la misma dirección que la gran mayoría de las cosas ya estan prefabricadas o se pueden culminar modificando lo que alguien haya colgado de la red, el caso mas famoso ha sido el de Linux , originalmente tomado de minix una aplicación de estudio realizada por el Dr.Andrew S.Tanenbaum, y que fue modificado por Linus Tolvards y colgado de la red como su proyecto de tesis, el resto de la historia es archiconocido.

Ahora bien, programando todos los días con el tanden PHP y MYSQL nos encontramos con muchos vericuetos por donde entrarle a cada proyecto, y lo mas que tenemos a mano, es la guia de referencia del lenguaje, en dicha guía me llamo la atención un día, que si bien al hacer las consultas SQL a cualquier tabla de cualqueir base de datos, siempre tenia que crear los engorrososos formularios para enviar la solicitud mediante POST o GET, y si fallaba la consulta por un campo mal escrito entre el archivo del form y el que ejecuta el codigo en sí, o si lo tenia todo en un solo archivo no iva para ningún  lado y todo se ponia caotico, es mas aun, cuando la web se ampliaba era de dificil mantenimiento, (pocos hacemos un FAQ con cada campo descrito como debe ser), comence a indagar, y existen algunos comandos que poniendolos a funcionar me permitian averiguar cuantos campos y como se llamaban estos campos, con solo saber el nombre del servidor, de la BD y de la tabla que quería consultar o modificar, en todo caso de manera directa nunca se puede realizar esto en PHP, entonces fuí mas allá aún, cree unos ciclos dentro de los cuales irian las consultas, y que la salida fuera el formulario donde se mostraran los campos de la tabla seleccionada, sin el ID, que toda tabla debe tener, y bingo!, consegui dejar te tomar pastillas para el dolor de cabeza ocasionado por formulario mal construidos, logre con PHP automatizar el proceso, lo demás seria la carpinteria del CSS, las validaciones de los campos y el archivo donde se guardarian los datos a ingresar a traves del formulario dinámico.

Actualmente solo 9 Venezolanos hemos publicado classes alli, mi experiencia fué que primero utilice lo que otros publicaban para mi estudio autodidacta y luego publique para seguir las reglas del software libre, y asi los iniciados se han podido beneficiar de lo que he publicado.

Pueden ver y descargar esta clase desde, desde :
AutoForm

read more

Guia CSS,Las propiedades CSS, I Parte

Conceptos básicos

Agrupación La Agrupacion permite al autor asignar una declaracion a múltiples elementos (selectores).H1, H2, H3, H5 {color: purple;}
Clases
(atributo de etiqueta)
Los selectores de clases pueden ser usados como un atributo de una etiqueta. Un selector de clase es una cadena de caracteres precedida de un punto. No use el punto cuando se esta referenciando a la clase. No comience el nombre de la clase con un número, aunque IE4/5 se lo permita..example {color: red;}

<P class=”example”> Esto es un ejemplo en rojo. </P>

ID
(atributo de etiqueta)
Los selectores de ID pueden ser usados como un atributo de una etiqueta. Un selector ID es una cadena de caracteres precedida de un marcador hash (#), y es llamado con el atributo ID=. El marcador hash no aparece en el valor de la ID. Funciona como el selector de clase excepto que el ID solo puede ser usado una vez en el documento.#i5 {color: red;} <P ID=”i5″> Esto es un texto con una ID de ‘i5′. </P>
Selectores contextuales Hechos de uno o mas selectores delimitados por espacios. El ejemplo indica que la negrita sera roja solo cuando se encuente en etiquetas H1.H1 B {color: red;}

<H1>Esto es <B> rojo</B>.</H1> <P>Esto <B>no</B>.</P>

Comentarios Es buena idea dejar comentarios. Afecta a lo que hay dentro, incluso entre lineas./* Esto es un comentario. */
Etiquetas DIV y SPAN Estas dos etiquetas HTML fueron introducidas para soportar CSS. Piense en ellas como etiquetas vacias, las cuales puede rellenar con estilos.DIV se usa para estrucura de formato, bloques de texto.

<DIV align=”center”><H1>Este encabezado</H1></DIV>SPAN es usado para formateado en linea.

<SPAN class=”example”> texto rojo en el parrafo</SPAN>

read more