Si lo que deseamos es obtener un resultado profesional en la elaboración de los botones de nuestrapágina web, tendremos que tener en cuenta que la mejor opción para realizarlos es mediante hojas de estilos, ya que a diferencia de flash, otorga una forma bastante ligera y profesional de realizar nuestro diseño teniendo una muy buena compatibilidad entre los navegadores que posean el estándar, para realizar nuestro botón, necesitaremos 3 imágenes distintas, una donde se muestre el botón en sí, otra donde se muestre el botón cuando el cursor esté encima de él y finalmente, una imagen del botón cuando ha sido presionado, el lugar donde el botón aparecerá será donde se ponga el código siguiente:
INICIO
Para aplicarle el diseño al botón, será necesario aplicar el siguiente código CSS,.....
Leer el arículo completo
Mediante hojas de estilo es posible poner las esquinas redondeadas a nuestros diseños, permitiendo de esta forma, una apariencia mucho más estética, con el método que describiremos a continuación, podremos ver cómo realizar esto de una forma sencilla mediante CSS3, cabe mencionar que se podrá visualizar correctamente en todos los navegadores actuales, excepto Internet Explorer, que soporta esta característica solo desde su versión 9.
En caso de que busquemos que todas las esquinas queden redondeadas de la misma manera, deberemos utilizar los siguientes atributos:
Para navegadores basados en webkit (Safari, Chrome):
-webkit-border-radius: 10px;
Para navegadores basados en mozilla/firefox sería el siguiente ejemplo:
-moz-border-radius: 10px;
Utilizando Opera o IE9+ la siguiente es la opción adecuada:
-border-radius: 10px;
En ca.....
Leer el arículo completo
Desde el principio de su existencia la programación ha tratado de irse simplificando y mecanizarse de tal manera que con unos cuantos pasos o procesos se pueda realizar lo que antiguamente nos hubiera llevado bastante tiempo ejecutar, calcular, capturar, estructurar o diseñar, y con esto obviamente ahorrarnos el tiempo que conlleva.
En tiempos recientes esta simplificación, por así llamarle, se ha incrementado notoriamente y es por ello que ahora es completamente común hablar de modelos de desarrollo, conjuntos estandarizados, procesos estructurados, bibliotecas de subprogramas, entre otros términos, al momento de referirnos y estudiar el desarrollo de sitios y programas.
Dentro de esta necesidad de estandarización, de mantener un orden y sencillez en nuestro código y estructura, han surgido los llamados frameworks. Aún siendo nuevos en el mundo de la programación web este término nos puede sonar bastante familiar, puesto que se emplea en muchos ámbitos del desarrollo de siste.....
Leer el arículo completo
La importancia del CSS en la actualidad ha quedado manifestada y demostrada, es algo claro que todo desarrollador Web en algún momento de su carrera profesional tendrá contacto y lidiará con este lenguaje.
Por desgracia muchos de nosotros, sobre todo al principio de nuestros desarrollos, valoramos al CSS como algo totalmente secundario o incluso lo colocamos en un plano aún más retirado, severas ocasiones tomamos por sentado todo lo referente a él y nos olvidamos de tratarlo como una parte fundamental de nuestros sitios, una herramienta poderosa que sabiendo utilizarla puede ahorrarnos varios dolores de cabeza en lo referente al diseño de nuestra página.
Para explotar el potencial de este lenguaje regularmente se aconsejan una serie de puntos para ser tomados en cuenta al momento de empezar a desarrollar nuestras hojas de estilo y entrelazarlas con nuestro código.
Las llamadas “buenas prácticas” para mantener un buen y útil CSS en tu sitio parten desde lo más sencillo como es ma.....
Leer el arículo completo
Con CSS se puede especificar colores para cada elemento HTML de la página, incluso hay elementos que podrían admitir varios colores, como el color de fondo o el color del borde. Pero bueno, vamos a ver ahora es las distintas maneras de escribir un color en una declaración CSS.
Porque lo más habitual es que especifiquemos un color con su valor RGB, de una manera similar a como aprendimos a definir colores en HTML. Pero en CSS tenemos otras maneras de declarar colores que pueden interesarnos, como mínimo para poder entender el código CSS cuando lo veamos escrito.
Nota del editor.
Ya tienes pagina web? buscas hosting de calidad?, visita Okhosting.com la empresa numero uno de Web hosting dominios y páginas web en Mexico, conoce nuestros planes de Hosting en Windows con soporte asp y php , y si aun no tienes nombre de dominio ( dirección única en internet www.tuempresa.com) regístralo al mejor precio, venta de dominios .com, y .MX, okhosting.com te ofrece también paquetes de .....
Leer el arículo completo
Algunas soluciones a los problemas tipicos que te puedes encontrar con CSS.
Todavía no tires el monitor contra la pared. Aquí los principales trucos CSS para hacer frente a los típicos problemas que se enfrentan los diseñadores web cuando maquetan con CSS. Podrán existir discrepancias entre los lectores, pero aclaro que estas son técnicas que a mi personalmente me han dado resultado, después de muchas pruebas e intentos aprendí esto...
Usa un contenedor global para todas las cajas (cuando las cosas se disparan)
De esta forma estas prefijando globalmente el orden de todas las demás cajas. En referencia a este contenedor ordena el resto de las cosas interiores. Es como si haces una cerca o valla para que nada es escape. Obviamente estamos hablando de sitios “fijos” no elásticos.
A veces es bueno usar un contenedor hasta el cuerpo del sitio, luego dejar el pié afuera.
Nota del editor.
Ya tienes pagina web? buscas hosting de calidad?, visita Okhosting.com la empresa numero u.....
Leer el arículo completo
Guía basica y ejemplos de las Hojas de Estilo en Cascada presentadas desde el ámbito de la usabilidad.
Resumen:
Usar CSS para diseñar la presentacion del contenido
Planificar es parte de la estrategia de exito
Validar con w3.org y tener en cuenta los bugs. 1. Usar CSS para diseñar la presentacion del contenido
El antiguo metodo de diseñar paginas se basaba en la edicion de interminables lineas de HTML donde tablas anidadas definian la presetacion de nuestro site.
Este metodo generaba una gran cantidad de codigo que "solo" serviria para maquetar informacion y que debia ser reutilizado pagina tras pagina en el site.
El ejemplo tipico son los menus donde para mostrar 5 enlaces, son necesarios 10kbs de codigo.
Abandonando el antiguo metodo y abrazando las CSS ganaremos 2 cosas.
Agilidad en la produccion tanto desde la creacion de nuevo contenido como desde el punto de vista de la actualizacion y mantenimiento del contenido creado.Una mayor velocidad de bajada de documentos .....
Leer el arículo completo
Tradicionalmente cuando uno va a incluir un degradado (la transición de un color a otro) en un sitio, uno debe crear una imagen que represente dicha transición. Ahora esta es no es la única forma de lograrlo, también es posible obtener el mismo resultado usando solamente CSS. Claro, esto no funciona en todos los navegadores por ahora.
Hace algunos meses el equipo de Webkit publicó su propuesta para crear degradados CSS; semanas atrás el equipo de Mozilla también publicó la suya (que será incluida en la siguente versión de firefox). Ambas propuestas son muy similares como veremos en los siguientes ejemplos.
Si queremos representar esta imagen como degradados usando CSS, con Webkit (528) la definición sería:
background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), c.....
Leer el arículo completo
Si eres principiante y deseas conocer más sobre el tema de CSS, las últimas actualizaciones y diferentes herramientas disponibles en la red, te presentamos aquí algunos portales que puedes consultar para empezar a desarrollar tu página web. Son portales muy útiles, y donde podrás aprender y resolver muchas dudas sobre cómo desarrollar tu sitio web con CSS.
1. htmldog, te permite conocer los conceptos básicos de cómo programar en CSS, exclusivamente para principiantes. Una vez conozcas en detalle estos conceptos básicos, podrás continuar con conceptos intermedios y avanzados ahí mismo. La tabla de contenido te permite avanzar de forma ordenada: sobre conceptos básicos, selectores propiedades y valores, cada uno de los principales elementos y luego cómo combinarlos. Puedes consultar ahí mismo otros lenguajes para complementar el diseño de tu página web.
2. Si este tema a veces te parece un poco complicado y deseas que realmente alguien te lo explique te otra manera, podrás consultar .....
Leer el arículo completo
Si deseas saber cuál es el mejor lenguaje para desarrollar páginas web, te proporcionamos la siguiente información básica para que tomes la decisión tu mismo. Aquí te suministramos un resumen de las principales ventajas de crear tus páginas weby sus contenidos en CSS.
Entre las ventajas que existe usar el lenguaje CSS, se encuentra que:
- Solo necesitas modificar el contenido de un archivo, y podrás tener los cambios necesarios en toda tu página web.
- Reduce considerablemente el tamaño de tus archivos, y por consiguiente será más rápido y liviano para bajarlo.
- Mejora la accesibilidad de tu página y por supuesto de su apariencia
- Es posible guardar el estilo directamente en el documento CSS.
- Las páginas tendrán menos códigos, así que será más fácil de codificar igualmente.
- Existe un mayor control sobre el código, ya que es posible entregar el código en un orden preferente para que los visitantes
que leen nuestro contenido.
"Toda Pagina Web necesita de un buen servici.....
Leer el arículo completo
Si deseas concentrarte en los detalles y diseño de tu website mediante la organización de sus contenidos, probablemente te concentrarás en usar el formato CSS (Cascading Style Sheets), llamadas en español Hojas de Estilo en Cascada. El termino CSS representa un mecanismo simple donde se muestra cómo se va a visualizar un documento en la pantalla. De esta forma, los webmasters pueden controlar el estilo y el formato de todos sus documentos HTML y XML a través de un archivo CSS.
Por este motivo, cualquier cambio que se realiza al estilo original, afectará directamente todas las páginas vinculadas a esa CSS, en las cuales aparezca el elemento. Todos estos cambios se realizan con base a unas reglas establecidas tanto a documentos HTML como XML. Estas reglas corresponden de las reglas de estilo para uno o más elementos.
Recuerda entonces que cada regla tiene dos secciones: la primera representa un "selector" y la segunda la "declaración". Necesitas entonces saber lo básico, y es indicar.....
Leer el arículo completo