Bordes redondeados en CSS3

CSS 3 incorpora nuevas propiedades para el control de bordes de los elementos. Ahora se permiten bordes con las esquinas redondeadas, bordes con imágenes (incluso varias imágenes se pueden utilizar para definir el aspecto del borde), sombras, etc.  En este artículo vamos a explicar cómo realizar bordes redondeados con CSS3.  Tenemos la propiedad border-radius, que permite definir bordes redondeados en las esquinas, especificando las medidas del radio que deben darse a la curva de las esquinas. Su uso sería aproximado al que vemos a continuación:  border-radius: 5px; Definiría un radio de 5…

Leer más

Aprende cómo dibujar rectángulos en un Canvas

Canvas es uno de los nuevos elementos disponibles en HTML 5, que sirve para dibujar cosas en un lienzo de la página. Ya explicamos este nuevo componente en anteriores artículos de DesarrolloWeb.com, entre los que destacamos la Introducción a Canvas del HTML 5. Como ya se explicó anteriormente, canvas es un elemento sobre el que dibujamos por medio de sentencias en el lenguaje de programación Javascript. Sin embargo, por el momento todos los navegadores no son compatibles con este nuevo componente, por lo que tendremos que hacer comprobaciones para no ejecutar…

Leer más

Aprendeacerca de listas y tablas con html

Es importante entender que la buena organizacion del material contenido en una pagina web es un elemento muy importante para la “usabilidad: del propio sitio. Por ejemplo escribir una sola idea en un solo parrafo es muy importante para la claridad y comprension del usuario. Listas y tablas son maneras de organizar el conocimiento de manera facil y organizada pata su facil entendimiento por parte del usuario del sitio. <UL>…</UL> Lista no ordenada, cada uno de sus elementos deben ir dentro de un tag LI, sus atributos son TYPE=[disc, square…

Leer más

Conoce con nosotros acerca del componente checkbox en php

El componente CheckBox permite seleccionar una opcion al usuario del programa o tomar una decision directamente en pantalla. Ejemplos de uso: Observar que dos o mas checkboxs pueden estar seleccionados a la vez. Codigo prog5.php <HTML> <FORM ACTION=prog5.php METHOD=post> <b>sexo:</b><br> <input type=checkbox name=mas >masculino<br> <input type=checkbox name=fem >femenino<br> <input type=checkbox name=neutro >neutro<br> <INPUT TYPE=submit NAME=OK VALUE=»evento1″><BR> </FORM></HTML> <?php if ($OK == «evento1») { if ( $fem == «on» ){ echo «<B>femenino checado</B> «; }; if ( $mas == «on» ){ echo «<B>masculino checado</B> «; }; if ( $neutro == «on»…

Leer más

Aprende sobre símbolos especiales con html

&#Numeric character reference; For example, to display the © symbol using the numeric character reference, enter: &#169; Character entity reference (“Code” column in the table) is the standard name of a given character. To use the character entity reference in your HTML code, use the following format instead: &Character entity reference; For example, to display the © symbol using the character entity reference: &copy; – ID Code – Description Á 193 Aacute 1 latin capital letter A with acute á 225 aacute 1 latin small letter a with acute â 226 acirc…

Leer más

Condiciones compuestas LINUX PHP.

En muchas ocasiones es necesario presentar mas de una condicion para su evaluacion al computador. Por ejemplo que el computador muestre la boleta de un alumno, si este estudia la carrera de medicina y su promedio de calificaciones es mayor de 70. Una condicion compuesta se define como dos o mas condiciones simples unidas por los llamados operadores logicos. Los operadores logicos que PHP reconoce son: OPERADOR SIGNIFICADO && tambien and “Y” LOGICO tambien or “O” LOGICO ! “NO” NEGACION xor Cierto solo si uno es cierto pero no ambos Ejemplo: if (…

Leer más

Aprende cómo insertar una imagen con html.

<IMG SRC=url> Este tag se usa para insertar una imagen jpg o gif en un documento o pagina sus principales atributos son: SRC=url ←- direccion donde esta almacenada la imagen, puede ser relativa ”../folder/CONEJO.JPG” o puede ser absoluta “http://programacionfacil.com/conejo.jpg” ALT=“mensaje” ←– Propiedad muy util y siempre debe utilizarse, es decir si algun browser no puede desplegar la imagen, en su lugar el browser desplegara el mensaje contenido en este atributo. ALIGN=[left,right,top,middle,bottom] ←- Acomoda la imagen con respecto al texto que la rodea. HEIGHT=n pixels ←- altura en pixels de la…

Leer más

Aprende sobre los operadores aritméticos con Java

Un operador es un símbolo especial que indica al compilador que debe efectuar una operación matemática o lógica. Java jSP reconoce los siguientes operadores aritméticos: Operador Operación + Suma – Resta * Multiplicacion / Division % Residuo o Modulo Como notas importantes a recordar siempre; En problemas de division entre enteros, java trunca la parte residual, ej; Desplegar—> 13/5 —> el resultado es 2 Mas adelante se dira como resolver este problema. Para resolver los problemas de potencias y raíces, se usan ciertas instrucciones especiales que proporciona el lenguaje, llamadas…

Leer más

Aprende cómo pasar HTML a plantilla base en PHP usando Include

Muchos de nosotros hemos utilizado los Templates de Dreamweaver con la esperanza de facilitarnos, a futuro, la tarea de hacer cambios en partes de nuestras webs. Así, por ejemplo, si necesitamos agregar un botón al menú de un sitio de 40 páginas, hacemos dicha modificación en el template, para no tener que cambiarlo en todas las páginas, lo que nos demandaría un rato muy largo. Sin embargo, las templates de Dreamweaver pueden no ser siempre la mejor solución ni la más fácil de administrar. Es por eso que resulta mejor maquetar nuestras plantillas…

Leer más

ScrollTo con jQuery. ¡Aprende como!

Hoy es tendencia realizar sitios con el funcionamiento de scroll local. Decidí investigar cómo se puede hacer, y encontré varios plugins de Jquery como lo es ScrollTo.js o LocalScroll.js, pero me pude dar cuenta que estos utilizan jQuery como base principal, entonces surgió mi curiosidad ¿se podrá hacer el efecto de Scroll sólo con JQuerysin usar un plugin aparte? y me dedique a investigar ciertas propiedades de la API y algunos códigos de ejemplos y resulta que sí es factible y posible. Se puede realizar con la función ScrollTop(). Al principio pensé que únicamente…

Leer más