¿Cómo puedo redireccionar páginas Web sin usar htaccess?

Pregunta: Tengo una cuenta de hosting compartida, pero acabo de descubrir que el servicio de creación de archivos .htaccess está deshabilitado. ¿Cómo puedo redireccionar páginas?

Respuesta: En primer lugar, no es muy buena señal que tu compañía de servicios de hosting haya deshabilitado .htcaccess. Por un lado, deberías plantearte si realmente te conviene seguir con esta compañía, sin embargo, si crees que no es momento adecuado para este cambio, puedes usar PHP para redireccionar páginas.

Para redireccionar con PHP, deberás reemplazar el código del archivo que quieres redireccionar con este script:

Obviamente, tendrás que sustituir la dirección Web por la que a ti te convenga. Y eso es todo, así de fácil. Asegúrate de que has borrado todo el texto que había y que no quede nada antes del script añadido. Ten en cuenta que ni siquiera podrás dejar código HTML. Una vez realices este cambio, todos los visitantes que se dirijan a la Web en al que editaste el código, serán redireccionados a la Web especificada en el campo “Location”.

Fotografía | www.flickr.com

¿Cómo crear plantillas CSS y HTML sin saber nada de programación? Utiliza Drawter

A continuación, os dejo los pasos a seguir para crear código CSS o HTML con Drawter:

1. Entra en la Web de Drawter y selecciona el modo de navegación “Draw”. Dibuja un rectángulo (nodo) con las dimensiones que elijas.

2. Selecciona los elementos de la barra de herramientas del lado y elije los parámetros básicos de la página que vas a crear. Luego dale un título apropiado, selecciona el tipo de documento y el idioma de la Web.
Read More >>

¿Qué plantilla elijo para mi página Web?

Si has decidido armarte de valor y crear tu propia página Web profesional, puede que estés en la fase en la que debes elegir una plantilla adecuada que se ajuste a los contenidos y a la imagen que quieres dar. Este es uno de los pasos que más cuesta decidir, así que os traigo una breve lista de consejos que pueden ayudaros a elegir de forma correcta:

• Código: Ten en cuenta que una página en HTML o CSS válida se mostrará adecuadamente en cualquier máquina de tus visitantes, además no tendrá problemas de carga a causa de errores de programación. De hecho, yo te aconsejaría que prefirieras emplear plantillas en CSS en lugar de tablas. Las tablas sirven para almacenar datos, sin embargo, cuando se utilizan para crear diseños, el código puede ser válido, pero las páginas tardarán mucho más en cargarse.
• Apariencia: Una plantilla de calidad debería ser una obra de arte. Los colores deben ser complementarios y, al mismo tiempo, guiar al usuario atrayendo su atención sobre los contenidos más importantes.
• Función: Recuerda que una página Web debe ser funcional para tus visitantes y para ti mismo. La navegación tiene que ser intuitiva, la página debe ser leíble con resoluciones normales, y el diseño debe facilitar el escaneo rápido de los contenidos. Además, ten en cuenta que cualquier página Web tiene que darte la opción de modificarla fácilmente, tanto los contenidos como su apariencia.

Espero que estos consejos te puedan ayudar a diferenciar entre plantillas mediocres y aquellas que tienen gran potencial. Después de todo, acertar el diseño y la codificación de tu página Web puede ser determinante para su éxito y te ahorrara mucho tiempo a la larga. Hace poco, vimos algunas páginas de recursos que ofrecen galerías de plantillas CSS y HTML totalmente gratis, no dudes en echarle un vistazo. ¡Mucha suerte y paciencia en la búsqueda!

Fotografía | www.flickr.com

100 plantillas XHTML, HTML y CSS totalmente gratis

Si eres desarrollador de páginas Web o simplemente has decidido apoderarte de un dominio y crear un sitio Web decente, no tienes porque perder el tiempo diseñando tu página desde cero, porque existen plantillas CSS gratuitas para todos los gustos. A continuación os indicamos dónde encontrar estas plantillas sin pagar ni un céntimo.

A lo largo de los últimos años, la comunidad de diseñadores Web ha desarrollado modernas técnicas de diseño CSS y ha creado recursos gratuitos que no tienen desperdicio. Al final de este artículo te dejamos una larga lista de páginas donde podrás encontrar plantillas en XHTML, HTML y CSS.

Cuando encuentres la plantilla que te guste para tu diseño, no te cortes y modifica en ella todo lo que quieras, el uso que hagas de estos modelos está libre de restricciones legales. La única condición que suele pedirse es incluir un enlace en tu página que dirija a la Web desde la que te descargaste el diseño. De todos modos, asegúrate de leer la licencia del diseño que te quieras bajar antes de publicarlo (por si las moscas).

Descárgate plantillas XHTML, HTML y CSS desde: Open Source Templates, OSWD, OSWT, Maxdesign, CSSplay, Changingman, Mollio, Six Shooter Media, Yahoo! UI Library: Grids CSS, CSS Design Templates, ThreeColumnLayouts, CSS Intensivstation, CSSFILL, CSS Frames Layouts.

Problemas con los servicios de Hosting para páginas de FrontPage

FrontPage es un editor WYSIWYG creado por el gigante Microsoft. A pesar de es un programa privativo, sujeto a una licencia comercial, y de que ha sido reemplazada por una nueva aplicación de Expresión Web de la gran multinacional, todavía existe una demanda importante de servicios de Hosting para páginas realizadas con FrontPage.

La buena noticia es que la mayoría de proveedores de hosting mantienen su soporte a extensiones FrontPage, una tecnología que permite al software sincronizarse con el proveedor en cuestión.

Como ya es de esperar, el número de hosts de este tipo sufrirá una tremenda bajada en los próximos años. De todos modos, los resultados serán beneficiosos para todos, incluso para los usuarios que tengan que cambiarse a otro software, ya que FrontPage ya no es suficientemente competente para el mercado online actual.

Recuerda que muchos proveedores de servicios de Hosting ya ofrecen sus propios editores WYSIWYG y puede que te interesen, así que no descartes esta alternativa sin antes echarle un vistazo. De hecho, si no sabes programar en HTML y sólo necesitar crear una página Web sencilla, este tipo de herramienta puede cubrir todas tus necesidades.

Fotografía | www.flickr.com

¿Cómo encontrar y reemplazar texto en múltiples archivos?

Pregunta: ¿Cómo encontrar y reemplazar texto en múltiples archivos?

Respuesta: Si tienes Perl instalado en un servidor, puedes utilizarlo fácilmente para encontrar y sustituir texto en diferentes documentos. Incluso si no tienes acceso como root podrás hacerlo, sólo necesitar acceder vía SSH.

Pero veamos un ejemplo simple para entender esta función. Si quieres reemplazar la palabra “capitan” por la de “general” en todos tus archivos html, sólo tienes que escribir en la linea de comandos:

perl -pi -e “s/capitan/general/g;” *.html

Y eso es todo. Sencillo ¿verdad? Perl buscará dentro de todos los archivos con extensión html que estén registrados en el directorio especificado. Recuerda esta función, porque aunque no lo parezca podrías necesitarla a menudo, especialmente si mantienes un servidor Web o te dedicas a la programación.

Fotografía | www.flick.com

¿Cómo convertir mis archivos de HTML a PHP?

Pregunta: ¿Cómo convertir mis archivos de HTML a PHP?

Respuesta: Si cambias las extensiones de los archivos que conforman tu Web te encontrarás múltiples problemas. Tu posicionamiento en buscadores (PageRank) se verá fuertemente afectado, además de que las páginas de tu dominio mostrarán el error de conexión 404.

Para hacer este cambio, lo mejor es que crees un archivo .htaccess que reescriba tus páginas automáticamente, para ello deberías emplear un código como este:

AddType application/x-httpd-php .php .htm .html
AddHandler x-httpd-php .php .htm .html

Una vez tengas un archivo .htaccess con este código, guárdalo en el directorio raíz o root. Desde ese momento, los scripts PHP se ejecutarán desde las páginas html, con lo que no es necesario cambiar las extensiones de los archivos.

Fotografía | www.flickr.com

¿Cuál es la forma correcta de emplear HTML en el diseño de mi página?

Pregunta: ¿Cuál es la forma correcta de emplear HTML en el diseño de mi página?

Respuesta: Según las buenas prácticas de desarrollo Web, el diseño de una página siempre debería ser independiente de su estructura. Esto significa que siempre que sea posible, el diseñador debería evitar emplear HTML.

Sin embargo, existen diferentes tags de presentación en HTML, como la etiqueta “b” para los caracteres en negrita o “i” para la cursiva. Emplear estos tags de presentación es totalmente aceptable. Así que, en la definición de la estructura de un documento utilizando HTML, el significado del contenido también puede ser personalizado empleando estos tags.

Pero lo que se considera totalmente incorrecto (desde el punto de vista de la eficiencia del desarrollo de páginas Web) es utilizar las funcionalidades de este lenguaje (como por ejemplo la etiqueta “font color”) para definir la apariencia del texto. ¿Por qué? Porque los tags de HTML son válidos y existen únicamente para dar soporte a páginas Web antiguas que fueron diseñadas antes de que las hojas de estilo (CSS) comenzaran a tomar popularidad.

Fotografía | www.flickr.com

Ventajas de usar CSS en páginas Web

Son varias las ventajas de utilizar Cascading Style Sheets (CCS), pero hay algunas consideraciones técnicas que se deben tomar en cuenta con antelación si eres administrador de una página Web. Originalmente, las páginas Web eran en la mayoría texto e imágenes, excluyendo menús y otras funciones dinámicas. A lo largo del tiempo se han ido creando diseños que se basaban más en estilos, temas y tablas.

CSS permite a los diseñadores de páginas Web utilizar métodos para crear estructuras tratando los estilos por separado. Los motores de búsqueda revisan las tablas dos veces, con la primera pasada analizan la estructura y con la segunda determinan su contenido. Pero eso no es todo, lo más importante es que utilizar CSS reduce el tiempo de renderización, ofreciendo al cliente una conexión más rápida y eficiente.

Además, los documentos HTML que emplean CSS son más pequeños, ya que el diseño del estilo es reutilizado continuamente, de hecho, la mayoría de veces se implementa una sola vez en un solo archivo. Como podéis ver, emplear CSS para nuestra página incrementa la velocidad de transmisión de la información de los contenidos, lo cual favorece tanto a los clientes como a los dueños de la página y a los administradores del servidor Web.

Fotografía | www.flickr.com

Diseño web: diferencias entre PHP y HTML

Pregunta: ¿Cuáles son las diferencias entre PHP y HTML?

Respuesta: Muchas veces, a la hora de ponerse a diseñar una página web de manera más autónoma y/o autodidacta uno suele caer en un absurdo miedo cuando ve eso del HTML y el PHP. Y digo absurdo porque una vez que te pones, ves que no es tan complicado… incluso por momentos es fácil. Algún día hablaremos más en profundidad de ambos códigos; de momento comentaremos las diferencias que tienen. Si aún así lo queréis más fácil, siempre podéis recurrir a los editores web que te ofrecen los servicios de hosting.

HTML es el lenguaje básico de cualquier página web. Si una web careciera de hoja de estilos (o CSS, de las cuales ya hablaremos también) lo que se vería sería básicamente lo que nosotros hemos escrito en un procesador de textos (el bloc de notas, por ejemplo) con HTML. Las hojas de estilos son lo que le dan la “apariencia” a la web. PHP es el lenguaje que te permite realizar procesos en el servidor. Pondremos un ejemplo simple y claro para que lo entendáis: en una web, con HTML tú puedes crear un enlace. Lo que ocurriría una vez creado el enlace al clicarlo lo definirá el PHP… ¿sí?. Tú con HTML creas un enlace a los comentarios de una entrada de un blog, por ejemplo, y PHP es lo que se necesita para que, al clicar en eso, te lleve a los comentarios. Más claro, agua.

Imagen | www.guapacho.net