Diseño Web

< Contiene 12 ejemplos >

Qué vas a encontrar en esta sección:

Ejemplos HTML y XHTML – Códigos de ejemplo ya escritos en HTML y XHTML

Lista de ejemplos: Diseño Web

Qué es RSS y cómo funciona la sindicación
Cómo funciona la sindicación de contenidos web, el sistema que está revolucionando Internet y que gira en torno al formato RSS.
CSS: sitios que van un paso por delante
Explicación de algunas de las ventajas de usar css en nuestras páginas web, como tener un código más limpio, amigable a buscadores y más ordenado.
Pop ups, defectos y virtudes
Los pop ups son instancias de navegador que se abren como consecuencia de una acción de un usuario en una página web involuntaria o voluntaria.
Ni fijo ni líquido, elástico. Como maquetar una web
La eterna discusión sobre qué tipo de diagramación (layout, maquetación) es mejor para cierto tipo de páginas.
Diseño de menus y submenus con CSS
Uso de CSS para crear menus con submenus y menus desplegables. CSS avanzado.
Fundamentos de diseño web
Conceptos básicos de diseño web que hay que saber a la hora de empezar a construir páginas web.
Diseño de formularios con CSS y HTML
Los formularios son parte importantes, pero poco elegantes, de muchos sitios. Aprendamos a diseñar formularios atractivos usando CSS y HTML.
Pasos para la creación de un sitio web
Tres pasos básicos para publicar una web en Internet; objetivos, diseño y publicación y mantenimiento.
Menú rollover con CSS y una sola imagen
Se enseña crear un menú que cambia de color cuando posamos el ratón sobre él y cuando lo presionamos, con sólo una imagen.
Como hacer buenas páginas en HTML
Algunas indicaciones sencillas para empezar a hacer buenas páginas web usando correctamente HTML.
Como empezar a ser un buen webmaster
Consejos básicos para empezar a ser un buen webmaster y ser capaz de administrar sitios web de forma eficiente.
Primeros pasos con CSS (hojas de estilo)
Ideas básicas sobre la utilidad de usar CSS y como vincular estos archivos a documentos HTML.
¿Qué es un sitio web?
Introducción a las páginas web. Nociones y pautas básicas para empezar a aprender a construir páginas web.
Pasar de HTML a XHTML
Guía básica para pasar nuestros documentos de HTML a XHTML, un lenguaje de maquetación de páginas web más potente y con futuro.
CSS: buenas prácticas
Sumario de trucos y buenas prácticas para diseñar con CSS.
La anatomía de un RSS
Anatomía de un RSS. Descripción de sus principales etiquetas y un modelo de archivo RSS.
Protocolo Sitemap
Este documento describe el esquema XML para el protocolo Sitemap.
Aumentar el número de páginas vistas en la web
Algunas claves para aumentar el número de páginas vistas y conseguir que nuestros usuarios se queden más tiempo en la web.
9 principios para un buen diseño web
9 principios para hacer mejores diseños web. Más accesibles, amigables a buscadores, fáciles de usar y de calidad.
¿En que resolución de pantalla diseñar?
¿Para qué resolución de pantalla diseñar la web? ¿utilizar un diseño flexible o líquido? algunas ideas para resolver esta cuestión.
El proceso de diseño de un sitio web
Se explican algunos pasos que te pueden ser de utilidad en la construcción de cualquier sitio web.
Dejar de usar tablas en HTML y aprender a usar CSS
Artículo que explica como dejar de usar tablas en HTML y aprender a usar CSS para diseñar mejores páginas web.
Maquetar una web a 3 columnas con CSS
Explicación sobre como diseñar una página web de 3 columnas usando CSS y HTML.
10 consejos para hacer un buen fotolog
Algunos consejos para diseñar un fotolog de forma efectiva.
20 reglas para crear sitios web exitosos
Selección de ideas y conceptos qué pueden ayudarte a mejorar la calidad y popularidad de tus páginas web.
Consideraciones en el diseño que inspiran confianza
Consideraciones en el diseño de un sitio web que inspiran confianza y ayudan a fidelizar usuarios.
El empleo de imágenes en un sitio web
El empleo de imágenes en un sitio web, es muy importante, ya que acrecientan el impacto visual, atrayendo el interés de nuestro visitante.
Crea tu página web con Joomla. 1ª parte
Primera parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.
Crea tu página web con Joomla. 2ª parte
Segunda parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.
Crea tu página web con Joomla. 3ª parte
Tercera parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.
Crea tu página web con Joomla. 4ª parte
Cuarta parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.
Crea tu página web con Joomla. 5ª parte
Quinta y última parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.
¿Qué hace a un diseño web bueno?
¿Es realmente bueno nuestro diseño? ¿Qué hace que un diseño sea bueno?.
Desarrolla para Firefox, hackea para Explorer
Desarrolla para Firefox primero, hackea para Explorer después.
20 reglas de desarrollo web elegante
Vitaly Friedman, autor de uno de los blogs más populares de diseño web, comparte su experiencia escribiendo 20 Reglas del Desarrollo Web.
Hack CSS para Internet Explorer 7
Hack CSS para Internet Explorer 7. Creo que es bueno conocerlos por si en algún momento sea necesario utilizarlos.
Cómo hacer presupuestos para Diseño Web
4 pasos para fijar precios de manera efectiva de un diseño web.
25 maneras de ser un freelancer más efectivo
Algunos consejos que van a ayudar a mejorar la preformance como trabajor freelance.
¿Qué se busca al diseñar un sitio Web?
Veamos cuales son nuestros objetivos al diseñar un sitio. Visión de conjunto.
La credibilidad de una Web ¿Basada en su diseño?
Un reciente estudio muestra como, entre otros ítems, el diseño de una Web es muy importante para percibirlo como confiable o no.
Etapas del diseño web
Estas son algunas etapas que se sugieren para diseñar eficientemente un sitio
Como crear enlaces hipertexto
Para ser capaces de crear una página Web bastante completa tenemos que aprender a crear enlaces hipertexto.
CSS para principiantes
Hojas de Estilos en Cascada, es uno de los grandes avances en la creación de páginas y programas Web.
Como usar distintos colores en un select menu con CSS
Podemos personalizar nuestros select menu asignándoles clases a las opciones del menú, como prueba añadiremos distintos colores de fondo en el desplegable.
Diseño de la navegación de una página web
No está clara la usabilidad de los menús de navegación ni su utilidad, este artículo trata de replantear el área de navegación como elemento universal de cualquier web.
Capas visibles e invisibles con CSS
El uso de capas en CSS junto a JavaScript te permiten organizar la información de una manera diferente y dinámica.
Pasos iniciales para crear una pagina web
Las fases para llegar a buen puerto suelen ser las siguientes; planificación de tiempo y recursos. Lo mismo sucede cuando es algo tan virtual como la información.
20 Reglas para hacer un buen diseño web
Conceptos e ideas interesantes que me ayudaron a mejorar la calidad del diseño web y de la información que presento en mis websites.
Utilizar un loading o imagen de carga con CSS
Como usar una imagen animada de carga para amenizar la espera de tus usuarios.
Como centrar una pagina web
Cada vez hay monitores más grandes y con mayor resolución, y eso es algo que hay que tener en cuenta eso al momento de diseñar un web.
Novedades en CSS3
En este articulo trataré de resumir las novedades más importantes y explicaré brevemente en que consiste eso que llaman el CSS3.
Como acelerar la carga de un sitio Web
Consejos para reducir el tiempo de carga de una web. Interacción de la red, ejecución de scripts, despliegue de la web por parte del navegador, etc.
Menu desplegable con CSS y HTML
Un recurso muy utilizado en web son los menús horizontales y verticales, veamos como hacer menus desplegables con CSS y HTML.
Insertar videos de YouTube con XHTML válido
Veamos como insertar videos de youtube en tu web o blog y además hacer que su código valide.
¿Qué es el XHTML Doctype?
La declaración de tipo de documento DOCTYPE, que así es como se llama, es una parte fundamental de todas aquellas páginas que quieran cumplir los estándares, tanto HTML como XHTML.
Crear esquinas redondeadas con CSS y sin imagenes
Hay muchas maneras de crear esquinas redondeadas con CSS, aquí explicamos dos a base de CSS y sin imágenes.
CSS Sprites para efecto rollover en botones e imagenes
Explicación de la técnica CSS Sprites para lograr un efecto rollover (mover el ratón sobre un icono y este cambie dándo a entender que es un botón presionable).
Tres Factores Importantes del Diseño Web para 2010
Hoy día, cualquier persona piensa en buscar en Internet información acerca de un comercio. Es importante para toda empresa estar en Intenet y sacarle provecho.
Diseño De Páginas Web: La Estética Cuenta
Veamos 3 importantes causas que promueven que las personas adquieran confianza o desconfianza al visitar una página web en Internet.
El uso de menús en nuestro sitio web y su influencia en la navegación
En este artículo nos enfocamos en el estudio del CSS para lograr, paso a paso, la realización de un menú adecuado al diseño de nuestras páginas web.
Guia CSS de la propiedad Float y Clear para estructurar una web
Al momento de diseñar nuestra pagina web, las propiedades más importante que debemos aprender para poder lograr casi todas las estructuras posibles son Float y Clear.
Herramientas para un desarrollo web más sencillo (Parte I)
En este artículo trataré de plasmar todas aquellas herramientas que me han ayudado a llevar un desarrollo Web adecuado, profesional y con grandes resultados.
Herramientas para un desarrollo web más sencillo (Parte II)
En este artículo trataré de plasmar algunas herramientas centradas en el CSS que ayudan a todo desarrollador web a encarar proyectos en Internet.
Código listo para hacer un menú desplegable con XHTML y CSS
Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.
Buscador para páginas web: Google Site Search
Colocar un buscador Google Site Search en nuestra página web, mejorará notablemente la navegabilidad del sitio, colaborando con nuestros visitantes en la búsqueda de los contenidos que desea.
HTML5, la tecnología que estaremos usando dentro de poco
La quinta versión del lenguaje de marcado HTML, HTML 5, alcanzó la popularidad al momento de ganar la batalla contra XHTML 2, por lo que debemos empezar a conocer lo que en teoría es
Cinco sencillas recomendaciones para mantener tu sitio web seguro
Algunas sencillas recomendaciones sencillas para mantener nuestros sitios web más seguros, centradas en tu ordenador y aplicaciones que usamos diariamente.
Opciones de software para colocar un buscador en una página web. Scripts para buscador interno
Un buscador interno es esencial para conseguir una buena navegabilidad en el sitio. Para ello existen muchas opciones, algunas de las cuales describimos a continuación.
Google Font Directory: tipografías libres para la web
Vamos a ver como embeber una tipografía en tu página desde Google para que el usuario vea la web tal y como la diseñes, aunque no sea una fuente de uso común.
La especificidad en Hojas de Estilo CSS
Un pequeño pero eficaz consejo que puedo dar para todos aquellos que empiezan a desarrollar sus primeras hojas de estilo CSS, es tener en cuenta el factor de la especificidad en CSS, su influencia y
Fondos con gradientes – degradados con CSS3
En este artículo explicamos las dos formas que hay de hacer fondos con gradientes en CSS3, con códigos de ejemplo para entender mejor el procedimiento.
10 sencillos consejos para mejorar tus formularios
Crear un formulario puede ser tedios, sin embargo son una de las partes más importantes de una página web en la actualidad. Por ello estas sencillas pero buenas prácticas al momento de estructurarlos, para lograr
Animar texto con CSS3 y WebKit para Chrome y Safari
Explicación del uso de las etiquetas pulse y bounce, integradas dentro del motor WebKit (Chrome y Safari) para animar textos con CSS· puro.
Soluciones a los problemas de visualización en Internet Explorer
Damos un repaso a las técnicas más usadas para lidiar con la tarea de conseguir que nuestra web se vea bien en todos los navegadores, poniendo especial atención a Internet Explorer, puesto que es el
Cambiar el estilo CSS de una web dinámicamente. Parte I – JavaScript
Vemos una primera parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta primera parte vemos como hacerlo con JavaScript.
Cambiar el estilo CSS de una web dinámicamente. Parte II – PHP
Vemos la segunda parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta segunda parte vemos como hacerlo con PHP.
Sombras en el texto: la propiedad text-shadow de CSS3
Los efectos que se pueden conseguir sobre los textos aplicando "text-shadow" de CSS3 son simplemente impresionantes. Aquí les damos las bases para comenzar a trabajar con esta propiedad.
La importancia de validar los códigos HTML y CSS
Importancia de generar códigos HTML, XHTML y CSS válidos en el desarrollo de páginas web.
Galerías de Imágenes con Scriptaculous: Lightbox para paginas web
Los lightbox son un recurso muy utilizado en la actualidad para crear galerías de imágenes. Es posible descargar e instalar en forma gratuita y sencilla algunos de estos scripts.
Cambiar el estilo CSS de una web dinámicamente. Parte III – Las horas del día
En esta tercera parte vamos a empezar a ver como cambiar el estilo CSS de una web dinámicamente en función de las horas del día.
CSS avanzado: la propiedad “content”
Una de las propiedades menos conocidas de CSS 2.1, pero que tiene un potencial enorme. En un futuro no muy lejano, cuando la mayoría de los navegadores respeten los estándares, su uso seguramente se incrementará.
CSS avanzado: las propiedades counter-reset y counter-increment
Estas propiedades son de las de mayor complejidad en CSS, pero que pueden resultar muy útiles para algunos tipos de trabajos, sobre todo en maquetación de textos.
Ejemplo de utilización de propiedades CSS avanzadas
Allgunos ejemplos de utilización de las propiedades CSS avanzadas "content", "counter-reset" y "counter-increment".
Depuración de errores en códigos CSS
Encontrar los errores que se producen en los códigos CSS, es una de las tareas más arduas que tienen los diseñadores. Aquí damos algunos consejos sobre como hacerlo más sencillo.
CSS avanzado: la propiedad display (primera parte)
A pesar de ser una propiedad conocida, generalmente se encuentra subutilizada por parte de los diseñadores, muchas veces debido al desconocimiento de todo su potencial.
CSS avanzado: la propiedad display (segunda parte)
La propiedad "display" puede utilizarse para mostrar los elementos como si se trataran de tablas o como partes de tablas.
CSS avanzado: la propiedad “white-space”
Una propiedad poco utilizada, que permite al diseñador manejar los espacios en blanco y los saltos de línea de los textos incluidos en el código HTML.
Optimización de los archivos CSS – Primera parte
Cómo optimizar los archivos CSS para que pesen menos y no retarden la carga de la página.
Optimización de los archivos CSS – Segunda parte
Segunda parte de cómo optimizar los archivos CSS para que pesen menos y no retarden la carga de la página.
Fases del diseño Web, usuarios satisfechos
Vemos algunas fases importantes en el diseño web para lograr cumplir los objetivos deseados al construir una página web y conectar correctamente con el usuario final.
10 pistas para un diseño web eficiente
Ofrecemos 10 consejos para elaborar un diseño web eficiente y evitar ciertos errores por falta de experiencia, como un mal empleo de las tipografías, la colocación de elementos, etc.
¿Cómo cambiar el estilo de nuestro sitio dinámicamente? Parte IV – Final
Vemos la última parte de este mini-manual sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta última entrega terminamos el ejemplo de las horas del día.
Sombras y dimensiones con CSS3 – box-shadow
En este artículo practicamos con propiedades CSS3 para agregar sombras a las imágenes y efectos de profundidad al sitio.
Como detectar el uso de Internet Explorer 6, 7 y 8
En este artículo vemos la manera de detectar el uso de IE 6, 7 y 8 mediante cuatro caracteres en nuestro código de estilo
Confusiones de CSS en novatos
En este artículo mencionamos algunos de los factores y momentos que causaron confusión y nos hicieron dudar al comenzar a utilizar CSS
Métodos para centrar verticalmente con CSS: Parte 1
Primera parte de una serie de consejos para centrar verticalmente el contenido mediante CSS
Métodos para centrar verticalmente con CSS: Parte 2
Segunda parte de una serie de consejos para centrar verticalmente el contenido mediante CSS
Crear botones con propiedades CSS3
En este artículo prácticamos la estilización de botones con CSS3, utilizando gradientes, sombras y bordes
Herramientas Cross-Browser – compatibilidad de navegadores
Vemos tres distintas aplicaciones que nos permitirán llevar a cabo pruebas de tipo cross-browser para mejorar compatibilidad entre navegadores
Consejos para elegir un tipo de letra (tipografía)
En este artículo estudiamos cómo elegir adecuadamente uno o varios tipos de letra para nuestro sitio.

Diseño Web

Lista de ejemplos: Diseño Web

Manuales y Artículos Web