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

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

Cómo crear un frame en HTML

Para crear un frame se utiliza la etiqueta <FRAME> y </FRAME>. Un frame es la división de la pantalla en varias zonas o ventanas que pueden actuar de forma independiente las unas de las otras. Los navegadores que reconocen las etiquetas para realizar frames son Netscape y Explorer 2.0 y en adelante. A continuación vamos a ver como definir frames o ventanas y las peculiaridades que hay que tener en cuenta a la hora de cargar nuestras páginas en cada uno de ellos.  < frames cols=»30%,70%»> Esta etiqueta divide la…

Leer más

Crea un menú para tu web con HTML

El menú es un elemento fundamental de nuestra web, y hemos de dedicarle una atención especial. Básicamente, el menú es un conjunto de enlaces a las distintas partes de nuestro sitio, y lo más habitual es encontrarlo en el html de la página, o en un archivo javascript. De momento, vamos a ver cómo crearlo desde el HTML. La estructura puede ser cualquiera: podemos hacer un menú con divs, con tablas, etc. Pero lo más común, por ser una estructura sencilla de manejar, es utilizar una lista (<ul></ul>), y está…

Leer más

Configura un sitio local con Dreanweaver

Configurar un sitio local (I) En este tema vamos a ver qué es un sitio web, cómo crearlos y gestionarlos, y cómo modificar las propiedades de los documentos, como puede ser el color de fondo. 3.1. Introducción Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes de crear las páginas que va a contener. La forma habitual de crear un sitio consiste en crear una carpeta en el disco…

Leer más

Cómo combinar celdas en html.

En algunas situaciones se necesita que una celda ocupe el lugar de dos o más celdas en forma horizonzal o vertical, para estos casos el elemento td o th dispone de dos propiedades llamadas rowspan y colspan. A estas propiedades se les asigna un valor entero a partir de 2. Si queremos que una celda ocupe tres columnas luego inicializamos la propiedad rowspan con el valor 3: <td colspan=»3″>Facturación de los últimos tres meses</td> Si por el contrario queremos que una celda se extienda a nivel de filas luego hacemos:…

Leer más

Comprimir y descomprimir archivos.Véalo aquí

Un archivo comprimido, es el resultado de tratar un archivo, documento, carpeta, etc., con un programa específico para comprimir, cuyo objetivo principal es reducir su peso para que ocupe menos espacio, pero con este proceso no perdemos la información original.

Leer más