Contenidos web » Diseño web http://contenidos.churbayportillo.com Algunos de los artículos creados y publicados por Churba & Portillo Wed, 25 Jan 2012 12:42:06 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Redirigir una página web con HTML http://contenidos.churbayportillo.com/redirigir-una-pagina-web-con-html/ http://contenidos.churbayportillo.com/redirigir-una-pagina-web-con-html/#comments Mon, 05 Apr 2010 09:55:30 +0000 todotuto http://www.todotutoriales.es/?p=4375 Hay muchas formas de redireccionar páginas, si usas WordPress puedes usar el plugin redirection, o también hacerlo desde el archivo .htaccess. Si usas otro programa web,  o ninguna de estas opciones te funciona correctamente al intentar redirigir una página html a php, puedes probar esto. A nosotros nos ha funcionado.

1. Haz una copia de seguridad de la página html que quieres redirigir.
2. Edítala, borrando todo y dejando solamente esto:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”es-ES”>
<head>
<META HTTP-EQUIV=”REFRESH” CONTENT=”0;URL=http://www.todotutoriales.es/”>
</head>
<body id=”home”>
</body>
</html>

En CONTENT pon el valor en segundos, segundos que debe tardar en refrescarse la página. En URL pon la dirección de destino.

Etiquetas: .htaccess, HTML, PHP, Plugin, Web, WordPress

Artículos relacionados



]]> http://contenidos.churbayportillo.com/redirigir-una-pagina-web-con-html/feed/ 0 Mockingbird: herramienta para planificar y diseñar páginas web online http://contenidos.churbayportillo.com/mockingbird-herramienta-para-planificar-y-disenar-paginas-web-online/ http://contenidos.churbayportillo.com/mockingbird-herramienta-para-planificar-y-disenar-paginas-web-online/#comments Fri, 18 Dec 2009 10:33:29 +0000 zanguanga http://www.todotutoriales.es/?p=3502 Mockingbird

Mockingbird es una sencilla herramienta online que sirve para crear prototipos de aplicaciones o páginas web, de forma que puedas planificar diseños, previsualizarlos, con enlaces incluídos, guardarlos y compartirlos a través de la red.

Mockingbird-todotutoriales

La ventaja de usar esta herramienta reside principalmente en que te ayuda a decidir lo que vas a construir antes de malgastar recursos, tiempo y dinero. Los prototipos guardados pueden usarse también para presentar el proyecto a los clientes y entregarles exactamente lo que quieren.

La aplicación contiene widgets y menús que te permiten trabajar con rapidez y de forma muy intuitiva. Conviene registrarse para poder guardar y compartir los proyectos y diseños web.

Via Tecnologiadiaria

Etiquetas: Diseño, Diseño web, herramientas, mockingbird, prototipos, Web, widget

Artículos relacionados



]]> http://contenidos.churbayportillo.com/mockingbird-herramienta-para-planificar-y-disenar-paginas-web-online/feed/ 0 WordPress, el mejor gestor de contenidos para tu web http://contenidos.churbayportillo.com/wordpress-el-mejor-gestor-de-contenidos-para-tu-web-2/ http://contenidos.churbayportillo.com/wordpress-el-mejor-gestor-de-contenidos-para-tu-web-2/#comments Mon, 23 Nov 2009 15:04:59 +0000 todotuto http://www.todotutoriales.es/?p=3303 I Love WordPress

WordPress acaba de ser elegido el mejor gestor de contenidos de código abierto de 2009. Así el software que en principio fue usado para gestionar blogs se confirma como la mejor alternativa para crear páginas webs exitosas. Así lo anuncia Matt en el blog oficial de WordPress. Se hacen eco: TodoWordPress y El Secreto de las Pymes que crecen. ¡Felicidades pues a desarrolladores, traductores, creadores de tutoriales. diseñadores y usuarios!

Etiquetas: Blog, CMS, El Secreto de las Pymes que crecen, software, TodoWordPress, Web, WordPress

Artículos relacionados



]]> http://contenidos.churbayportillo.com/wordpress-el-mejor-gestor-de-contenidos-para-tu-web-2/feed/ 0 Cómo hacer una imagen de fondo escalable con CSS http://contenidos.churbayportillo.com/como-hacer-una-imagen-de-fondo-escalable-con-css/ http://contenidos.churbayportillo.com/como-hacer-una-imagen-de-fondo-escalable-con-css/#comments Tue, 20 Oct 2009 08:03:57 +0000 admin http://www.todotutoriales.es/?p=2928 imagen-de-fondo-escalable-con-Css

A veces tenemos una imagen que queremos utilizar como fondo en nuestro blog o página web, diseñamos una bonita imagen en Photoshop y nos hacemos esta pregunta: Bueno, muy bonita, pero ¿cómo pongo esta imagen en el fondo para que no se vea recortada y con un espacio blanco alrededor si alguien usa una pantalla grande? Si alguna vez has creado o has querido crear un sitio web con una imagen estática, seguro que te has hecho esta pregunta.

Yo también. Así que buscando en Google, he encontrado varias formas de hacerlo. Puede hacerse con una llamada jQuery o utilizar técnicas avanzadas de CSS3 que sirven para para jugar con imágenes en distintos rincones de la página, pero todavía no se aplican  (Safari es el único navegador que puede utilizar CSS3 en la actualidad).  Al igual que tech4eleven lo he intentado con CSS3, pero es cierto que diseñar un sitio web para Safari no es la mejor opción, ya que es un navegador más avanzado que los que la mayoría de la gente utiliza. Buscando soluciones llegué a tech4eleven.com y de ahí a Younic folda, un sitio web alemán que explica este truco.

Scaling body background images with pure CSS describe una forma super fácil de agregar una imagen al fondo de un sitio web mediante la colocación de este código después de la etiqueta <body>:

<style type="text/css">
#background {width:100%; height:100%; position: absolute; z-index: -1; top: 0; left:0;}
</style>

</head>

<body>
<img id="fondo" src="imagendefondo.jpg" />

Si usas WordPress, la etiqueta <body> la encontrarás en el archivo de cabecera (header.php).

Una cosa que llama la atención de este código es que puede que tengas que cambiar “position: absolute” por “position: fixed” si no funciona correctamente en tu sitio web / fondo. Ten en cuenta que la imagen puede ser ampliada para ajustarse a las pantallas panorámicas. Echa un vistazo a estos ejemplos, redimensionando el tamaño de la ventana de tu navegador:

  • Ejemplo 1. Alto y ancho de la imagen escalables. El problema es que se deforma.
  • Ejemplo 2: Solo el ancho es escalable, de esta forma la imagen se ajusta al ancho de la ventana y no se deforma.
  • Ejemplo 3: Si lo usas con moderación, con imágenes que no pesen demasiado, pueden ser muy grandes y tu página cargará algo más rápido.

Para los ejemplos 2 y 3, he modificado el código, a los diseñadores gráficos nos horrorizan las imágenes deformadas. Así que lo que he hecho ha sido prescindir del valor “height”, que controla el alto de la imagen. Fijando el ancho al 100%  el alto se redimensiona automáticamente en forma proporcional:

<style type="text/css">
#background {width:100%; position: absolute; z-index: -1; top: 0; left:0;}
</style>

</head>

<body>
<img id="fondo" src="imagendefondo.jpg" />

Via tech4eleven.com y agregados propios.

¿Te ha gustado este tutorial? ¡Tú también puedes escribir el tuyo!

Etiquetas: background images, body background, Código, crear un sitio web, CSS, Diseño web, fondo web, Google, imágenes de fondo, navegador, Safari, WordPress

Artículos relacionados



]]> http://contenidos.churbayportillo.com/como-hacer-una-imagen-de-fondo-escalable-con-css/feed/ 0 20 tips para desarrollar sitios de alto tráfico con WordPress http://contenidos.churbayportillo.com/20-tips-para-desarrollar-sitios-de-alto-trafico-con-wordpress/ http://contenidos.churbayportillo.com/20-tips-para-desarrollar-sitios-de-alto-trafico-con-wordpress/#comments Sun, 11 Oct 2009 06:00:34 +0000 angeles http://www.todowp.org/?p=2078 De imprescindible lectura y sin despercicio alguno: 20 excelentes consejos de Darío Ferrer para desarrollar sitios de alto tráfico con WordPress.

Meneame
Technorati
del.icio.us
Bitacoras.com
Digg
Wikio
Google Bookmarks
Live
Yahoo! Bookmarks
Yahoo! Buzz
Twitter
Facebook
Print
email



]]> http://contenidos.churbayportillo.com/20-tips-para-desarrollar-sitios-de-alto-trafico-con-wordpress/feed/ 0