Archivo TAGS : Diseño Web

Eliminar el blanco de fondo de un Iframe

Eliminar el blanco de fondo de un Iframe

En IE se presenta un color blanco en los iframes de nuestras paginas web, con css eliminamos ese molesto color blanco de manera que nuestro iframe quede “transparente” ¿Un iframe transparente?, no es que sea transparente en si, sino que eliminamos el color blanco que muestra por defecto en Internet Explorer. Es bastante sencillo de aplicar, lo unico que tenemos que hacer es agregar a [...]
Plantillas CSS para maquetacion web, gratis +700 CSS layouts

Plantillas CSS para maquetacion web, gratis +700 CSS layouts

715 son en total las plantillas de CSS que los chicos de designshack.co.uk recopilaron y compartienron en su blog, las plantillas tienen un alto grado de profesionalidad y con esto del curso de diseño web y la reciente introduccion al modulo de CSS me parece oportuno este recurso, que te permitirá estudiar un codigo mas complejo de un CSS para maquetar sitios web. Muhas de las plantillas están en [...]
Menu de navegacion CSS. 2da parte

Menu de navegacion CSS. 2da parte

En el video anterior aprendimos a crear un menu de navegacion horizontal con CSS, creamos una lista <UL> y a los elementos <li> les quitamos sus propiedades de lista (uno debajo del otro) para ubicarlos de manera horizontal, además le gregamos una imagen de fondo para que funcionara como separador entre todos los elementos, que ubicaba a la derecha de cada <li>. El problema: Se agrega [...]
12 diseños web con bonitos juegos de colores

12 diseños web con bonitos juegos de colores

Aparte del diseño, el color es algo muy importante al momento de presentar una pagina web a un cliente, si el cliente ya tiene identidad corporativa no te complicas mucho, de lo contrario debes jugar con el diseño web y con colores que generen una impacto en el visitante. Cuando logras encontrar el equilibrio entre colores y diseño, el resultado puede ser como estos ejemplos de paginas web con [...]
Como crear un menu de navegacion con CSS

Como crear un menu de navegacion con CSS

Quieres saber ¿cómo crear menu con css?, en esta lección aprenderemos como crear un sencillo pero practico menu de navegacion horizontal con CSS, partiendo de una lista desordenada HTML. En HTML las listas tienen en común la etiqueta <li>  cuya funcion es enumerar los elementos propiamente dicho de la lista, pero ¿sabías que podemos eliminar las viñetas de las listas con CSS para crear [...]
3 preciosos diseños inspirados en la naturaleza

3 preciosos diseños inspirados en la naturaleza

Son diseños web. Los autores se inspiraron en los elementos de naturaleza y basado en ese termino te presento la actual seleccion. Baloncestocamino Baloncesto camino, cuenta con una interfaz literal al nombre del dominio y al logotipo, pues hacen un collage – bien logrado por cierto – de un camino y una cancha de basquetbol. Me gustaron los colores que utilizaron y lacolocación de [...]
Separacion del HTML del CSS

Separacion del HTML del CSS

Leccion 20 del curso de paginas web con HTML. En esta leccion te enseñaré a utilizar las definiciones CSS para tu pagina web en un documento externo. Es conocido por todo diseñador que la mejor forma de diseñar una pagina web es utilizar los CSS para la maquetacion, aplicacion de formato a texto y estilo a otras etiquetas HTML, esto permite tener mas espacio “dentro” de la pagina web [...]
8 paginas web para inspiracion de diseñadores

8 paginas web para inspiracion de diseñadores

Poco a poco estoy alimentando mi banco de recursos llamado blog, aqui encuentras logotipos, tarjetas de presentacion, paginas web en flash, pero lo mas importante es la cantidad de recursos que se comparten para uso de diseñadores de todos los niveles. He basado y me he enfocado en jovenes talentos que buscan siempre vectores para corel, illustrador o simplemente ideas para diseños frescos, que [...]
Comprendiendo las propiedades de pagina en Dreamweaver

Comprendiendo las propiedades de pagina en Dreamweaver

Continuamos con el curso de paginas web, esta es la leccion 19. En esta leccion del curso aprenderemos como funciona la opcion propiedades de pagina de Dreamweaver y luego iremos al código CSS que nos genera Dreamweaver para entender como funciona y para que sirve. En el video te muestro como configurar los margenes de la pagina, color de los vinculos, vinculos de sustitucion y vinculos visitados, [...]
Introduccion al CSS

Introduccion al CSS

CSS (Hojas de estilo Cascada) son las responsables de presentar de forma agradable los datos que mostramos en una pagina web. Es una forma facil de decirlo. La W3C define las CSS como: Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información [...]
39 ejemplos de paginas web azules

39 ejemplos de paginas web azules

Si estás diseñando o tienes planes de diseñar un sitio web con tema de playa o mar, este articulo te va a encantar puesto que contiene 39 ejemplos de paginas web diseñadas con tonos azules (en su mayoria). Conviene que además hagas una copia de los diseños que más te llamen la atencion para luego tener una idea en que basarte cuando un cliente apresurado te solicite un diseño web con tema [...]
Espectaculares animaciones en flash hechas paginas web

Espectaculares animaciones en flash hechas paginas web

En temas SEO las animaciones en Flash suelen ser menospreciadas, porque el posicionamiento es mas lento que con un sitio web html o dinamico. Sin embargo hay quienes obvian este consejo SEO y se aventuran a realizar no solamente animaciones para web, sino web completas en Flash, a continuacion las mejores paginas web hechas en Flash de Julio. 1. Inmersive Garden La carga es lenta, perose justifica [...]
Como validar formularios web con Dreamweaver CS4

Como validar formularios web con Dreamweaver CS4

En esta leccion (la numero 17 del curso de paginas web), aprenderemos a validar formularios con Dreamweaver CS4. ¿En que consiste la validacion de formularios? ¿Has visto como en algunos sitios web cuando llenas el formulario de contactos o de reservaciones, antes de enviar el formulario se te muestran los campos que no has llenado o se te alerta sobre campos con formato erróneo?, eso es una [...]
Crear un formulario de contactos

Crear un formulario de contactos

En esta leccion aprenderemos como crear un formulario de contactos web, para recibir informacion de nuestros visitantes online. Toda pagina web debe tener un formulario de contactos, que consiste en unas casillas que el usuario llena y al darle Enviar los datos llegan a nuestro buzón de correo, de esta forma podemos recibir sugerencias, comentarios o bien una cotizacion para un producto. No le pongas [...]
44 iconos para diseño web y diseño de aplicaciones

44 iconos para diseño web y diseño de aplicaciones

Estos iconos te servirán no solamente para diseño web, sino para interfaz de aplicaciones ya sean para internet o para ambientes Offline. Son 44 iconos gratis, cortesia de omocertin Puedes descargar los iconos gratis desde deviantart
Iframe marcos individuales en HTML

Iframe marcos individuales en HTML

Leccion 13: Curso de paginas web En esta leccion aprederemos como utilizar la etiqueta Iframe en HTML para hacer páginas web y como mostrar una galeria de fotos hecha en Adobe Bridge dentro de la interfaz de nuestra página web, antes de comenzar quiero recomendarte que veas como hacer una galeria de fotos con Adobe Bridge, ya que en esta leccion lo necesitarás; recuerda que las galerías de fotos [...]
52 ejemplos de paginas web de restaurantes

52 ejemplos de paginas web de restaurantes

Si necesitas inspiracion para diseñar una página web de un restaurante, o necesitas mostrar varios bocetos esta coleccion te servirá de mucha utilidad, no porque vayas a utilizar las mismoas ideas, sino porque a partir de estos 52 sitios ya diseñados será mas facil crear un boceto original. De esta recopilacion se encargó djdesignerlab.com que poco a poco se está convirtiendo en una excelente [...]
Marcos y Marcos Anidados en HTML

Marcos y Marcos Anidados en HTML

En esta leccion aprenderemos como funcionan los Marcos, los marcos anidados y como codificar correctamente los vinculos para mostrar los ocntenidos dentro de las ventas que corresponda. Uno de los principales inconvenientes con los marcos es que los vinculos parecen tener personalidad propia, pues no se muestran correctamente proque aparecen donde “les da la gana”, pues en estos videos [...]
Crear una galeria de fotos con Sexy lightbox

Crear una galeria de fotos con Sexy lightbox

Las galerias de fotos pueden ser realizadas con Photoshop, o con otros Softwares de diseño grafico o diseño web, pero no hay nada mejor que hacer tu propia Galeria de fotos estática, en la que muestres tus fotos, ya sea como partre de un portafolio de servicios o para compartir imagenes con tus amigos. En el video configuramos el Sexy Lightbox2 que es una version mejorada de la famosa Galeria lightbox, [...]
Tablas anidadas, HTML

Tablas anidadas, HTML

En este video aprenderemos a insertar una tabla dentro de una celda de otra tabla, a esto se le conoce como Anidación. En el ejemplo codificaremos en HTML y con la ayuda de Dreamweaver, un menu de navegacion que no se desarme cuando la columna de la derecha tenga demasiado texto o contenido. De esta forma llegamos a la leccion 10 del curso de paginas web. ¿Comentarios, sugerencias?
Copyright © 2010 · Tutoriales y Photoshop, All Rights Reserved.