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

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. Diseño de menus y submenus con CSS

    Uso de CSS para crear menus con submenus y menus desplegables. CSS avanzado.

  6. 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.

  7. 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.

  8. 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.

  9. 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.

  10. Como hacer buenas páginas en HTML

    Algunas indicaciones sencillas para empezar a hacer buenas páginas web usando correctamente HTML.

  11. 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.

  12. Primeros pasos con CSS (hojas de estilo)

    Ideas básicas sobre la utilidad de usar CSS y como vincular estos archivos a documentos HTML.

  13. ¿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.

  14. 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.

  15. CSS: buenas prácticas

    Sumario de trucos y buenas prácticas para diseñar con CSS.

  16. La anatomía de un RSS

    Anatomía de un RSS. Descripción de sus principales etiquetas y un modelo de archivo RSS.

  17. Protocolo Sitemap

    Este documento describe el esquema XML para el protocolo Sitemap.

  18. 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.

  19. 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.

  20. ¿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.

  21. 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.

  22. 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.

  23. 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.

  24. 10 consejos para hacer un buen fotolog

    Algunos consejos para diseñar un fotolog de forma efectiva.

  25. 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.

  26. 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.

  27. 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.

  28. Crea tu página web con Joomla. 1ª parte

    Primera parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.

  29. Crea tu página web con Joomla. 2ª parte

    Segunda parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.

  30. Crea tu página web con Joomla. 3ª parte

    Tercera parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.

  31. Crea tu página web con Joomla. 4ª parte

    Cuarta parte del minicurso en 5 volúmenes para crear tu portal Web con Joomla.

  32. 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.

  33. ¿Qué hace a un diseño web bueno?

    ¿Es realmente bueno nuestro diseño? ¿Qué hace que un diseño sea bueno?.

  34. Desarrolla para Firefox, hackea para Explorer

    Desarrolla para Firefox primero, hackea para Explorer después.

  35. 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.

  36. 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.

  37. Cómo hacer presupuestos para Diseño Web

    4 pasos para fijar precios de manera efectiva de un diseño web.

  38. 25 maneras de ser un freelancer más efectivo

    Algunos consejos que van a ayudar a mejorar la preformance como trabajor freelance.

  39. ¿Qué se busca al diseñar un sitio Web?

    Veamos cuales son nuestros objetivos al diseñar un sitio. Visión de conjunto.

  40. 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.

  41. Etapas del diseño web

    Estas son algunas etapas que se sugieren para diseñar eficientemente un sitio

  42. Como crear enlaces hipertexto

    Para ser capaces de crear una página Web bastante completa tenemos que aprender a crear enlaces hipertexto.

  43. CSS para principiantes

    Hojas de Estilos en Cascada, es uno de los grandes avances en la creación de páginas y programas Web.

  44. 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.

  45. 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.

  46. 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.

  47. 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.

  48. 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.

  49. Utilizar un loading o imagen de carga con CSS

    Como usar una imagen animada de carga para amenizar la espera de tus usuarios.

  50. 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.

  51. 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.

  52. 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.

  53. 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.

  54. 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.

  55. ¿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.

  56. 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.

  57. 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).

  58. 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.

  59. 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.

  60. 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.

  61. 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.

  62. 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.

  63. 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.

  64. Código listo para hacer un menú desplegable con XHTML y CSS

    Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.

  65. 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.

  66. 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

  67. 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.

  68. 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.

  69. 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.

  70. 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

  71. 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.

  72. 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

  73. 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.

  74. 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

  75. 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.

  76. 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.

  77. 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.

  78. 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.

  79. 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.

  80. 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.

  81. 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á.

  82. 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.

  83. Ejemplo de utilización de propiedades CSS avanzadas

    Allgunos ejemplos de utilización de las propiedades CSS avanzadas "content", "counter-reset" y "counter-increment".

  84. 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.

  85. 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.

  86. 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.

  87. 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.

  88. 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.

  89. 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.

  90. 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.

  91. 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.

  92. ¿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.

  93. 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.

  94. 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

  95. 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

  96. Métodos para centrar verticalmente con CSS: Parte 1

    Primera parte de una serie de consejos para centrar verticalmente el contenido mediante CSS

  97. Métodos para centrar verticalmente con CSS: Parte 2

    Segunda parte de una serie de consejos para centrar verticalmente el contenido mediante CSS

  98. Crear botones con propiedades CSS3

    En este artículo prácticamos la estilización de botones con CSS3, utilizando gradientes, sombras y bordes

  99. 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

  100. 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.