Posted by Walter Alvarez on agosto 28, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 26, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 25, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 24, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 24, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 22, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 20, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 18, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 17, 2010 ·
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, [...]
Posted by Walter Alvarez on agosto 17, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 17, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 12, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 8, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 6, 2010 ·
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 [...]
Posted by Walter Alvarez on agosto 5, 2010 ·
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
Posted by Walter Alvarez on julio 30, 2010 ·
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 [...]
Posted by Walter Alvarez on julio 28, 2010 ·
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 [...]
Posted by Walter Alvarez on julio 28, 2010 ·
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 [...]
Posted by Walter Alvarez on julio 27, 2010 ·
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, [...]
Posted by Walter Alvarez on julio 26, 2010 ·
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?