Cómo interviene un diseñador dentro del diseño web

La idea principal es cubrir las etapas del diseño de una web y analizar cuál es el modo de proceder al acometer un proyecto en el momento actual de la web, caracterizado por la afluencia de dispositivos, algo que todavía se acentuará en el futuro. Además, se trata de comentar las herramientas que un diseñador debe utilizar para mejorar la calidad de su trabajo y su productividad. Este recorrido por el trabajo del diseñador, sus herramientas y etapas, que podrás aplicar a la mayoría de los proyectos web, forma la…

Leer más

Aprende a usar Phyton paso a paso

Python es un lenguaje de programación de propósito general, cuya expansión y popularidad una apuesta por la simplicidad, versatilidad y rapidez de desarrollo. Python es un lenguaje de scripting independiente de plataforma y orientado a objetos, preparado para realizar cualquier tipo de programa, desde aplicaciones Windows a servidores de red o incluso, páginas web. Es un lenguaje interpretado, lo que significa que no se necesita compilar el código fuente para poder ejecutarlo, lo que ofrece ventajas como la rapidez de desarrollo e inconvenientes como una menor velocidad.      …

Leer más

Diseña tu propia caricatura con Photoshop

 En primer lugar, tenemos que tener en cuenta la perspectiva. Unas pocas imágenes se toman y se compararon con el empate con el fin de probar la altura, la proximidad, el ángulo y los tipos de lentes ‘. Para esta caricatura, coloqué la cámara alrededor de 1 metro de distancia, ajustar la altura aproximadamente a la nariz. Cabeza y cuerpo son ligeramente girado en ¾, así que tenemos una perspectiva de dos puntos, por lo tanto, tengo que llamar la atención a la alineación de los ojos y las comisuras de la boca. Respecto…

Leer más

Crea mapas 3D atractivos con Photoshop

3D Map Generator es un conjunto de acciones, estilos, PSD e iconos con los cuales podremos crear atractivos mapas en 3D en Photoshop con muchisimas variantes. Una vez seleccionado el mapa que deseamos (en diferentes capas se encuentra una gran cantidad de mapas) daremos rienda suelta a la acción para que cree el efecto de 3D. Luego podremos decorar nuestro mapa con los diversos elementos que encontraremos en grupos por tema, sean estos edificaciones, señaladores, clima, etc. Para que se entienda un poco mas su funcionamiento, aquí va un video mostrando…

Leer más

Cómo insertar imágenes en HTML

En esta lección verás como insertar imágenes en HTML, además como hacer una imágen de sustitución, crear vínculo a esa imágen y crear un fondo en degradado en Photoshop para pasarlo como imagen de fondo de nuestra pagina web. Las imágenes de sustitución las hacemos con la ayuda de Dreamweaver puesto que codificar todo el procedimiento es un tanto engorroso y Dreamweaver codifica todo por nosotros, la idea de una imagen de sustitución es que muestre una imagen distinta cuando se pase el Mouse encima de ella, muy util cuando pensamos en un…

Leer más

Cómo vincular una imagen en Dreamweaver

En este tutorial de html, verás como crear un vinculo en una imagen, pero el vinculo vamos a insertar en una zona de la imagen y no en toda. Antes de ello debes saber como crear vínculos en html igualmente te mostré en otro tutorial como agregar imágenes en una pagina web. La técnica de Mapear una imagen, se trata nada más de delimitar a zonas en una imagen para insertar vinculos que lleven a otra pagina web o a un correo electrónico. Como parte del curso de páginas web aprenderás a mapear una imagen y vincular…

Leer más

Crea un menú desplegable para tu web con CSS y Jquery

En este tutorial verás como armar un menú desplegable para pagina web con una tabla como elemento desplegado, con ayuda del CSS para darle forma a los elementos de la table y Jquery que hace toda la magia de permitir tablas y otros elementos HTML en el menú desplegable. Lo interesante de este código es que también nos permite insertar imágenes dentro del menú, puedes compartir columnas y filas, colocar imagen al centro, etc, todo en aras de mejorar la estética de la pagina web. Tutorial Megamenu  Megamenu de GeekTantra,  version 2 del Megamenu ya con correcciones y…

Leer más

Implementa el plugin calendario jQuery

Para poder implementar el calendario jQuery en una web. Descarga los archivo del calendario Los usuarios registrados de DesarrolloWeb.com tienen la descarga disponible del código del calendario. En ese archivo para descarga vienen varias pruebas de las diferentes etapas del desarrollo del proyecto y los archivos necesarios para poner en marcha el calendario en cualquier web. Copia los archivos del calendario En el archivo comprimido de la descarga verás un directorio llamado «calendario_dw». Copia ese directorio en cualquier carpeta de tu sitio web. Añade la hoja de estilos del calendario…

Leer más