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

Efecto de nieve en Flash, ¡Descubre cómo!

Debemos abrir un nuevo documento de Flash y cambiar el color blanco del fondo del escenario por uno oscuro que permita distinguir el efecto de nieve que se pretende realizar. Crear un MovieClip, seleccionando en el menú: Insertar > Nuevo símbolo y nombrarlo SnowFlake Dentro de dicho MovieClip dibujar un círculo blanco sin bordes, con la herramienta Óvalo, de apróximadamente 4 x 4 píxeles. Seleccionar en la biblioteca el MovieClip creado(SnowFlake) con el botón derecho del mouse. En el menú hacer click a la opción Linkage y seleccionar la opciónExportar para ActionScript . Este MovieClip será el copo…

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

Seo eficiente una eficiente una inversión segura

Cada día las tecnologías están haciendo más presencia en el mudo laboral y en la vida cotidiana, es por ello que estar presente en este es fundamental para el éxito de nuestros deseos como empresarios. Actualmente la gran mayoría de empresas ya sean multinacionales o PYMES tienen página web, pero no están sacando ni mucho menos el rendimiento que podrían de estas. Actualmente la población Española casi en su totalidad hace uso de Google como portal de búsqueda, por eso este es un elemento fundamental para hacernos ver. Para que su negocio saque…

Leer más

Crea tus cajas Informativas tipo menú animadas con CSS3

En este tutorial veremos como hacer unas elegantes cajas informativas tipo menú con HTML y animadas con CSS3, seguimos dando tips para que cada día avancemos y profundicemos mas en el mundo del diseño y desarrollo web, esta vez con algunas técnicas CSS3 para conseguir resultados agradables a la vista. Esto es lo que vamos a lograr: Demo Sin mas, comencemos. EL HTML 1 2 3 4 5 6 7 8 9 <div class=»homeBox»>    <div class=»caja1″>        <div class = «imagen»><img src = «images/1.png»></div>       <h2>PROYECTO-1</h2>       <div class = «descripcion»>Lorem ipsum dolor…

Leer más

Diseña un Castillo con Adobe Illustrator

En este tutorial vamos a conocer a un nuevo amigo, el plug-in DrawScribe , que es desarrollado porGráficos astutos para un flujo de trabajo creativo más conveniente en Adobe Illustrator. Se compone de dos herramientas: la herramienta InkScribe y la Herramienta de esbozo dinámico. Te diré acerca de las características de estas herramientas en el proceso de creación de una ilustración de un castillo. El tutorial consta de dos partes, cada una de ellas tiene que ver con el trabajo de una herramienta. La primera parte trata de la herramienta de InkScribe. Esta herramienta está diseñada para…

Leer más

Crea un menú despagable (Dropdown) con CSS3

A continuación verás como hacer un menú despegable o Dropdown menú de forma sencilla, vamos a utilizar las bondades de CSS3 para darle un toque de elegancia tanto en la forma visual como la forma funcional de este menú. Tratare de explicártelo paso por paso. Esto es lo que vamos a conseguir: Ver resultado final EL HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <ul class=»menu»>     <li><a href=»#»>Home</a></li>     <li><a href=»#»>Empresa</a>…

Leer más

Crea un efecto coverflow con CSS

El efecto Coverflow es muy conocido y es usado en muchas situaciones, este efecto es normal verlo en la web usando jQuery, flash u otro lenguaje y en varias aplicaciones, en este tutorial vamos a hacer este ejercicio y crearemos este efecto coverflow, para esto utilzaremos una lista de html y usando las bondades de CSS lo conseguiremos facilmente, en este tutorial vamos a usar Transiciones, transformaciones y perspectivas de Css3. ver ( Cajas Informativas tipo menú animadas con CSS3 ) Esto es lo que vamos a conseguir en este tutorial: Ver Demostración El html 1 2 3…

Leer más

Efecto caption a Imágenes con CSS3. ¡ Descubre cómo!

Muchas veces queremos mostrar cierta información asociada a algún grafico o imagen, y la mejor opción es utilizar la técnica Caption, esta nos permitirá hacer la descripción, hacer algún tipo de referencia o simplemente agregar algunos títulos. Con CSS Y algunas características de CSS3 podemos hacer esta experiencia un poco mas animada e interactiva, en este tutorial veremos como hacer un efecto caption a nuestras imágenes, que podemos utilizar para mostrar en nuestro portafolio, mostrar productos etc.. Ver Demostración ok, vamos a comenzar. EL HTML 1 2 3 4 5 6 7 8 9…

Leer más

Aprende acerca de los elementos de formulario con html

Los elementos de formulario como botones y cuadros de texto también se denominan «campos de formulario» y «controles de formulario». La mayoría de controles se crean con la etiqueta <input>, por lo que su definición formal y su lista de atributos es muy extensa: Etiqueta <input> Atributos comunes básicos, internacionalización, eventos y foco Atributos propios type = «text | password | checkbox | radio | submit | reset | file | hidden | image | button» – Indica el tipo de control que se incluye en el formulario name = «texto» – Asigna un nombre al control (es imprescindible para…

Leer más