Nvu: un editor WYSIWYG HTML y CSS gratuito

¿Buscas una alternativa gratuita a Microsoft Expression Web o Dreamweaver? Nvu es un editor CSS y HTML WYSIWYG de código abierto y gratuito, además va acompañado de documentación muy completa y su comunidad online da mucho soporte.

Nvu lleva integrado un administrador de archivos que soporta Windows, Mac Os X y Windows. Está diseñado especialmente para los webmasters que están iniciándose, pero es perfecto también para los usuarios más avanzados.

Aquellos que estén familiarizados con Frontpage o con Web Expressiones podrán exprlorar muy fácilmente su interfaz. Se trata de un programa sencillo y útil, así que puede que quien busque algo mucho más potente se quede con ganas de más. Sin embargo, antes de hacer una inversión de cientos de euros en un programa privativo cmo Dreamweaver, te recomiendo que le eches un vistazo a Nvu.

5 trucos de diseño para acelerar tu Página Web

Es muy frustrante para los usuarios de nuestras páginas Web que tengan que esperar a que la página acabe de cargarse. Cada día la velocidad de transferencia de información es más importante para tener éxito en las nuevos medios. A continuación os traemos 5 consejos de diseño de páginas Web que acelerarán la carga de sus contenidos:

• Imágenes: Optimizar las imágenes que aparecen en tu Web es uno de los aspectos más importantes. Un buen método es evitar usar imágenes que ocupen más de 10Kb.
• Utiliza CSS: Separar el estilo visual de la web de los contenidos es imprescindible. Conoce las ventajas de emplear CSS en tu página Web.
• Reduce las llamadas http al servidor: Combinando todos los archivos necesarios para cargar una página (ej. todo el código javascript en un mismo fichero externo y todo el código css en otro fichero externo) reducirlas as llamadas http drásticamente.
• El tamaño importa: Si una página es pequeña y el código que emplea es poco, se cargará antes, esto es mas que obvio.
• Combina tus imágenes en sprites (con CSS): Esta técnica es fundamental, ya que permite combinar múltiples imágenes en una sola, y utilizando propiedades de CSS como “imagen de fondo” y “posición de la imagen” puedes mostrar solamente las partes relevantes de la imagen total.

Mañana hablaremos de este último método, y explicaremos como convertir imágenes en sprites para acelerar el rendimiento de nuestra Web.

Vía | www.digimode.co.uk
Fotografía | www.flickr.com

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

Arcsin: Las mejores plantillas CSS y XHTML para diseñar tu página Web

Existen muchas páginas en Internet donde podemos encontrar plantillas HTML y temas gratuitos para crear todo tipo de páginas Web. Hace poco descubrí Arcsin.com, un ejemplo de calidad y profesionalidad en sus diseños CSS y XHTML, y además es ¡totalmente gratis y libre de derechos!

si accedéis a la página Arcsin.com encontraréis varios diseños Web organizadas en diferentes secciones: Plantillas Web, Temas de Worpress, Plantillas Profesionales, Plantillas de Blogger y, por último, Plantillas Joomla. Veamos a continuación algunas de las características de cada uno de estos tipos de diseños:

• Plantillas Web: En esta sección encontraréis diseños más genéricos que pueden servir para páginas Web muy variadas.
• Temas WordPress: Supongo que ya te imaginas de qué van estos diseños. Si tienes un blog en WordPress te aconsejo que te pases por esta sección. Encontrarás maravillas.
• Plantillas profesionales: Estos diseños están más orientados a compañías o contenidos promocionales. La mayoría muestran un diseño sobrio y elegante, con una página principal pensada para dar a conocer diferentes servicios empresariales, a modo de presentación. Una opción perfecta para empresas.
• Plantillas Blogger: Arcsin ofrece 17 plantillas Web para cambiar el diseño de tu página de Blogger, la plataforma de blogs de Google. Aunque los diseños no son increíbles, son una buena forma de marcar la diferencia de nuestro blog, huyendo de los diseños predeterminados de Blogger.
• Plantillas Joomla: Diseños originales para el sistema de administración de contenidos de código abierto más famoso del mundo, Joomla! Antes de lanzarte a utilizar este sistema, te aconsejo que leas un breve artículo que podría resolver muchas de tus dudas: ¿Debería usar Joomla en mi página Web?

Sien embargo, puede que estés planeando el aspecto de tu página y que no quieras tomar plantillas Web ya creadas por otros. Quizás prefieras crearla tu mismo para ser más original que nadie. Aunque sea así, te aconsejo que te des una vuelta por esta página, podría inspirarte. Y, por otro lado, no descartes la posibilidad de modificar plantillas ya creadas, te ahorrarás tiempo y algunos dolores de cabeza.

Los primeros pasos para crear una página Web

Antes de que decidas crear tu própia página Web, debes evaluar cómo de preparado estás para ello. Si ya has realizado algunas páginas y tienes experiencia con XHTML y CSS, puedes pasar al siguiente paso. Si es tu primera vez, deberías comenzar por aprender lo básico.

El segundo paso es decidir si quieres que la página sea dinámica o estática. Si quieres que sea lo más interactiva posible o dinámica, deberías elegir un administrador de contenidos (cms). Algunos proveedores de Hosting para páginas Web instalarán cms por ti, así que no tienes que preocuparte demasaido de ello.

Por último, necesitas configurar algunas normas de administración y actualización de la página para que se realicen estas tareas con regularidad. Ya terminaron aquellos maravillosos días en que creabas una Web y la dejabas allí olvidada sin actualizaciones ni mantenimiento ni tantos quebraderos de cabeza. Hoy en día, tu página tiene que estar siempre a la última.

Por otra parte, si no tienes experiencia en diseñar páginas, no puedes permitirte pagar a nadie y no piensas perder el tiempo aprendiendo algo que en realidad no te interesa, puede que no sea un problema (como probablemente habías pensado). Si tu proveedor de hosting instala cms por ti, sólo tendrás que descargar una plantilla que te guste y ¡voilà! tu Web estará lista. Si está opción te parece insensata, o directamente no te gusta, existen diversos programas de creación Web que quizás te interesen.

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