La experta en diseño web pasó 30 minutos llorando después de tener que reiniciar un proyecto que ella misma había codificado. Carla Rover tiene una startup que crea modelos de aprendizaje automático personalizados para comercios online, pero necesitaba ser más eficiente.

La desarrolladora web ha comprobado que lidiar con el código generado por IA puede ser "peor que estar de niñera". Los agentes de inteligencia artificial pueden arruinar horas de trabajo en apenas unos segundos, y lo más peligroso es que puede romper un código de miles de maneras impredecibles.

Más lenta y con más errores que un niño de primaria 

Rover recurrió a un agente de codificación de IA para agilizar su negocio. “Como necesitaba ser rápida, tomé un atajo y no escaneé unos archivos después de la revisión automática. Cuando lo hice manualmente, encontré muchos errores. Cuando usé una herramienta de terceros, encontré más. Y aprendí la lección”, comenta a TechCrunch.

La mujer y su hijo terminaron reiniciando todo el proyecto por completo, de ahí las lágrimas. "Lo delegué como si la IA fuera un empleado. No lo es", lamenta la desarrolladora web. La herramienta solo era capaz de reescribir el código en base a otro existente.

Carla Rover ha descubierto una realidad que empieza a ser habitual entre los desarrolladores web. Cada vez más expertos critican que dedican una elevada cantidad de tiempo a corregir el código generado por IA, en muchas ocasiones es más eficiente diseñarlo desde cero.

Los agentes de IA se equivocan demasiado

La IA de programación aún tiene un largo camino por delante. La desarrolladora web ha sido clara tras utilizar la inteligencia artificial en su startup: "No puedes delegar una tarea así por completo".

“Tienes que pedirles 15 veces que hagan algo. Al final, hacen algunas cosas que le pediste, otras que no pediste, y rompen un montón de tareas por el camino”, comenta Carla Rover tras probar diferentes herramientas de IA para su negocio.

Los desarrolladores lo han dejado claro, las herramientas de programación al estilo de Codex de ChatGPT pueden ejecutar comandos, analizar código, detectar fallos y reescribir secuencias, pero tienen ciertas limitaciones. 

La inteligencia artificial no puede superar a los programadores profesionales por el momento debido a un motivo muy simple: los agentes de IA no pueden completar proyectos enteros, sino pequeñas tareas independientes.

Otros artículos interesantes:

• OpenAI revela su secreto mejor guardado: quién usa ChatGPT, y para qué
• Cómo dirigir una conversación con ChatGPT para evitar el molesto “¿Quieres que…?” que todo el mundo odia

Se llama Uiverse.io y está disponible de forma gratuita desde este enlace, aunque lo mejor es registrarse con tu cuenta de Google o GitHub para acceder a funcionalidades increíbles, como competir en diferentes retos con tus propias creaciones.

Todo en la página ha sido creado por una extensa comunidad de diseñadores y tiene la gran ventaja de encontrarse bajo la licencia MIT, es decir, que permite a cualquier usuario usar el contenido, así como modificarlo o distribuirlo, sin restricciones en derechos.

Esta licencia es una de las más populares en el ámbito del código abierto, muy recurrente en entornos como GitHub, para que cualquier proyecto mejore gracias a los aportes de la comunidad.

En el caso de Uiverse.io, no solo te ofrece acceso a una biblioteca inmensa de recursos, desde botones para compartir en redes sociales hasta elementos muy vistosos para tu proyecto, sino que también cuenta con un blog especializado en consejos sobre diseño y diferentes lenguajes de programación.

Así puedes usar esta herramienta imprescindible y gratuita si estás comenzando un proyecto, pero el diseño no es lo tuyo.

Todo lo que puedes hacer con Uiverse.io

Seguramente hayas comenzado el diseño de tu nuevo sitio web o blog, pero no sepas qué elementos gráficos introducir para que resulte más atractiva o accesible. Por ejemplo, podrías usar los típicos botones para llevar a tus otras redes sociales o, directamente, optar por esta herramienta.

En ella, una de las categorías principales son este tipo de botones interactivos, con posibilidades increíbles y muy profesionales, que llevarán a tu audiencia a Discord, YouTube, Facebook y otras. Simplemente tendrás que elegir la que más te guste.

Además de esta categoría, también aparecen elementos como botones interactivos, en caso de que necesites ofrecer permisos para tu web, de forma que no queden tan simplemente, así como elementos de carga de una web e incluso un hámster corriendo en su rueda sin parar.

En definitiva, cuenta con importantes categorías que no solo abarcan botones interactivos, sino también widgets que pueden identificar tu negocio o también ofrecer información como el tiempo que hará en la región de tu negocio, por ejemplo, si tienes un restaurante.

En lo que tiene que ver con su editor, al llevar licencia MIT, podrás revisar el código, tanto en HTML como en CSS, así como editar y crear nuevas variaciones del elemento. Todo ello con la ventaja de poder copiarlo directamente en el editor de tu web o blog.

Por si no fuera suficiente, también permite guardar una colección en tus favoritos, copiar el diseño en Figma –una herramienta basada en la nube de diseño colaborativo– o exportarlo a React, Vue, Svelte y Lit, frameworks y librerías de JavaScript para crear UIs interactivas.

Básicamente, es lo mismo que contar con una web de imágenes libres de derechos, pero con el objetivo de ofrecer elementos interactivos imprescindibles en el ámbito del diseño.

Otros artículos interesantes:

• Cansado de Google Drive, he probado FileZilla para transferir archivos: es gratis y de código abierto
• 10 herramientas de código abierto que te ayudarán a ser mejor programador

El formato PNG, Portable Network Graphics (Gráficos de Red Portátiles), nació en 1996 para superar las deficiencias del estándar GIF en aspectos como la profundidad del contraste, a la hora de transmitir archivos gráficos en una red.

Es el formato más usado en páginas webs y aplicaciones online, pero hace 22 años que no se actualizaba... hasta hoy. Acaba de recibir una actualización que integra las últimas novedades tecnológicas, y hay programadas dos más con otras mejoras.

Las novedades de la actualización de PNG en 2025

Adobe, Apple, BBC, Comcast / NBCUniversal, Google, MovieLabs, y el consorcio W3C llevan tiempo trabajando en nuevas características que se han integrado en PNG.

Quizá te choque ver medios televisivos como la BBC o NBCUniversal: a partir de ahora en esos medios vas a ver rótulos y barras de mensajes informativos en un glorioso HDR, gracias a esta actualización de las imágenes almacenadas en PNG.

La primera novedad es este mencionado soporte HDR, supervisado por Chris Lilley, uno de los creadores originales del formato PNG. Ha sido diseñado para poder soportar futuros formatos HDR.

La segunda gran mejora es que, oficialmente, el estándar ya reconoce los APNG, es decir, las imágenes animadas, como hace GIF. A partir de ahora vas a poder guardar tus memes y animaciones cortas en un fichero de imagen PNG, sin tener que recurrir a GIF, que ocupa más.

La nueva actualización también añade el soporte Exif. Con esta mejora se van a poder guardar datos dentro de la imagen, como información de copyright, formato de lentes, localización GPS de una fotografía, o lo que queramos.

El nuevo formato PNG modernizado se acaba de integrar en aplicaciones como Chrome, Safari, Firefox, iOS/macOS, Photoshop, DaVinci Resolve, y Avid Media Composer. Y numerosas marcas de hardware han confirmado su inclusión.

La Tercera Edición del estándar PNG ya está disponible

Lo mejor de todo es que ya tienen previstas dos nuevas actualizaciones, que llegarán en los próximos meses.

En la próxima actualización, llamada Cuarta Edición, mejorará la interoperabilidad HDR y SDR (rango dinámico estándar). En la Quinta Edición de PNG tienen previsto mejorar la compresión para reducir el tamaño de los ficheros. También están trabajando en la codificación y descodificación paralelas.

El clásico formato PNG vuelve a la vida y se moderniza, para confirmarse como la referencia en el ámbito de las imágenes online. Tienes más información de todas las novedades en este documento del W3C.

Otros artículos interesantes:

• ¿Hay diferencias entre los formatos JPG y JPEG?
• Formas muy sencillas y rápidas de crear tus propios GIF animados para enviar por WhatsApp

Una página web es básicamente una aplicación creada con un lenguaje de programación, que funciona en el navegador. Y como la IA generativa ya sabe programar, sabe generar imágenes y texto, ofrece todo lo necesario para crear una web.

La IA del servicio de hosting WordPress.com para generar páginas web hace su trabajo, pero he estado probando un poco, y seguramente tendrás que retocar bastante hasta obtener lo que necesitas.

Así funciona WordPress AI Web Builder

Para usar esta IA generativa de páginas web, lo único que necesitas es crear una cuenta gratuita con WordPress.com. Basta un email. La herramienta funciona directamente en el navegador. Puedes acceder a ella desde este enlace a WordPress AI Web Builder.

Básicamente, funciona como ChatGPT u otras IA generativas: solo tienes que ordenarle lo que quieres, mediante frases. Cosas como "Crea una página web de una tienda de legumbres" o "diseña un blog de videojuegos".

La herramienta está en inglés, pero puedes escribir los prompts en español, los entiende. Por desgracia genera la web con textos en inglés, pero si los seleccionas y dices: "Traduce este texto al español", lo hace:

En los ejemplos que he estado probando, una Tienda de legumbres y otra de tuercas, el resultado ha sido bastante aceptable.

LA IA genera la web según su temática. En el caso de una tienda, te pide la localización y genera bloques sobre Cómo llegar, Quienes somos, e incluso opiniones de clientes. Te da a elegir entre diferentes diseños relacionados.

Con las fotos ha sido más complicado. He insistido en que todas las fotos incluyan tuercas, pero lo único que he conseguido es que una incluya tornillos, como se ve en la imagen anterior.

Es posible seleccionar un bloque y pedirle que cambie el tipo de letra, el contenido, que añada un enlace de Instagram, etc. 

Finalmente, puedes editar manualmente lo que quieras, como en un editor web convencional, para que quede todo a tu gusto.

La versión gratuita admite 30 prompts para generar la página web. Si necesitas más, tienes que contratar un plan de hosting para almacenar la página y publicarla online.

WordPress AI Web Builder, la IA generativa para crear páginas webs, aún está poco madura, pero funciona bien. Anticipa un futuro sin plantillas, sin programación, y casi sin diseñadores web...

Otros artículos interesantes:

• Cómo traducir una página web en Chrome
• Cómo convertir un documento Word en una página web

Los bancos de imágenes como Getty Images y Shutterstock venden fotografías, ilustraciones y otro contenido, y pagan una comisión a los autores de las fotos. Pero la IA generativa ha roto este esquema de negocio, porque ahora cualquiera puede generar sus propias imágenes, con un acabado profesional.

La solución pasa por integrar herramientas de inteligencia artificial en su catálogo, a costa de perjudicar a los fotógrafos e ilustradores. Aun así es un cambio profundo, que requiere una gran inversión, por eso Getty Images y Shutterstock han decidido fusionarse.

Shutterstock desaparece para siempre

No se trata de una fusión al 50%, ya que las acciones de Getty tenían más valor. La nueva empresa, que se llamará Getty Images Holdings, está formada por un 54,7% de acciones de Getty Images, y un 45,3% de acciones de Shutterstock. Tendrá un valor de 3.700 millones de dólares.

El actual CEO DE Getty Images, Craig Peters, será el CEO de la nueva compañía fusionada. En la mesa de la junta directiva se sentarán Craig Peters, seis directivos de Getty y cuatro de Shutterstock, entre ellos su actual CEO, Paul Hennessy.

El Presidente del Consejo de Administración de la empresa combinada será Mark Getty, actual Presidente de Getty Images.

"Con el rápido aumento de la demanda de contenidos visuales, nunca ha habido un mejor momento para que nuestras dos empresas se unan. Al combinar nuestras fortalezas complementarias, podemos abordar mejor las oportunidades de los clientes", dice Craig Peters, CEO de Getty Images, en el comunicado.

"Esperamos que la fusión produzca valor para los clientes y accionistas de ambas empresas al capitalizar atractivas oportunidades de crecimiento para impulsar los ingresos combinados, acelerar la innovación de productos, realizar importantes sinergias de costes y mejorar el flujo de caja", añade Paul Hennessy, CEO de Shutterstock.

La fusión de Getty Images y Shutterstock está pendiente de la revisión de las autoridades antimonopolio, ya que se trata de las dos grandes empresas del sector. Juntas intentarán resistir a las amenazas de la inteligencia artificial, integrándola en su oferta. Los clientes de ambas empresas ya pueden generar fotos con una IA propia, o modificar las existentes en su banco de imágenes e ilustraciones.

Otros artículos interesantes:

• Soy reviewer y estos son mis 7 trucos para editar tus retratos en Google Fotos
• ¿Escuchar para ver? La IA que convierte sonidos en imágenes callejeras precisas

Por esta misma razón es que las habilidades de los desarrolladores se ha vuelto algo indispensable para muchas empresas de tecnología, posicionándose como una de las profesiones mejor pagadas del mundo.

Ahora, durante 2025 hay varias tendencias de especialidades sobre esta carrera que son de alta demanda y están asociadas con los últimos avances.

A lo largo de este artículo, verás cada una de esas técnicas y cuál es el salario aproximado que se puede tener con ellas.

• Desarrollador de software en la nube
• Ingeniero DevOps ROO/RIO
• Ingeniero Principal
• Desarrollador de software Outsystems
• Desarrollador de IA y Aprendizaje Automático

Desarrollador de software en la nube

Los servicios en la nube son cada vez más importantes, ya que en un futuro podría ser lo único que se utilice. 

Además, también se están creando varias plataformas de Cloud Gaming que serán muy relevantes en unos años, como Amazon Luna, NVIDIA GeForce NOW o Xbox Cloud Gaming.

Un desarrollador de este tipo de software se encarga de crear y mantener aplicaciones con una infraestructura de lenguajes AWS, Azure o Google Cloud. 

En este caso, se requiere de 2 a 5 años de experiencia para obtener un puesto y el salario mensual va de los 3.300 euros a los 6.700 euros.

Ingeniero DevOps ROO/RIO

El Ingeniero DevOps ROO/RIO es otro de los que tendrán una gran repercusión durante 2025. Esta especialidad se centra en automatizar y optimizar los despliegues con ROO y RIO para crear operaciones en los softwares.

Entre las actividades que deben realizar, está la programación de tareas repetitivas, gestión de la nube, prácticas de integración y entrega, resolución de errores y más. 

En cuanto a la experiencia, suele requerir más de 5 años de conocimientos en Kubernetes, Docker, Ansible u otros similares. El sueldo puede rondar entre los 4.600 euros y 8.300 euros.

Ingeniero Principal

El ingeniero principal es uno de los cargos más importantes de la industria y para este año eso no cambiará. 

Se trata de un profesional con experiencia de más de 8 años y conocimientos avanzados que suele ser el líder de un equipo de desarrolladores. 

Más allá de la organización, la estructuración del software general y la resolución de problemas, también se encarga de ser el mentor de los programadores de menor rango y garantiza la entrega óptima del proyecto completo. 

En este ámbito, se suelen solicitar técnicas Full-Stack, más que todo, los lenguajes de programación Java, Python o .NET. Las ganancias mensuales pueden ser de 5.800 euros a 10.000 euros.

Desarrollador de software Outsystems

Los especialistas en Outsystems, la plataforma que permite crear apps empresariales con low-code. 

Esta es una de las formas de desarrollo que no requiere de grandes cantidades de código, ya que se realizan los proyectos con modelado de datos, creación de interfaces e integración de sistemas.

Los desarrolladores de este tipo deben tener una experiencia de 3 a 6 años y ganan entre 3.800 euros y 6.300 euros.

Desarrollador de IA y Aprendizaje Automático

No es una sorpresa que la inteligencia artificial se encuentre entre una de las tecnologías con más demanda y es que ya se está empleando en muchas áreas. 

Lo cierto es que hay mucho por hacer con el desarrollo de algoritmos y modelos IA como ChatGPT, Gemini o Copilot. De hecho, esta profesión seguro que será cada vez más importante durante las próximas décadas.

Para este cargo, se necesitan más de 4 años de experiencia con Python, TensorFlow, PyTorch u otras herramientas relacionadas con la IA. El sueldo ronda los 5.000 euros y 9.200 euros.

Sin duda, actualizar tus conocimientos con base en estas nuevas tendencias laborales de desarrollo te convertirá en un profesional de alta categoría durante 2025 e incluso los siguientes años.

Otros artículos interesantes:

• El futuro de la programación en la era de la IA: ¿Acabará con la creatividad humana y nos hará más dependientes de la tecnología?
• Ahora que la IA escribe código: ¿merece la pena estudiar programación?

Esta obligación de Microsoft 365, también tiene la capacidad de proporcionarte una página web a raíz de un archivo .docx.

Aunque parece una locura, todo es gracias a que está vinculado con Microsoft Sway, una plataforma que permite generar presentaciones interactivas, adaptando tu documento a una plantilla para compartirlo públicamente. 

Lo mejor de todo es que es gratis y no requiere código HTML, CSS o JS. Además, solo tienes que invertir unos minutos para transformarlo. Sin más que decir, en este artículo encontrarás todo lo que necesitas para hacer tu propia página web desde cero.

Cómo hacer una página web gratis con Word y Microsoft Sway

Si te preguntas por los requisitos, solo es necesario que cuentes con una de las versiones más actuales de Microsoft Office.

Por supuesto, también es necesario que tengas el documento estructurado con títulos, párrafos e imágenes. Esto es recomendable para que tengas un borrador al pasarlo al modo página web.

Pues bien, una vez que lo tengas listo, haz clic en la opción de Archivo que está en la esquina superior izquierda y presiona en Transformar.

De este modo, Word te llevará nuevamente a la página de redacción, pero aparecerá una barra al lateral derecho de la pantalla, donde deberás escoger una plantilla básica que te guste y pulsar el botón de Transformar>Transformar.

Tras hacer lo anterior, tendrás que poner tus datos para iniciar sesión en tu cuenta de Microsoft. Después, te llevará inmediatamente a la página que se ha creado y podrás compartirla con cualquiera. 

Si presionas el botón de Editar que está en la esquina derecha, accederás a todos los apartados editables e incluso podrás cambiar el diseño para darle un nuevo estilo a la página.

En el caso de que necesites eliminarla de Microsoft Sway, tendrás que hacer clic en las opciones y acceder a Mis Sways. Aquí te aparecerán todas las páginas que has creado. Con tan solo presionar el icono de los tres puntos y tocar el icono de basura, se eliminará.

¡Listo! Como ves, no es nada complicado y tampoco hay que invertir tanto tiempo para crear el sitio web que siempre has deseado.

Otros artículos interesantes:

• Estas son las funciones básicas de Excel que todo usuario debería conocer
• Cómo mover, reordenar y reorganizar páginas en un documento de Microsoft Word

Entre estos términos se encuentran los archivos OPUS, una opción de alta calidad en el ámbito del audio que busca establecerse como el nuevo estándar en la industria profesional. 

Asimismo, te puedes topar con los archivos HEIC, que son una solución eficiente para almacenar imágenes de alta calidad sin ocupar demasiado espacio de almacenamiento. 

Pero entre todos estos términos, hay uno que destaca especialmente si trabajas en el ámbito del diseño gráfico o la edición de imágenes, se trata de los archivos EPS.

Los archivos EPS y su importancia en el diseño gráfico 

Desarrollado por Adobe a finales de los años 80, un EPS es un formato que almacena imágenes utilizando gráficos vectoriales, lo que significa que la imagen se define por líneas, puntos y curvas en lugar de píxeles. Esto permite escalar la imagen a cualquier tamaño sin perder calidad, algo esencial para logotipos, ilustraciones y otros elementos gráficos que se utilizan en diferentes tamaños.

Es especialmente útil para diseñadores gráficos y profesionales que trabajen con imágenes. Su capacidad para almacenar gráficos vectoriales permite escalarlos sin pérdida de calidad, lo que significa que puedes imprimir tu logotipo en una tarjeta de visita o en una valla publicitaria sin preocuparte por un efecto pixelado.

• Diseño gráfico: EPS es el formato preferido para crear logotipos, iconos, ilustraciones y otros elementos gráficos que se utilizarán en diferentes tamaños y medios.
• Impresión: La calidad vectorial de estos archivos los hace perfectos para la impresión, ya que garantizan una reproducción nítida y precisa en cualquier tamaño.
• Edición de imágenes: EPS se puede utilizar para editar imágenes en programas de edición de imágenes como Adobe Photoshop e Illustrator.
• Web: Aunque los formatos de imagen web como JPEG y PNG son más comunes, algunos sitios web y plataformas de comercio electrónico pueden aceptar archivos EPS para logotipos e imágenes de alta calidad.

¿Cómo se abre y edita un archivo EPS?

Para abrir y editar archivos EPS, es necesario contar con software de edición de gráficos compatible con el formato PostScript, como Adobe Illustrator o Adobe Photoshop. Ambas herramientas proporcionan una amplia gama de funciones y capacidades de edición que permiten a los diseñadores trabajar con EPS de manera eficiente.

No obstante, también es posible visualizar y editar archivos EPS en programas de código abierto como Inkscape o GIMP. Aunque estas apps no son nativamente compatibles con este formato, se pueden utilizar complementos y herramientas adicionales para agregar soporte completo y permitir su apertura y edición.

Aunque existen otros formatos vectoriales como AI o SVG, el EPS sigue siendo una opción popular por varias razones. 

En primer lugar, su compatibilidad con impresoras PostScript garantiza una reproducción fiel de los colores y detalles de tus diseños. Además, al ser un formato más antiguo, es ampliamente aceptado en la industria gráfica y es compatible con una mayor variedad de software.

Otros artículos interesantes:

• Qué es un archivo TS, para qué sirve y cómo abrirlo en Windows 11
• FAT, exFAT, NTFS, APFS o Ext4: resolvemos todos los misterios de los sistemas de archivos

Afortunadamente, existen numerosas plataformas que ofrecen un espacio para crear tu web con una variedad de funciones y diseños a elegir. Lo que es perfecto si no tienes conocimientos técnicos o un presupuesto elevado.

Es importante tener en cuenta tus preferencias. Si necesitas una web con unas pocas páginas, un plan gratuito puede ser suficiente. Sin embargo, si necesitas un sitio más complejo, es posible que debas pagar una suscripción.

Sea cual sea tus necesidades, en este artículo te compartimos una lista con los 10 mejores sitios para que puedas crear tu propia web, sin necesidad de gastar dinero ni tener conocimientos en diseño web. 

Wix

Con Wix, puedes elegir entre cientos de plantillas profesionales diseñadas para diferentes tipos de sitios web, incluyendo blogs, tiendas en línea, portafolios y más. 

Además, cuenta con un editor de arrastrar y soltar que te permite personalizar fácilmente el diseño y la apariencia de tu página. Ofrece una amplia gama de complementos que puedes añadir para agregar funcionalidades, como formularios de contacto, galerías de imágenes, integración con redes sociales y más. 

Wix también ofrece opciones de alojamiento confiables y seguras, por lo que puedes estar seguro de que tu sitio estará disponible en línea en todo momento.

WordPress

WordPress es otra opción muy popular que te permite crear un sitio web de forma gratuita. Tienes acceso a una amplia variedad de temas gratis y de pago para personalizar el diseño y la apariencia de tu sitio. 

Cuenta con una gran comunidad de usuarios y desarrolladores que están siempre dispuestos a ayudar y ofrecer soporte si tienes alguna pregunta o problema.

Es una plataforma de gestión de contenido que te ofrece la posibilidad de crear sitios web de todo tipo, desde blogs personales hasta profesionales. WordPress es, sin duda, una de las mejores opciones para crear tu propia página web.

Weebly

Weebly es conocido por su facilidad de uso y sus herramientas intuitivas, ya que puedes crear tu web profesional en cuestión de minutos, incluso si no tienes experiencia previa en diseño web. 

Este servicio ofrece una amplia variedad de plantillas y herramientas de personalización que te permiten crear un sitio único y atractivo en cuestión de minutos.

Jimdo

Otra opción interesante es Jimdo, donde puedes escoger entre una variedad de diseños profesionales y personalizarlos a tu gusto con solo unos clics. 

Además, te ayuda a optimizar tu sitio web para los motores de búsqueda con herramientas de SEO integradas, y te permite vender productos en línea con opciones avanzadas de comercio electrónico. 

Jimdo es la solución ideal si quieres tener tu propia página web de forma rápida, sencilla y eficaz, pero sobre todo, sin invertir ni un solo euro.

Webnode

Webnode es conocido por su simplicidad y facilidad de uso, ya que ofrece una amplia variedad de plantillas modernas y adaptables que se pueden personalizar según tus necesidades. 

Puedes crear una web profesional gratis sin la molestia de descargar o instalar nada en tu dispositivo. El editor intuitivo te permite agregar diferentes tipos de contenido con solo unos clics. 

Además, si quieres invertir un poco más en tu proyecto, puedes obtener un dominio gratuito durante un año al comprar un plan Premium Mini o superior.

Google Sites 

Con Google Sites puedes elegir entre una variedad de temas y utilizar las herramientas de arrastrar y soltar de Google para crear un sitio web personalizado. 

Es una excelente opción para sitios de equipo, páginas de proyectos o sitios de eventos. Sea cual sea tu temática, se adaptan automáticamente a diferentes dispositivos, asegurando que se vean geniales en ordenadores, tabletas y móviles. 

Tiene edición en tiempo real, similar a Google Docs. Ya sea que estés mostrando el trabajo de tu equipo o creando un sitio informativo, Google Sites simplifica el proceso sin necesidad de habilidades de programación o diseño.

Strikingly

Strikingly se especializa en la creación de webs gratis de una sola página que son modernos y elegantes. Ofrece una selección de plantillas bien diseñadas que se pueden personalizar con facilidad. 

Además, cuenta con características únicas como la capacidad de crear una tienda en línea o añadir formularios de contacto y galerías de imágenes.

Blogger

Con una interfaz intuitiva y fácil de usar, Blogger te permite comenzar a publicar contenido en línea en cuestión de minutos. 

Aunque su enfoque principal es el blogging, también puede ser utilizado para crear sitios web básicos con opciones de personalización limitadas pero funcionales.

Además, al ser propiedad de Google, ofrece ventajas como hosting gratuito, integración con otras herramientas de Google como Google Analytics y Google AdSense, y una optimización básica para motores de búsqueda. 

Esto hace que sea una opción atractiva si buscas una solución simple y sin complicaciones para lanzar tu propia web personal.

Carrd

Otra opción interesante es Carrd, plataforma que ofrece la posibilidad de crear una web gratis, aunque también cuenta con opciones de pago para acceder a funciones más avanzadas. 

Cabe señalar que la versión gratuita proporciona herramientas básicas para construir una página web simple pero elegante, incluyendo una variedad de plantillas minimalistas y modernas para elegir y personalizar según tus necesidades. 

Además, su interfaz intuitiva y fácil de usar hace que el proceso de creación sea rápido y sencillo, convirtiéndola en una excelente opción si quieres crear tu primera página sin coste.

Yola

Yola es otra opción que podrías considerar para crear una página web de forma gratuita. Cuenta con una variedad de herramientas y características para ayudarte a construir un espacio personal sin coste alguno. 

Tienes acceso a una selección de plantillas personalizables, y a utilizar su intuitivo editor de arrastrar y soltar para diseñar tu sitio de manera rápida y sencilla, sin necesidad de tener conocimientos en diseño web.

Una de las ventajas de Yola es su facilidad de uso y su enfoque en la simplicidad. Asimismo, ofrece soporte técnico y tutoriales en línea para ayudarte en el proceso para la creación de tu web.

Si estás buscando crear un sitio web de forma gratuita con funciones avanzadas, estas 10 plataformas son excelentes opciones para empezar tu proyecto con el pie derecho.

Otros artículos interesantes:

• Cómo traducir una página web en Chrome
• El truco definitivo para saber si una página web es segura

La compañía fue creada por Jesús Encinar. Este viajó a San Francisco (Estados Unidos) para estudiar y pudo encontrar un piso en el que residir a través de la web Rentech. Pero en España no existía nada igual.

Google daba sus primeros pasos y encontrar una vivienda en España podía llegar a ser un quebradero de cabeza que implicaba recorrerse las calles de las principales ciudades.

Así que a Encinar se le ocurrió fundar un portal en el que los inquilinos y los propietarios pudieran encontrarse. Así nació idealista el 4 de octubre de 2000, que inicialmente solo incluía información de la ciudad de Madrid.

La manzana que cambió la historia: así ha evolucionado Apple con el paso del tiempo, un viaje a través de su web

Jesús Encinar fundó la web junto a su hermano Fernando y a su amigo César. Desde entonces, la compañía ha cambiado de manos e incluso se ha convertido en una de las mayores ventas del sector tecnológico español.

Veamos su historia a través de sus cambios en la web, en la que las mayúsculas, las minúsculas y los signos de puntuación son especialmente relevantes.

Jesús, un 'idealista' con una gran idea de negocio

Cuando Jesús regresó de San Francisco, ya tenía en mente la idea de crear el portal inmobiliario. Así que le contó la idea a su madre, quien le calificó como un "idealista". 

Curiosamente, Jesús se apropió del término para fundar la web junto a los ya mencionados. Su madre había dado nombre a uno de los portales inmobiliarios más importantes de Europa.

En octubre de 2020 lanzaban su web para la ciudad de Madrid y, tan solo un años después, en febrero de 2001, ampliaba sus servicios a Barcelona, la capital más importante del sector inmobiliario junto a Madrid.

Como curiosidad, idealista en sus inicios nunca usaba puntos para acabar las frases, ni tan siquiera mayúsculas. Por eso mismo en su web la encontrarás siempre como idealista, en minúsculas.

A pesar de ello, la web añadió los puntos y las mayúsculas durante su trayectoria, concretamente en 2015, cuando el fondo británico Apax Partners adquirió casi la totalidad de la compañía.

El camino hacia el éxito del negocio

Durante la primavera de 2007, Idealista comenzó a operar en Italia, un gran paso para lo que vendría después: una de las mayores ventas del sector tecnológico español. La compañía se había convertido en un portal referente para el sur de Europa.

Fruto de ello, en 2010 Jesús Encinar fue considerado como uno de los 5 españoles más admirados, categoría que compartía con Amancio Ortega, el fundador de Inditex, detrás de importantes marcas como Zara.

Tan solo 3 años más tarde, y con una crisis inmobiliaria que sacudió al conjunto del sector, Idealista facturaba aproximadamente 30 millones de euros anuales.

En 2015, esto atrajo al fondo británico Apax Partners, que compró el 82,6% de las acciones a Kutxabank, Tiger Capital, Bonsai Venture Capital y a los socios fundadores, por un valor total de 235 millones de euros.

Un buen trato, ya que la valoración total de la compañía ese mismo año alcanzó los 294 millones de euros. 

Con esta adquisición, volvieron las mayúsculas y los puntos, pero el nombre de Idealista siguió en minúsculas, como una seña de identidad propia de la compañía que había revolucionado el sector inmobiliario.

Para 2018, Idealista contaba en su seno con más de 40.000 agentes inmobiliarios y conseguía más de 38 millones de visitas anuales; un año después, se convertía en la sexta web más influyente de la historia de España.

Pero aún faltarían algunas campanadas al éxito histórico de la misma: convertirse en una de las mayores ventas del sector tecnológico español.

La mayor venta del sector tecnológico español en 2020

El gran éxito de Idealista llegó a oídos del fondo sueco EQT, que el 10 de septiembre de 2020 –y tras negociaciones que duraron 18 meses– adquirió el portal por 1.321 millones de euros, una de las mayores ventas del sector tecnológico español.

Más allá de este hecho, Idealista no ha estado exenta de polémicas, ya que en 2021 la Comisión Nacional del Mercado de Valores, o CNMV, la multó con 730.000 euros por la "existencia de acuerdos entre empresas" para fijar precios en la vivienda.

Idealista nunca compartió el contenido de la resolución y llegó a recurrir judicialmente la misma, algo que aún sigue en los tribunales, según las últimas informaciones.

El portal sigue en 2023 siendo uno de los más importantes para encontrar vivienda, juntando a propietarios e inquilinos que, de otra forma, podrían tener más difícil encontrar un hogar en el que vivir.

Otros artículos interesantes:

• La empresa estandarte de España: cómo ha cambiado a través de su web Telefónica, una compañía de casi 100 años
• Google, la compañía que ha condicionado cómo buscamos en Internet

Conseguimos colarnos en millones de hogares y sobre todo, supimos darle al lector lo que estaba buscando.Con esa idea, en el año 2012 lanzamos, por todo lo alto, nuestra versión digital. Así nacía computerhoy.com en un mes de octubre donde lo más sonado en el sector era el lanzamiento del iPhone 5 del que nos hacíamos eco y Windows 8, que ya pensaba tanto en ordenadores como en tablets..

Solo en 10 años hemos conseguido transmitir nuestro entusiasmo por la tecnología a más de ocho millones de usuarios al mes. Nuestro prestigio en la calidad de los contenidos y la credibilidad de los mismos nos han convertido en prescriptores de primera línea.

Nuestra oferta de contenidos y la calidad de los mismos nos ha diferenciado del resto y ha sido clave en nuestro éxito. Y queremos seguir entusiasmando, por eso miramos los próximos años como un nuevo reto. No podemos conformarnos con lo que ya hemos conseguido, tenemos que seguir dejando con la boca abierta a vosotros, nuestros usuarios.

Así que en los próximos meses os enseñaremos nuestros siguientes pasos en la mejora de la web, tanto interna como externamente. 

Queremos celebrar nuestro 10º aniversario por todo lo alto así que el lanzamiento de nuestro nuevo logo que veis sobre estas líneas es solo el comienzo...

Estrenaremos una web con la clara apuesta de ayudarte a conocer la tecnología presente y venidera, a contarte cómo son los dispositivos más innovadores a través de nuestros análisis, a aconsejarte gracias a nuestras guías de compra sobre los mismos, e incluso dónde comprarlos... Y todo a golpe de clic.

También seguiremos informándoos en papel con nuestra revista que sigue siendo, después de 25 años, líder en el mercado. Ella también hereda este nuevo logo.

Una apuesta segura por el contenido de calidad, con la credibilidad y la profesionalidad que nos avalan estos últimos 24 años de marca Computer Hoy. Seguimos aconsejando e informando a millones de usuarios a los que les apasiona la tecnología, como a nosotros.

Porque sentimientos y emociones mueven el mundo. Y al equipo de Computer Hoy nos sigue entusiasmando esta industria. Y seguimos moviéndonos al son de la tecnología, junto a vosotros. 

Otros artículos interesantes:

• Computer Hoy ya compensa su huella de carbono, Axel Springer es una de las primeras editoriales en hacerlo
• Computer Hoy cumple 20 años, dos décadas hablando de tecnología

Por eso Genially es una propuesta interesante: ya que es una aplicación online para crear presentaciones interactivas de forma sencilla y que todo el mundo puedo aprender a usar con un par de trucos.

Con tan solo modificar los miles de plantillas (como en Wordpress) existentes cualquiera puede crear una presentación interactiva y animada en unos pocos pasos, con un acabado profesional. Y si bine cualquiera puede usar Genially a través de la cuenta gratuita, está enfocada principalmente a los diseñadores gráficos, las empresas, los medios de comunicación y la educación.

Como puedes ver en este ejemplo, con Genially puedes crear presentaciones animadas que incluyen elementos interactivos: textos, fotos, vídeos o animaciones. Resulta mucho más atractivo y divertido aprender o informarse con este sistema:

Con Geniallypuedes crear experiencias interactivas, infografías, gamificación, presentaciones de empresa, trabajos escolares, lecciones interactivas para alumnos, guía, video presentaciones, branding, o creaciones para blogs y redes sociales. Este contenido se puede integrar o embeber en cualquier web o app.

Solo tienes que crear una cuenta gratuita para empezar a experimentar, aunque también hay cuentas prémium con opciones adicionales como descargar las presentaciones en formato PDF y HTML5, o decidir si son públicas o privadas.

Si te animas a probar Genially, aquí te ofrecemos 5 trucos que te ayudarán a sacarle provecho.

Así funciona Genially

Apenas necesitas 5 minutos para aprender a usar Genially. Pero al mismo tiempo es una herramienta muy avanzada, así que hay que practicar para sacarle el máximo provecho.

Cuando entras en Genially con una cuenta gratuita, lo primero que tienes que hacer es pulsar en Crear Genially para elegir el tipo de contenido a utilizar. Tienes a tu disposición una docena de opciones, desde importar un PPT a imágenes interactivas, informes, guías, gamificación, aprendizaje, etc:

Cuando hayas elegido una opción solo tendrás que seleccionar una plantilla, y comenzar a modificarla:

Tocando en la plantilla podemos ajustar cosas en tiempo real, desde cambiar el fondo a escribir un texto, o cambiar el tamaño de los elementos. En la barra inferior hay iconos para cambiar de página, o añadir o quitar páginas.

En el lateral izquierdo (la columna en azul), están todas las herramientas y recursos. Aquí puedes añadir nuevos botones interactivos, elementos externos (mapas, vídeos de YouTube, acceso a redes sociales), así como el acceso a tus propias imágenes y vídeos.

Todo es muy intuitivo y visual.

Tu primera presentación

Crear contenido en Genially es muy sencillo. Solo tienes que elegir una plantilla, y personalizarla a tu gusto.

Para que quede perfecto, sigue estos consejos:

• Coloca tu información (texto, imágenes, videos, etc.) en diferentes capas. Así será más variada e interesante.
• Deja tus puntos clave en espacios visibles y fijos en la página, para que quede claro el mensaje que quieres dar.
• Al contrario, oculta la información secundaria en ventanas o tooltips que se abren al hacer clic en un elemento elegido de su presentación. Así no abrumarás al usuario con információn, y será el el que la descubra a su ritmo.

Sé creativo: Mezcla plantillas y personaliza al máximo

La clave para que una presentación impacte, es que tenga un toque personal. El problema de usar plantillas prediseñadas es que muchos contenidos acaban pareciéndose.

Si quieres destacar, aplica tu creatividad. Un buen truco es mezclar contenido de diferentes plantillas, ya que la herramienta lo permite: una página de aquí, una animación de allá, un fondo de este otro sitio... Así creas una plantilla única, con tu propio estilo.

También merece la pena dedicar tiempo a la personalización. Como más contenido propio insertes (texto, fotos, fondos, vídeos), más personal y original será. Aquí tienes un buen ejemplo...

Explota los elementos externos

Una de las ventajas de Genially es que es permite integrar dentro de la presentación una gran cantidad de componentes externos provenientes de redes sociales o herramientas de Google.

En una creación interactiva no solo puedes usar elementos de texto, fotos o vídeos. También es posible añadir cosas como vídeos de YouTube, mapas de Google Maps, tuits de Twitter, perfiles de Instagram, etc.

Y lo mejor de todo, es que esta información se ve exactamente igual a cómo se vería en la web original.

Aprovéchalo para darle más dinamismo a tus presentaciones, u ofrecer información.

Consulta las novedades, aprende más en la Genially Academy

Genially añade con frecuencia nuevas funciones y características que permiten crear presentaciones aún más interesantes y dinámicas. Si usas la herramienta te conviene consultar a menudo las últimas novedades. Puedes hacerlo directamente desde este enlace.

Así sabrás lo que ha cambiado y mejorado, y podrás aplicarlo a tus creaciones.

También es una buena idea aprovechar los cursos y píldoras deGenially Academy, la academia online en donde enseñan a usar la plataforma:

También tienes un montón de contenido en su canal de YouTube.

Aprenderás trucos y consejos en español, y la mejor forma de diseñar una presentación interactiva de calidad.

Otros artículos interesantes:

• LG lanza un monitor portable de 16 pulgadas con un diseño muy llamativo
• Cómo crear presentaciones online con Google Chrome

Esto ha hecho que miles de personas a lo largo de la última década se hayan tenido que aguantar hasta llegar a casa para poder ponerse a trabajar. Y, por suerte, puede que este 2021 sea el último año que suframos este molesto inconveniente. 

Adobe acaba de anunciar un servicio llamado Creative Cloud Express, el cual ofrece a los usuarios una forma rápida de acceder a los servicios de Abobe sin tener que aprender a utilizar el software de la compañía y todo a través de la nube.

Este servicio es, poca palabras, una versión reducida del software de Adobe que pretende ser sencillo e intuitivo de utilizar.

Adobe dice que Creative Cloud Express es perfecto para aquellas personas sin formación creativa pero que tienen ganas de aprender y experimentar. Por ejemplo, si solo queremos montar una imagen para una publicación en redes sociales, crear un sencillo folleto, cambiar el tamaño de una imagen...

La otra característica del servicio es que si bien los productos de Adobe han sido siempre de pago, Creative Cloud Express es de uso gratuito para todos, teniendo una suscripción de pago para desbloquear las herramientas y características más avanzadas.

El precio de esta suscripción de pago es de 9,99 dólares al mes. Aunque para aquellos que pagan ya el Creative Cloud Single App de Adobe este servicio les vendrá incluido en el precio actual de 20,99 dólares al mes. Aunque aquí tenéis otras opciones gratuitas para trabajar.

Otros artículos interesantes:

• Adobe pone fecha al fin de Adobe Reader 2015
• Elimina Adobe Flash Player de tu PC con esta actualización de Windows 10
• Adobe da por finalizada hoy su etapa con Flash y es hora de seguir adelante

Los gráficos vectoriales son muy usados para los logotipos y otras imágenes sencillas porque cuando los amplían o se imprimen a gran tamaño se siguen viendo bien amplían. Pero su problema es que crearlas desde cero puede ser muy difícil sin conocimientos de diseño.

Por suerte, ahora existe una aplicación web que permite crear SVG a partir de imágenes estándar, su nombre: SVGcode.

SVGcode es una nueva aplicación web progresiva creada por Thomas Steiner, un ingeniero que trabaja con Google, el cual estaba harto de que la gente no pudiera crear imágenes vectoriales de forma sencilla en internet.

¿Cómo se utiliza? Muy sencillo. Una vez que abres SVGcode en tu navegador sólo tienes que abrir una imagen desde tu PC y esta se dibujará automáticamente como una imagen vectorial.

Eso sí, la mayoría de las imágenes que importes requerirán algunos ajustes para crear un SVG de aspecto decente, pero es una aplicación web bastante útil y te puede sacar de más de un aprieto en caso de que necesites hacer un logo y no sepas como.

El núcleo de la funcionalidad de dibujo se basa en el proyecto Potrace, que se convirtió en código Web Assembly para esta aplicación web. SVGCode puede copiar el archivo terminado en el portapapeles, aparecer como una opción en el gestor de archivos de tu PC al hacer clic con el botón derecho en una imagen, y abrir/guardar archivos desde tu dispositivo.

Incluso utiliza la nueva API de superposición de controles de ventanas para ocultar la barra de título del sistema cuando se instala, lo que hace que se sienta un poco más como una aplicación nativa.

Si te interesa saber cómo se creó SVGcode tienes el proceso de desarrollo en una entrada del blog de desarrollo web de Google.

Otros artículos interesantes:

• Las 5 mejores apps de diseño gráfico para iOS
• Las mejores webs para descargar imágenes vectoriales gratis
• No son llamas, es el humidificador NatHome I-Flame Diffuser que dará a tu hogar un diseño y olor diferente

El archivo .htaccess (HyperText Access o acceso de hipertexto) es un archivo de configuración del software de servidor Apache, que contiene las directivas que definen el comportamiento de Apache. El archivo.htaccess indica en todo momento qué puede hacer y qué no el usuario que visita tu web, así como configurar el comportamiento del servidor ante errores de conexión u optimizar la carga de las páginas de tu blog.

Por lo tanto, podríamos decir que este pequeño archivo de apenas unos kilobytes, es la llave maestra que abrirá todas las puertas de tu web. Algo que puede ser tan útil como peligroso y que debe ser configurado y protegido con especial cuidado.

¿Qué puede hacer exactamente .htaccess?

El archivo .htaccess de tu web será como la tabla de los mandamientos para el servidor Apache, que cumplirá estrictamente lo que se le indique en el archivo .htaccess.

No tiene porqué existir un solo archivo .htaccess, sino que puede existir un .htaccess para cada directorio si lo consideras necesario. El comportamiento de este archivo es jerárquico en el árbol de directorios de tu web, por lo que, si tienes un archivo .htaccess en el directorio raíz de la web, las instrucciones que indiques en ese archivo se aplicarán a toda la web. En cambio, si creas un archivo en alguna de las carpetas de tu web, las directrices de ese archivo solo se aplicarán al contenido de esa carpeta y subcarpetas, por lo que no afectará al resto de directorios de tu web.

Cómo instalar un servidor web en tu ordenador con XAMPP

Cada vez que algún visitante accede a tu web, el servidor Apache que tienes instado en tu servidor web consulta el archivo .htaccess y dirige ese tráfico a la página de inicio que le indicas en ese archivo. Si existe algún error de conexión con esa página, Apache vuelve a consultar el archivo .htaccess y redirige al usuario hacia una determinada página de error que previamente habrás configurado en él. Son las famosas páginas de error 404.

De la misma forma, el archivo .htaccess se utiliza para configurar otros muchos aspectos de tu web; como las tareas de protección, mediante la restricción del acceso a determinadas carpetas de tu servidor o bloqueando el acceso a determinadas direcciones IP; redireccionar a pantallas de error personalizadas, como en el caso de los errores 404; evitar vulnerabilidades y accesos no permitidos, como el listado de los directorios que forman tu web o reducir el tiempo de carga de tu página.

Además, gracias al archivo .htaccess puedes organizar las secciones de tu web de forma que, si por ejemplo, creas un subdominio para una determinada acción en tu web, el servidor Apache redirija el tráfico de ese subdominio a una determinada carpeta de tu servidor. Es decir, que sería como tener varias webs diferentes dentro de tu espacio web.

Antes de empezar…

Antes de empezar a añadir o modificar directivas desde el .htaccess, conviene realizar una advertencia. Cualquier error en la inserción de los comandos (son habituales los errores tipográficos por no respetar un espacio, o no emparejar los paréntesis o corchetes), provocaría que Apache no interprete correctamente el archivo .htaccess y se produzcan errores de funcionamiento en el servidor, lo cual dejaría a tu web fuera de servicio.

Cómo crear un blog con Wordpress

Nuestra recomendación es que, antes de modificar nada, realices una copia de seguridad de todos los directorios de tu web, incluidos los archivos .htaccess originales. De ese modo, si la modificación de este archivo tiene alguna consecuencia, no perderás la información de tu web y podrás recuperarla sin mayores problemas.

Otro consejo importante es añadir comentarios en cada nueva instrucción que añadas a tu archivo .htaccess. Estos comentarios te permitirán localizar más rápidamente los comandos de las diferentes instrucciones.

Para añadir una línea de comentario solo tienes que añadir el símbolo # antes del comentario y el servidor Apache no lo leerá. La línea del comentario quedaría algo así: #Así se añade un comentario.

Si el comentario ocupa varias líneas, el signo # tiene que situarse al principio de cada una de ellas.

Comandos útiles para el redireccionamiento desde .htaccess

El archivo .htaccess te permite realizar algunas tareas sencillas en la configuración del servidor Apache en el que se encuentra alojada tu web, pudiendo redirigir el tráfico entrante a una determinada carpeta y muchas otras cosas.

Añadiendo siguiente código al archivo .htaccess podrás usar un domino sin el prefijo www en tu web mediante un direccionamiento 301. Eso sí, para no confundir a los buscadores (algo que te penalizará en el SEO), debes elegir entre usarlo siempre con www o sin él, pero evita mezclarlos.

Activa la función multisitio de Wordpress

Una buena forma de cambiar el dominio de tu página web sin que te penalice el tráfico es recoger todo el tráfico que entra desde el dominio antiguo y redirigirlo automáticamente al nuevo dominio. Para hacerlo inserta el siguiente código en el .htaccess de web.

Insertando esta instrucción en el archivo .htaccess podrás cambiar la página de inicio por defecto de tu web y, en lugar de ser Index.php o Index.html, podrás elegir cualquier otra de tu página para que aparezca la primera al acceder al sitio. Por ejemplo, si es una web donde quieres destacar tu marca personal, podrías establecer que lo primero que se cargue es la página Quiensoy.html, en lugar de la predeterminada Index.php.

Para ello solo tienes que indicar una serie de nombres de página para que servidor elija por preferencia.

Cuando una URL de tu web lleva a un callejón sin salida se produce el error 404 que indica que la página que se buscaba no existe o no se encuentra disponible. Puedes crear tus propias páginas 404 personalizadas y configurar el archivo .htaccess para que las muestre cuando se produzca este error.

En la segunda mitad de esta orden debes indicar la ruta a tu página de error 404.

Protege tu web desde el .htaccess

La seguridad y la protección de los archivos que forman tu web es otra de las funciones que puedes controlar desde el archivo .htaccess.

Algo tan sencillo como proteger la escritura de terceros de los archivos .htaccess, ocultar los directorios que forman tu web, ocultar las extensiones de los scripts que usa para dificultar las inyecciones de código malicioso, bloquear el hotlinking o bloquear determinados bots de spam puede hacerse directamente desde el .htaccess con solo insertar la instrucción adecuada.

Así robaba la CIA contraseñas de servidores y webs, según Wikileaks

Para evitar que nadie más que tú pueda modificar el archivo .htaccess de tu blog, activa la protección y evitar que el archivo sea accesible insertando esta instrucción.

Otro uso habitual de .htaccess es el de bloquear el acceso de los usuarios a determinados directorios (o a todos) de tu web. Bastará con insertar la instrucción adecuada en un archivo .htaccess en el directorio que quieres proteger. De ese modo, cuando alguien intente acceder a ellos obtendrá un mensaje de error que le impedirá ver el contenido de la carpeta.

Además, también puedes evitar que se listen los directorios que forman tu web, por lo que puede ser buena idea añadirle esta instrucción a la anterior:

Desde el archivo .htaccess también puedes administrar las opciones de acceso a tu web. De ese modo, si en los logs del servidor detectas una actividad sospechosa desde una determinada dirección IP que aumenta la carga del servidor, puedes bloquear esa dirección IP para impedirle el acceso y liberar al servidor.

En la mayoría de los casos se trata de bots de spam que visitan tu web rastreando el contenido. Evítalo con esta sencilla instrucción:

El hotlink consiste en mostrar un contenido que se encuentra en tu servidor (como una foto o un vídeo) en otra página web distinta. De ese modo, aunque el visitante realmente se encuentra en otra web, es tu servidor soporta toda la carga de mostrar el contenido. Una práctica muy poco ética, pero lamentablemente muy extendida.

Para evitar esta “parasitación” de tus recursos, inserta la siguiente instrucción en tu .htaccess.

En última línea de la instrucción, introduce los formatos de archivo del contenido que quieres proteger.

Ocultar las extensiones de los diferentes scripts que utilizas en tu web también puede ser una excelente opción para ponerles las cosas un poco más difíciles a los posibles atacantes. Ojos que no ven…

Con esta instrucción puedes configurar el archivo .htaccess para que el servidor Apache camufle los scripts con extensión .foo, los más habituales, para que se muestren como si fueran archivos .php o .cgi.

Optimiza el funcionamiento de tu web

Otra de las cualidades del archivo .htaccess es que permite realizar optimizaciones en el rendimiento de tu web. Habilitar la descarga de los archivos multimedia en lugar de aumentar la carga del servidor al reproducirlos, comprimir los archivos para que tu web consuma menos datos al cargarse o habilitar la caché para agilizar la carga de tu web.

Si alojas vídeos o contenido multimedia en tu sitio web, el comportamiento por defecto al ejecutarlo será reproducirlo en el propio navegador, lo cual aumentará la carga de trabajo de tu servidor y hará que tu web no se cargue tan rápido.

Configura el archivo .htaccess para cambiar esa opción y dar la opción al visitante de descargar el contenido multimedia a su dispositivo.

Al final de cada línea de instrucción puedes incluir las extensiones de tus archivos multimedia, añadiendo todas las que necesites.

La mayor parte del tráfico web actual se realiza desde dispositivos móviles con tarifas de datos limitadas, y en ocasiones con mala cobertura y, por extensión, con una velocidad más reducida.

Incorporando un conjunto de instrucciones al archivo .htaccess conseguirás comprimir los archivos que forman tu web haciendo que consuman menos recursos durante su carga.

Si tu blog o página web tiene muchas fotos, es probable que su carga sea más lenta de lo normal. Puedes agilizar la carga de imágenes de tu web insertando algunas instrucciones en el archivo .htaccess. De ese modo, conseguirás que el navegador de tus visitantes guarde una caché de ellas y, la próxima que te visite, la carga de imágenes será mucho más rápida.

Estos son solo algunos ejemplos del enorme potencial que esconde el archivo .htaccess, desde el que puedes controlar absolutamente cualquier comportamiento de tu página web. Desde mejorar el SEO de tu blog y la experiencia de uso, hasta aumentar el nivel de seguridad de tu web.

Ni la falta de tiempo, ni el coste de una formación online de calidad, son ya excusas válidas para justificar la falta de formación ya que existen alternativas para acceder a una buena oferta formativa en todo tipo de cursos orientados a las aplicaciones tecnológicas, sin importar la vertiente tecnológica a la que te quieras dedicar de forma profesional.

Udemy es una de las plataformas de cursos en línea con la gama más amplia de cursos que puedes encontrar, con más de 55.000 cursos online de la máxima calidad, para que aprendas a tu ritmo desde cualquier lugar, sin horarios, de la mano de los mejores expertos en cada materia y por un precio increíble.

Con esta rebaja, válida hasta el 2 de diciembre, Udemy ofrece cursos en todo tipo de materias a solo 10 euros. A modo de ejemplo, hemos elegido tres cursos de los más de 55.000 que tienes disponibles en la plataforma de Udemy.

Master en Creación de Videojuegos con Unreal Engine

El primero de los cursos que hemos seleccionado es el Master en creación de videojuegos con Unreal Engine en el que aprenderás a crear videojuegos desde cero con el motor gráfico Unreal Engine.

Al final de este Master en Creación de Videojuegos con Unreal Engine serás capaz de crear un videojuego completo con calidad AAA ya que dominarás todas las técnicas necesarias para crear terrenos e interiores con geometrías nativas BSP y mallas 3D, a crear mapas de iluminación de los entornos para hacerlos más realistas, a implementar actores en el entorno, crear interfaces adaptables a cualquier tamaño de pantalla mediante el módulo UMG UI.

Todo lo aprendido en cada sección del curso se pone inmediatamente en práctica para conseguir un proyecto de final que consiste en crear tu propio videojuego con todo lo aprendido en el curso. Convertirte en diseñador de videojuegos solo te costará 10 euros.

Ionic 2 y ionic 3: Crea apps para Android e iOS desde cero.

Si ya cuentas con unos mínimos conocimientos de Angular 2 o Angular 4, otra opción interesante puede ser formarte en la creación de apps para dispositivos Android e iOS con el cursoionic 2 y ionic 3: Crea apps para Android e iOS desde cero que encontrarás en Udemy por solo 10 euros.

Con este curso podrás profundizar de forma práctica en el desarrollo de apps para las principales plataformas móviles usando los frameworks de Ionic.

El curso ionic 2 y ionic 3: Crea apps para Android e iOS desde cero consta de más de 200 clases en las que 99% del curso es práctico y donde aprenderás los fundamentos de ionic para desarrollar apps nativas y distribuirlas en las tiendas oficiales de Google Play y Apple App Store.

Curso de desarrollo web completo 2.0

Internet ofrece igualdad de oportunidades para los nuevos proyectos por lo que resulta más sencillo abrirte camino al iniciar un nuevo negocio o proyecto online. En Udemy, por solo 10€, dispones de un curso de desarrollo web completo 2.0 en el que aprenderás los principales lenguajes de programación web necesarios para la creación de portales web. ¡No necesitas conocimientos previos!

Se trata de uno de los cursos estrella de Udemy con más de 25.000 valoraciones con 5 estrellas y desde el primer minuto aprenderás a trabajar en alojamientos reales para desarrollar portales web basados en HTML 5, CSS 3, Javascript y jQuery.

Una vez adquiridos los conocimientos básicos, sube su nivel para utilizar Bootstrap 4 y técnicas avanzadas de jQuery, el popular plugin jQuery UI y desplegarás sitios web completos mediante Wordpress aprendiendo PHP 7 y MySQL 5.

En este curso de desarrollo web completo 2.0 también tiene cabida el desarrollo de apps móviles basadas en App.JS que te permitirán publicar apps móviles y desplegarlas en las principales tiendas de aplicaciones para móviles.

Además, el curso incluye una introducción a Python, uno de los lenguajes de programación más demandados en las empresas y con el que puedes dar un nuevo impulso a tu carrera profesional.

Computerhoy.com para Udemy.

No es algo extraño ya que en la actualidad todas las empresas están sufriendo un inevitable giro hacia la digitalización, por lo que ya no basta con ser un profesional de la comunicación o de las ventas, también es necesario conocer las herramientas que te permiten canalizar esos conocimientos hacia el terreno digital. Para realizarlo con éxito, la programación y desarrollo web en distintas plataformas será una herramienta imprescindible en tu carrera profesional.

Udemy es una plataforma de aprendizaje donde encontrarás cursos para casi cualquier área en la que estés interesado. Entre los días 28 de agosto y 5 de septiembre, puedes iniciar varios cursos de especialización en desarrollo y programación web al mejor precio ya que Udemy ha lanzado una promoción en varios cursos en español especializados en la programación y el desarrollo del entorno web.

Estos cursos están valorados en hasta 200 euros cada uno, pero si te inscribes entre los días 28 de agosto y 5 de septiembre, solo te costarán 10 euros cada curso. Un precio muy interesante teniendo en cuenta la calidad formativa que tienen los cursos de la plataforma de Udemy. ¡15 millones de estudiantes son las mejores referencias que puede ofrecer una plataforma de cursos de formación!

Estos son los cursos con los que podrás formarte para tu futuro profesional al mejor precio:

Conviértete en un desarrollador web desde cero paso a paso

No importa si no tienes conocimientos previos en desarrollo web. Con el curso Conviértete en un desarrollador web desde cero paso a paso conocerás desde cero las tecnologías más habituales en el diseño y programación de páginas web, tanto desde el punto de vista del Front-End, con lenguajes como HTML5, CSS3, JavaScript, jQuery, Bootstrap 4, Wordpress; como en Back-End con PHP Orientado a Objetos, MySQLi, JSON, AJAX.

El curso de desarrollador web desde cero consiste en 92 horas de vídeo bajo demanda en los que se explica, de forma detallada, todas las tecnologías y conceptos del curso. Además, el curso incluye diferentes recursos y suplementos educativos con los que poner en práctica, de forma inmediata, y por ti mismo, toda la teoría que has aprendido.

Conseguir este curso por solo 10 euros por tiempo limitado es una de las mejores oportunidades que te encontrarás para adentrarte y dar tus primeros pasos en el desarrollo de páginas web ya que este curso está valorado en 150 euros.

Diseño web profesional, curso completo, práctico y desde 0

Profundizando un poco más en el terreno de la programación y el desarrollo web, también puedes cursar el curso de Diseño web profesional, curso completo, práctico y desde 0 obtendrás todos los conocimientos necesarios para comenzar a dar tus primeros pasos en el desarrollo web.

En el temario de este curso descubrirás como utilizar algunas de las herramientas y lenguajes de programación más utilizados en la creación web profesional como Photoshop, Wordpress, Github, Git y Bootstrap, HTML, CSS, SASS, JavaScript o Jquery.

Con los conocimientos que adquirirás con este curso de desarrollo web de Udemy serás capaz de crear sitios web por ti mismo ya que no solo se basa en una metodología teórica, sino que también se incluyen prácticas y ejercicios con los que aplicar todo lo aprendido en cada unidad.

El curso de Diseño web profesional, curso completo, práctico y desde cero tiene un precio oficial de 200 euros, pero si te inscribes en el curso entre 28 de agosto y 5 de septiembre solo te costará 10 euros. ¡Date prisa que esta promoción es por tiempo limitado!

Desarrollo web con JavaScript, Angular, NodeJS y MongoDB

Una vez has adquirido los conocimientos técnicos necesarios y dominas todo lo referente a HTML, CSS y JavaScript, llega el momento de dar un paso más en tu formación como programador y desarrollador web adentrándote en el terreno de la programación de aplicaciones web.

El curso de Desarrollo web con JavaScript, Angular, NodeJS y MongoDB descubrirás paso a paso cómo desarrollar servicios y APIs REST con NodeJS, Express, MongoDB, JWT.

Estos frameworks y lenguajes de programación orientados bases de datos te permitirán crear aplicaciones web Front-End complejas similares a Spotify gracias a AngularJS. Formarte adecuadamente en el uso de estas tecnologías resulta prácticamente imprescindible para forjarte un futuro en el desarrollo de aplicaciones web.

El curso de desarrollo web con JavaScript, Angular, NodeJS y MongoDB de Udemy se divide en dos partes en las que, por una parte, se desarrolla el servicio desde cero en la parte del servidor (Back-End), mientras que la segunda parte se profundiza en el desarrollo de la aplicación en la parte del cliente (Front-End) con Angular 2.

En este curso encontrarás un contenido mucho más avanzado, por lo que su precio oficial asciende hasta los 200 euros, algo que no tiene porqué importarte ya que, por tiempo limitado, entre el 28 de agosto y 5 de septiembre, podrás inscribirte a este curso de desarrollo de aplicaciones web por solo 10 euros.

Computerhoy.com para Udemy.

De esta manera, los profesionales encargados de gestionar los medios sociales de website podrán programar los contenidos desde Wordpress para las redes sociales de manera más ágil y organizada, y lo más importante, sin salir de la plataforma. Hasta el momento, para poder fijar la fecha y la hora en que queríamos que apareciera nuestro post en Facebook, Twitter o Instagram era necesario recurrir a servicios externos como Hootsuite o Buffer. 

Con la nueva función de Wordpress tenemos la posibilidad de programar los horarios específicos en los que queramos que nuestro contenido aparezca o hacerlo de manera automática. Todo ello integrado de forma nativa en el panel de control.

Además, desde aquí también podemos obtener una vista previa de nuestras actualizaciones en medios sociales antes de enviarlas, para que sepamos exactamente cómo se verá cuando se publique.

De esta manera, los usuarios evitarán tener que publicar manualmente sus contenidos en redes sociales en los momentos que deseen ni tendrán que depender de terceras aplicaciones para llevar a cabo la programación de las publicaciones de sus contenidos en dichas redes.

Cinco alternativas a Wordpress para crear tu blog o página web

Eso sí, para poder programar contenidos desde Wordpress.com deberás ser usuario del plan Business o Premium, o ser usuario de Jetpack Professional o Premium.  Si tienes dudas sobre cómo usar esta herramienta para crear tu página web o blog, te recomendamos echarle un vistazo a estost tutoriales de Wordpress.

[Fuente: Wordpress.com]

WordPress es un sistema de gestión de contenidos que permite crear y mantener un blog o una página web. 

Empezó su andadura en 2003 como una plataforma de blogging, pero con el paso del tiempo ha evolucionado hasta llegar a ser lo que es hoy en día, un sistema CMS (Content Management System) que funciona para crear, prácticamente, cualquier web.

El servicio es ideal para principiantes o para aquellos que no tienen demasiados conocimientos técnicos, ya que es especialmente fácil de utilizar y de optimizar. De hecho, una de sus características más interesantes es su sistema de plugins, que permite extender sus capacidades.

Éstos no son más que complementos de software que aumentan las capacidades y posibilidades de WordPress y se usan para mejorar en diferentes áreas, como Marketing, redes sociales, seguridad, SEO o diseño web, entre otros.

Otra caraterística importante de WordPress son los temas, es decir, las plantillas que utiliza la plataforma para modificar la apariencia y el diseño del sitio. Estos pueden ser de pago o gratuitos.

Activa la función multisitio de Wordpress

Finalmente tenemos los Widgets, unos pequeños bloques de información que se utilizan en las sidebars (o barras laterales) de WordPress. Éstos le permiten al usuario obtener un mayor control sobre el diseño y el contenido de su web. 

Como datos interesantes, es importante señalar que es el sistema más popular de Gestión de contenidos, representa el 27% de las webs a nivel mundial y posee más de 34.000 plugins.

Así que si estás pensando en crear una web o un blog, ¿A qué estás esperando para hacerlo con WordPress?

Cuando necesitas una imagen o una foto sin copyright para un proyecto personal o profesional, un meme, redes sociales, etc., el primer impulso es acudir a Google Imágenes. Pones la palabra en el buscador, tocas en Imágenes, y ahí las tienes. El problema es que en los últimos tiempos Google da preferencia a las fotos con derecho de autor, que suelen aparecer en las primeras posiciones de la lista de resultados. Las reconocerás enseguida por las marcas de agua que llevan.

Si estás buscando fotos o imágenes gratis para tus cosas, existen muchas webs especializadas que se dedican a ello, con contenido mucho más interesante que el buscador genérico de Google. Y aquí no te saldrán fotos pornográficas sin buscarlas...

Las páginas que hemos seleccionado ofrecen imágenes gratuitas de calidad profesional. Ya sea el catálogo completo, o una selección de su portafolios. En la mayoría de los casos puedes utilizarlas libremente. En otros, sólo para proyectos no profesionales. Consulta las condiciones antes de utilizarlas. Pero todas ellas te ofrecen la descarga de fotos gratis, de gran calidad, que podrás usar en tu web, en tus proyectos escolares, presentaciones e impresiones.

Pulsa el botón Siguiente para acceder a la lista.

Pexels

Con más de 25.000 imágenes gratuitas en su catálogo, Pexel en uno de los archivos de fotos más variados. Además cada mes se incrementa en 3000 imágenes más, seleccionando las mejores de entre las que envían sus usuarios.

Todas sus fotos se distribuyen bajo la licencia Creative Commons Zero (CC0), lo que significa que puedes usarlas y modificarlas como quieras, incluso en proyectos comerciales. No es necesario que acredites al autor. Descargas, haces lo que quieras con ellas y te olvidas.

Eso sí, debes tener en cuenta que si en dichas imágenes aparecen personas se prohíbe manipular las fotos para que sean objeto de burla o se muestren en escenas poco éticas. Tampoco se permite utilizarlas para enaltecer el machismo, la xenofobia, el racismo, etc.

Por lo demás ofrece las funciones convencionales en este tipo de servicios: un buscador y un directorio con categorías temáticas. Todas las fotos están etiquetadas así que son fáciles de encontrar.

La descarga es directa y todas las imágenes están en muy alta resolución (5098x2800 píxeles).

Página web de Pexels

IM Free

Increator es un servicio de creación de páginas webs pensado para diseñar tu propia página usando plantillas.

Dispone de una selección de recursos llamada IM Free, en donde puedes encontrar miles de fotografías gratuitas de gran calidad, que además se pueden utilizar para usos comerciales.

Con ayuda de un buscador o a través de la colecciones accedes a capturas muy meritorias, de calidad profesional, centradas en temas como Gente, Negocios, Tecnología, Salud, Deportes, Naturaleza, etc. 

Las imágenes están disponibles en diferentes tamaños y resoluciones, y en ocasiones hay que citar al autor. Depende del fotógrafo que las ha realizado. Antes de descargar debes seleccionar en pantalla la resolución que necesitas.

En algunos casos están almacenadas en Flickr y son de libre acceso.

Página web de IM Free

Cámaras réflex a precios bajos en Amazon

Stick PNG, imágenes transparentes

En edición gráfica las imágenes en formato PNG son muy codiciadas, porque incluyen un canal de transparencia que permite colocar fotos unas encima de otras, y se fusionan automáticamente.

Si necesitas imágenes de este tipo merece la pena echar un vistazo al buscador Stick PNG, especializado en indexar únicamente imágenes en formato PNG con transparencia. No es un buscador en el sentido estricto porque no realiza búsquedas en la Red, sino en una base de datos propia que se amplia día a día con las aportaciones de los miembros de la comunidad.

La ventaja de este sistema es que todos los PNG están perfectamente ordenados en categorías temáticas, con contenido relacionado que puede ser muy útil si necesitas varias imágenes diferentes sobre un mismo tema:

Todos los PNGs disponibles en Stick PNG se puede usar gratuitamente en proyectos no comerciales o educativos. Además al disponer de transparencias son válidos como stickers en Tumblr, o en cualquier app de mensajería.

Accede desde este enlace a Stick PNG.

Cómo borrar las fotos, vídeos y memes de WhatsApp

CC Search

Creative Commons es una organización que regula la puesta en común de contenido creativo de forma gratuita. Compañías como Google o Wikipedia forman parte de ella.

Dispone de un buscador de contenido llamado CC Search que indexa fotos, vídeos, documentos, música y otros tipo de archivos multimedia gratuito.

A través de él podemos acceder a cientos de miles de fotografías gratuitas o libres de derechos en servicios como Flickr, Wikimedia Commons, Open Clip Art Gallery, y otros lugares.

Al buscar fotos debes marcar antes el sitio en donde quieres buscar. Después introduces las palabras de búsqueda y te llevará directamente a dicha web. Es una forma bastante cómoda de encontrar imágenes gratuitas desde un único portal de entrada.

Te ofrece la opción de realizar búsquedas especializadas de fotos que se puedan utilizar con propósitos comerciales.

Página web de CC Search

Public Domain Archive

En esta recopilación de fotos gratis realizada por un diseñador gráfico, encontrarás imágenes de una gran calidad artística, cuidosamente seleccionadas.

La base de datos se amplía con nuevas fotos todas las semanas. El catálogo se divide en tres categorias: fotos modernas, vintage, y semanales. Dentro de cada una hay un buscador y un directorio con docenas de categorías: abstacto, animales, arquitectura, negocios, moda, naturaleza, gente, etc.

Es especialmente destacable el apartado vintage, con instantáneas rescatadas de libros y prensa de hace décadas, que ya son de dominio público:

Cómo recuperar las fotos borradas en Android

Todas las fotos son gratis y de libre descarga, pero al descargar muestra publicidad. A modo de donación para mantener la web, existe una cuenta Premium que elimina la publicidad y da acceso a versiones de las fotos con más resolución.

Página web de Public Domain Archive

The Stocks

350 millones de imágenes gratuitas y de libre uso. Eso es lo que ofrece la web The Stocks. ¿Alguien da más?

Aunque alguna de ellas son de dominio público, la mayoría se distribuyen con la licencia Creative Commons. Esto significa que puedes usarlas libremente e incluso modificarlas, pero posiblemente tengas que indicar el nombre del autor de la foto en un rincón de tu proyecto. Consulta la información asociada a cada foto cuando las descargues.

¿Cómo ha conseguido The Stocks recopilar 350 millones de imágene gratis? En realidad tiene truco. No es una web sino un metabuscador que enlace a docenas de páginas con fotos gratis. La ventaja es que puedes buscar en todas ellas desde un único lugar.

The Stocks no sólo ofrece fotos estáticas. También recopila iconos, vídeos, tipos de letra, y mockups.

Los formatos de imagen son muy variados, pues depende de la web utilizada como fuente, dentro de todas las que categoriza.

Sin duda un almacén de contenido que merece la pena guardar en nuestra lista de favoritos.

Página web de The Stocks

Un poco de todo

En Internet existen, literalmente, cientos de archivos de imágenes gratuitos. Hemos seleccionado algunos que nos parecen muy interesantes, pero otros muchos se han quedado fuera.

Con el objetivo de ofrecer más alternativas, recopilamos algunos enlaces a otras webs de fotos gratis que merecen la pena. La mayoría funcionan con la licencia Creative Commons Zero (CC0), que como hemos explicado significa que puedes usar y modificar las fotos como quieras, incluso en proyectos comerciales. El único requisito es que se utilicen con fines éticos, es decir, se prohibe su uso para fomentar actitudes como el racismo, xenofobia, machismo, etc.

Simplemente toca el enlace para acceder directamente a los almacenes de fotos gratuitas:

• Pixabay
• Raumrot
• Kaboompics
• Picography
• Unplash
• AllTheFreeStock
• Splashbase
• Negative Space
• Life of Pix
• Snapwire Snaps
• Stocksnap.io

Sin embargo, es probable que alguna vez te hayas preguntado acerca de los formatos más usuales de imagen -como JPG o PNG y Gif, para el caso de las imágenes en movimiento, hoy popularizadas gracias a las redes sociales o el uso de aplicaciones de mensajería instantánea-, sin saber bien en qué casos conviene decantarse por una opción u otra.

15 tutoriales online gratuitos sobre fotografía

Esta infografía compartida desde la web Trecebits tiene por objetivo sacarnos de dudas y saber qué formato usar en cada caso, cuáles son los mejores usos y aplicaciones de cada una de las tres alternativas, la relación entre su tamaño, su peso y la calidad de imagen o sus principales ventajas. 

Échale un vistazo a la infografía a continuación.

[Fuente: Trecebits]

Si deseas crear tu propia página web, ya sea para un proyecto personal o profesional, no necesitas saber programación. Tan sólo requiere un editor de páginas webde calidad que te guie paso a paso pero, aún más importante, que en todo momento te otorgue el control para personalizar el aspecto sin ninguna limitación.

WebSite X5 Evolution 13 es uno de los editores web más consolidados del mercado. Disponible en español, es un software especializado en el diseño de páginas web, blogs y tiendas online. Todo el entramado de la página se lleva a cabo de forma visual, con una interfaz tipo WYSIWYG (lo que ves es lo que obtienes). Destaca por la gran cantidad de funciones que permiten no sólo construir la página, sino también optimizarla para los motores de búsqueda y para que sea adaptable a todo tipo de resoluciones y formatos de pantalla: ordenador, smartphone, tablet, etc.

Crear un sitio web con WebSite X5 Evolution 13 es muy fácil e intuitivo. Tan sólo hay que superar cinco pasos que pueden ser tan rápidos o detallados como el usuario quiera.

El primer paso consiste en decidir qué tipo de web quieres crear. Puede ser una página convencional, un blog o una tienda online con opción de pagar por medio de tarjeta de crédito. Aquí también decides si vas a crear una web multiidioma y si los usuarios pueden registrarse, entre otras cosas. Incluso tienes la opción de crear secciones ocultas que sólo podrán ver los usuarios registrados.

Existen más de 500 plantillas prediseñadas que cubren todo tipo de temáticas. Puedes personalizar hasta el último detalle añadiendo logotipos, galerías, textos, efectos, menús y otras muchas opciones. Y si lo deseas, también es posible crear una plantilla desde cero. No existe ningún tipo de limitación.

En este paso planificas la estructura del sitio web. El número de secciones y subpáginas que tendrá, el mapa de navegación, páginas dentro de páginas, etc. Cualquier cambio que hagas se aplica en tiempo real a la estructura del site. Por ejemplo, si cambias la colocación de una subpágina, su posición se actualiza automáticamente en el menú de navegación.

Aquí creas el contenido de cada página y subpágina. Mediante sencillas opciones Arrastrar y soltar es posible colocar textos, imágenes, galerías, animaciones, vídeos, formularios de email, Botones de Redes Sociales, información meteorológica, los plugin-app gratis más usados, campos de búsqueda, catálogos de productos, mapas y muchas otras aplicaciones que te permitirán dar un aspecto único a tu web y adaptarla a tus necesidades. WebSite X5 Evolution 13 incluye una librería con más de 700.000 imágenes, elementos gráficos y apps para usar libremente.

Gracias al gestor FTP integrado puedes subir tu página al servicio de hosting, actualizarla cuando hagas cambios y añadir las keywords adecuadas para que quede bien posicionada en los motores de búsqueda. Si no tienes hosting no te preocupes, porque WebSite X5 Evolution 13te ofrece dominio, correo y espacio web gratis durante 12 meses.

Miles de páginas web ya han sido creadas con este software:

Esta nuevo versión añade importantes mejoras con respecto a su predecesora. Ha eliminado la dependencia del framework .NET, ha optimizado el uso de la memoria y se ha compilado en 64 bits. El resultado es un software mucho más estable y con mayor rendimiento.

WebSite X5 Evolution 13ha integrado completamente la movilidad y los dispositivos portátiles. Anteriormente era necesario crear una plantilla de la web para ordenador, y otra para móviles y tablets. Ahora se trabaja con una plantilla dinámica capaz de adaptarse a la resolución de cada pantalla, reordenando elementos si es necesario.

Antes podias gestionar tu web desde el móvil, a través del navegador. Ahora existe una app para iOS y Android llamada WebSite X5 Manager que gestiona aspectos como el Panel de Control o los comentarios del blog, cómodamente desde el móvil.

Se han añadido muchas más plantillas y se ha mejorado el editor que permite personalizarlas, integrando más funciones de personalización en zonas como los encabezados y los Pie de Página. Además hay nuevos efectos gráficos y de visualización que dotan a la web de un aspecto moderno y profesional.

Aunque también existe una variante Start y Profesional, WebSite X5 Evolution 13 es la versión preferida por creadores, blogueros y trabajadores autónomos, al ofrecer todas las herramientas de creación y extras como la posibilidad de diseñar tiendas webs con cobro mediante tarjeta de crédito, catálogos de productos, galerías, tablas, e incluso inserción de código HTML, si sabes programar.

Descarga gratis desde este enlace la versión de prueba de WebSite X5 Evolution 13 en español. Si te satisfacen los resultados, puedes adquirir la versión comercial de WebSite X5 Evolution 13 a un precio de 69,99€. No tiene costes ocultos, ni cuotas mensuales ni comisiones. Puedes instalarlo en dos PCs y crear todos los sitios webs que quieras, tanto a nivel personal como profesional.

ComputerHoy.com para Incomedia

El gobierno australiano ha tardado varios años y se ha gastado diez millones de dólares en desarrollar una web para gestionar el censo de la población, que recientemente ha sido tumbada por un ataque DDoS.

Dos jóvenes estudiantes de la Universidad Tecnológica de Queensland han tardado tan sólo un fin de semana en crear la misma web, que es cuatro veces más segura. ¿Presupuesto? 500 dólares.

Todo comenzó hace unas semanas, cuando la web gubernamental que gestiona el censo de la población de Australia fue desactivada por un ataque DDoS. Los medios locales afirman que también fue hackeada, pero esta información no se ha confirmado oficialmente.

A raíz del ataque DDoS se supo que la web del censo poblacional, que los australianos utilizan para comprobar sus datos de empadronamiento antes de ir a votar, habia costado al gobierno 10 millones de dólares, y se había tardado varios años en desarrollar.

Dos estudiantes universitarios, Austin Wilshire de 18 años y Bernd Hartzer de 24, decidieron crear su propia web de censo poblacional con las mismas funciones que la gubernamental, para participar en el hack-a-ton Code Network Winter de la Universidad de Tecnológica de Queensland (Australia). Este evento exige crear un proyecto de programación en el plazo de un fin de semana.

En tan sólo dos días, Austin y Bernd crearon una web que replicaba la oficial del gobierno, y sólo les costó 500 dólares:

¿Qué es lo que hicieron para reducir tanto el presupuesto? En lugar de almacenar los datos censales en servidores propios de la administración pública, que tienen un alto coste de compra y mantenimiento, ambos estudiantes almacenaron su web en servidores de Amazon, que están entre los más seguros del mundo.

Utilizaron una nueva tecnología escalable que no depende de los servidores. Pequeños fragmentos de código llamados funciones Lambda permiten reescalar la base de datos y asignar más servidores a medida que se necesitan. Todo el trabajo de escalabilidad y mantenimiento de los servidores recae en Amazon, así que el gasto se reduce a contratar ese servicio en la compañía de Jeff Bezos.

Con este sistema la web del censo de población de los estudiantes es capaz de soportar 4 millones de accesos por hora, frente al millón de accesos de la web gubernamental, motivo por el cual se saturó cuando recibió el ataque DDoS, que actúa realizando millones de peticiones de acceso al mismo tiempo.

Aunque la propuesta de estos jóvenes está bien diseñada, pues Amazon Web Services ofrece este tipo de almacenamiento en servidores, la realidad es que los gobiernos prefieren almacenar sus datos críticos, como es el censo de población, en servidores propios, en lugar de depender de empresas privadas, aunque eso suponga un coste más elevado. Pero eso no justifica los 10 millones de presupuesto y años de trabajo.

En cualquier caso la propuesta de Austin Wilshire y Bernd Hartzer ha llamado la atención de la prensa australiana, y además les sirvió para ganar el primer puesto en la hack-a-ton Code Network Winter. Seguro que cuando terminen sus estudios universitarios no tienen ningún problema para encontrar trabajo... en el sector privado.

[Fuente: Techworm]

Recomendaciones y consejos para evitar un ataque hacker

STRATO ofrece a los usuarios y a las pequeñas empresas todos los elementos necesarios para crear una página web de manera rápida, sencilla y económica. Cuenta con una gran variedad de plantillas que se adaptan a la pantalla de cualquier dispositivo y también con un editor WYSIWYG (acrónimo de “lo que ves es lo que obtienes”) que permite visualizar las modificaciones que se vayan implementando. Además, no hacen falta conocimientos de programación porque esta herramienta sigue las mecánicas del drag and drop, es decir, arrastrar y soltar.

La nueva función para importar textos, imágenes y demás elementos de una página web al creador de páginas web de STRATO es muy útil. “Cada vez hay más usuarios que permanecen con su proveedor actual porque consideran que un traslado a otro proveedor es demasiado complicado” asegura Christian Böing, CEO de la compañía. De esta manera, el usuario puede importar los contenidos desde WordPress, Jimdo, Wix… al nuevo diseño.

Construye tu propia página web con STRATO Mi Web

La cabecera, por otra parte, es uno de los elementos del diseño más importantes. Esta imagen ayuda a los visitantes a comprender con un solo vistazo qué temas se tratan en la página. Por ello, la actualización del creador de páginas web permite a los usuarios rotar la imagen de la cabecera de la página de inicio y del resto de subcategorías.

Se han añadido más de 60 nuevos diseños que se ajustan al tamaño de la pantalla donde se visualizará la página. CM4all, el socio de STRATO, también ha aportado novedades relacionadas con las tendencias en diseño web: parallax-scrolling. Esto es un efecto dinámico y moderno hace que cada nivel de la página web se mueva a distinta velocidad cuando hacemos scroll por el site.

Escoge un tema para Joomla y cambia el diseño de tu web

STRATO ofrece 30 días de prueba para todos los interesados en el creador web Mi Web y en las nuevas funciones. “Con STRATO, todos los usuarios pueden convencerse de las prestaciones y de la sencillez de nuestro creador web” explica Böing. 

"Si estás todo el día hablando de Swift eres hipster", "a nadie le gusta programar en Java", "C++ es para gente vieja".

Pues resulta que la mayoría de esosestereotipos de los lenguajes de programación... son verdad. Al menos esa es la conclusión a la que ha llegado la firma tecnológica Trestle Technology. En su estudio concluye que los programadores de Java son los más tristes, los que programan en C++ los más viejos, y los que lo hacen en lenguajes modernos como Swift, los que tienen más barba...

Parece un estudio algo frívolo, y en realidad lo es. Trestle Technology aclara que no se trata de un análisis científico, sino de un simple divertimento. Lo que ha hecho es coger las fotos de cientos de programadores que aparecen en los perfiles de GitHub y utilizar el software de Microsoft llamado Face API, que es capaz de analizar los rostros que aparecen en una fotografía y descubrir si están tristes o contentos, si tienen mucho vello en la cara, así como su edad aproximada. La muestra es pequeña y el software no es infalible al 100%, pero los resultados son interesantes.

Así, por ejemplo, en esta gráfica podemos ver cómo los programadores que parecen más felices en las fotos son los que programan en R o Go. Los más tristes, los que usan Php, Perl, y Java:

Trestle Technology también ha analizado la barba y el vello facial de los programadores y, en efecto, los lenguajes asociados a entornos modernos y sofisticados como Apple parecen ser los más hipsters.

Según el estudio, los que más barba tienen son los programadores de Swift, el lenguaje de programación de las apps de Apple. Y los que menos, los programadores de R, un lenguaje estadístico.

Los 7 lenguajes de programación mejor pagados del mundo

En el caso de la edad, también se cumplen los estereotipos. Los programadores del lenguaje más mítico y utilizado a lo largo de la historia, C++, son los de mayor edad. La media se acerca a los 35 años. Le siguen Phyton y Perl. Los lenguajes de programación con la media de edad más baja son Ruby y Java. No obstante la diferencia es pequeña, pues de Java a C++ apenas hay dos años:

¿Realmente estos datos se corresponden con el censo real de los programadores de los diferentes lenguajes? Es difícil saberlo, porque tampoco existen estadísticas reales al respecto. Pero los resultados ya están dando que hablar en los foros y redes sociales dedicados a la programación....

[Fuente: Trestle Technology]

Por suerte no es necesario saber programar ni aprender diseño gráfico para crear una web vistosa, compatible con los principales estándares, y con un acabado profesional.

Existen muchos editores de páginas webs que permiten diseñarlas directamente desde el navegador. Pero es un proceso lento y ofrecen muy pocas opciones de personalización.

Si deseas crear una página altamente personalizable que ofrezca un aspecto profesional, debes acudir a aplicaciones especializadas de escritorio como la que aquí te presentamos.

WebSite X5 Evolution 12 es un software para Windows, disponible en español, que te permite crear páginas web sin necesidad de programar, en tan sólo 5 pasos.

Utilizando más de 1000 plantillas que puedes personalizar a tu gusto podrás diseñar un sitio web desde cero completamente adaptable a todo tipo de dispositivos: PC, smartphones, tablets, etc.

Podrás crear blogs, webs estándar, foros, e incluso tiendas online, pues WebSite X5 Evolution 12 incorpora módulos para añadir catálogos, gestión de pagos y control de stocks de una tienda online.

Gracias al editor visual incluido en la aplicación, diseñar una página desde cero es tan sencillo como recorrer las cinco secciones de un menú, en la página principal de WebSite X5 Evolution 12.

Elige entre más de 1000 plantillas agrupadas en función del tema, objetivos, funciones, etc. Personalízalas al gusto: cambia los colores, la ubicación de los menús, tipo de letra, etc. Más adelante podrás subir tus propios logos, imágenes, y mucho más.

WebSite X5 Evolution 12 pone a tu disposición una librería de más de 400.000 elementos gráficos (imágenes, iconos, logos, etc.) para que los utilices en tus proyectos.

WebSite X5 Evolution 12 te ofrece un control sin precedentes sobre la arquitectura de tu página, todo ello manejado desde cómodos menús. Puedes organizar a tu gusto el mapa de la web para decidir cuántos secciones tiene, cuantas subpáginas hay en cada una, como se conectan entre sí, etc.

Utilizando un sistema de pulsar y y arrastrar es posible maquetar la web a tu gusto añadiendo imágenes, vídeos, tablas, galerías, formularios de correo electrónico, botones de redes sociales, mapas, catálogos de productos, y mucho más. Incluso se pueden insertar elementos dinámicos de otros servicios webs.

WebSite X5 Evolution 12 se desmarca con la inclusión de funciones profesionales que otorgarán a tu web un aspecto elitista y muy dinámico. Por ejemplo, tienes la posibilidad de asignar un nombre de usuario y una contraseña a tus usuarios para que cada uno tenga su propia cuenta, mostrar en tiempo real el stock de tus productos en la tienda online para que el cliente sepa lo que puede comprar al instante, gestionar una compra con pasarela de pago mediante tarjeta de crédito, u ofrecer la página web en diferentes idiomas, a elección del visitante.

Con el motor FTP integrado, subes la página web a tu hosting para publicarla en Internet al instante. Los cambios posteriores que hagas se actualizan automáticamente. También es posible programar un sistema de notificaciones para que avise a tus contactos o publique mensajes en las redes sociales cuando se produce una novedad o cambio en la página.

Puedes ver todo el proceso en este tutorial en vídeo en español, que muestra los cinco sencillos pasos para crear una webpage con WebSite X5 Evolution 12:

Aquí puedes ver algunos ejemplos de sitios webs creados con la aplicación:

Como hemos visto, resulta sencillo e intuitivo crear una web desde cero con esta aplicación. Pero además incluye varias características adicionales que cubren diferentes necesidades:

• Webs adaptables: las páginas webs cambian de formato automáticamente en función de dónde se visionen. Smartphone, tablet, PC, etc.
• Zoom e imágenes panorámicas: las galerías cobran nueva vida con las funciones integradas de zoom y visionado a pantalla completa.
• Consejos y ajustes SEO: un asistente te ayudará a configurar tu web según el SEO para que aparezca en las primeras posiciones en los buscadores.
• Compatibilidad con gestos táctiles en dispositivos móviles
• Integración con base de datos
• Inserta tu código HTML: ¿Sabes programar? WebSite X5 Evolution 12 te permite editar el código HTML de la web y añadir todo el código que quieras donde lo necesites.

Prueba WebSite X5 Evolution 12 de forma gratuita sin ninguna limitación, descargando desde este enlace la demo en español de WebSite X5 Evolution 12. Si necesitas más información, echa un vista a la web oficial.

Los requisitos mínimos son un ordenador con Windows Vista o superior y 1 GB de RAM. La versión completa cuesta 69,99€ e incluye el registro de un dominio y alojamiento web con hasta 15 GB de espacio durante 12 meses.

Computerhoy.com para Incomedia

Hoy en día todo el mundo tiene el mismo potencial y oportunidades para aprender cualquier lenguaje de programación desde cero. De hecho, cabe pensar que es mucho mejor iniciarse en el mundo de la programación de una manera autodidacta antes de apostar tu dinero por uno u otro lenguaje.

Y es que debes de tener muy claro, cuál es el lenguaje más apropiado para ti, o cuál es el mejor pagado, puesto que de esta manera puedes ahorrar mucho tiempo y esfuerzo, y es uno de los mercados con más demanda. 

La programación es una de las pocas disciplinas enseñadas en las escuelas hoy en día que prácticamente garantiza a los estudiantes un puesto de trabajo después de graduarse.

No hay duda que aprender a programar está de moda. Además ahora forma parte del currículo educativo en las escuelas primarias de muchos países. Aunque no estés pensando en enfocar tu futuro profesional hacia este campo, el saber no ocupa lugar, y en este sentido, la programación ofrece muchas ventajas:

• desarrolla habilidades para la solución de problemas lógicos
• mejora la capacidad de atención y concentración
• aporta mayor autonomía y mayor interés por la experimentación y el aprendizaje
• estimula la capacidad de cálculo y de lógica

Como ves, todo son ventajas. Aprender a programar a un nivel básico no es complicado. Muchas personas que hoy mismo trabajan como desarrolladores de software han aprendido por su cuenta, leyendo, practicando y creando de manera autónoma.

¿Ya lo tienes claro? Pues como ya te puedes hacer una idea, Internet está repleta de manuales, tutoriales e información al respecto. Hay tanta información que puede resultarte abrumador, por ello te vamos a contar las mejores plataformas y webs para aprender a programar desde cero. 

Codeacademy

Entre las mejores webs para aprender a programar gratis no puede faltar Codeacademy, estando orientado sobre todo a principantes.

Este es uno de los MOOC (Massive Open Online Course, o, en español, cursos online masivos y abiertos) más populares para aprender a programar.

 El método seguido en Codecademy es completamente interactivo y sigue una línea muy ‘gamificada’. Cada clase es una fase que debes superar entendiendo y resolviendo un problema con líneas de código. 

Nada más entrar en Codeacademy, ya tendremos que empezar a programar para introducir nuestro nombre mediante código, y en todo momento se nos dirá si lo estamos haciendo bien o no.

En su catálogo de cursos encontraremos un amplio abanico de opciones, como Python, JavaScript, jQuery, PHP, Ruby y algunas APIs de servicios online.., todo ello con un alto componente interactivo para que venzamos el miedo a programar. Además, está en español.

Udacity

Con Udacity podremos acceder a distintos cursos para programar, todos ellos gratuitos (aunque algunas funciones están limitadas a usuarios de pago).

Por ejemplo, el acceso a vídeos y ejercicios no tiene coste, al igual que la consulta de nuestros progresos, pero si queremos que nos revisen el código generado, recibir atención personalizada u obtener un certificado, habrá que pasar por caja.

Udacity es un MOOC general, sin ningún énfasis especial en la programación. Eso no quiere decir que entre sus cursos online no haya recursos excelentes para aprender a programar. De hecho, uno de los más populares de la plataforma es Computer Science 101, que en español vendría a ser algo como ‘Introducción a la informática’.

Su catálogo es enorme, con múltiples opciones como desarrollo web, crear videojuegos para móviles (como por ejemplo programar tu propia versión de 2048) o aprender HTML5, entre otras.

Programmr

Programmr permite aprender a programar gratis en infinidar de lenguajes, siendo una de las webs más completas a las que podemos acceder.

Una vez nos registremos, accederemos a un inmenso catálogo en el que veremos numerosos ejemplos y dispondremos de ejercicios para poner en práctica lo aprendido.

Ya sea Java, C++, Python, Ajax, PHP o incluso apps para Android e iOS, en ella estaremos bien surtidos para saciar nuestra sed de conocimiento.

El sitio ofrece ejercicios de instrucción y de mejora en los idiomas de la consola tales como Java, C ++, C #, Python, Ruby y SQL así como Android y iOS desarrollo. Programmr permite UERS codificar, compilar y ejecutar proyectos en idiomas todo desde el navegador. 

Esto hace que la experiencia de aprendizaje mucho más fluida y fácil.

Scratch

Los más pequeños de la casa también pueden aprender a programar gratis y divertirse haciéndolo gracias a Scratch, una comunidad de aprendizaje creativo con más de 5 millones de proyectos compartidos.

Es un lenguaje de programación visualdesarrollado por el Instituto Tecnológico de Massachusetts (MIT) para enseñar a programar a niños y adolescentes de entre 8 y 16 años. Está pensado para que los jóvenes aprendan a pensar creativamente, razonar sistemáticamente, y trabajar en grupo. Habilidades esenciales para desenvolverse y encontrar un trabajo en el siglo XXI.

Todo es tan sencillo como mover y arrastrar las distintas fichas de colores, organizadas por categorías, y unirlas como si se tratase de un puzzle. Así, haremos que un personaje se mueva por la pantalla como indiquemos, todo mientras aprendemos código. 

Con Scratch puedes crear presentaciones, historias interactivas, vídeos musicales, gráficas animadas, juegos, programas, arte digital, y otro contenido que puedes compartir con otras personas. Además está disponible en español.

Más sobre Scratch

codigofacilito

Codigofacilito es un canal de Youtube muy interesante si queremos aprender a programar gratis en español.

En ella, encontraremos muchos vídeos en español estructurados por distintas áreas temáticas, y tal y como reza su eslogan, pone a nuestra disposición todo un directorio para aprender todo lo que los programadores enseñan pero 100% gratis.

Podemos encontrar cursos de HTML5, PHP, Java, jQuery, Python, C++, Ruby etc…, cuenta con vídeos muy instructivos y fáciles de seguir que te ayudarán en cada curso.

Coursera

Otro MOOC multipropósito con varios cursos dedicados a la programación. Su objetivo es democratizar la educación, y para ello ofrece cursos de programación gratis.

En Coursera podrás encontrar clases procedentes directamente de profesores residentes en universidades tan prestigiosas como Stanford o el mismísimo MIT.

No hace falta cumplir ningún requisito para acceder al curso. Según la presentación del mismo, cualquiera con un conocimiento básico de matemáticas y una experiencia moderada en el uso de computadoras debería poder seguir el programa.

Dentro de la oferta de cursos enfocados en el mundo de la programación, en Coursera podremos encontrar oferta de todo tipo, desde cursos para iniciarte en la programación como curos más avanzados y relacionados con lenguajes como Python, Ruby on Rails, etc.

Si terminas un curso con éxito, puedes solicitar un certificado que acredite tu formación.

Todos los tweets destacados de esta página de inicio bautizada como Twitter Hello incluyen material audiovisual, ya sea en forma de imagen, un pequeño vídeo o GIFS animados que se reproducen a medida que el usuario recorre la pantalla.

Cada una de las categorías de la nueva portada de Twitter contiene una colección de tweets de diferentes perfiles según la temática, aunque no está claro si estas colecciones se hacen automáticamente o son generadas por empleados de Twitter.

La recién estrenada página de inicio de Twitter funciona como reclamo para aquellos que todavía no tienen cuenta o no entienden el funcionamiento de esta red social al ofrecer una pequeña vista previa de lo que podrían leer al darse de alta en el servicio.

Twitter lleva meses experimentando nuevas fórmulas a la hora de recopilar y presentar contenido destacado tanto a sus usuarios como lo que no lo son. Durante los próximos meses se espera la llegada de Project Lightning, que ofrecerá a los usuarios un feed curado de eventos destacados, con imágenes de carga rápida y reproducción de vídeos.

La nueva portada de Twitter por el momento se ha activado en Estados Unidos y aunque se puede acceder desde España a través de este enlace, la página no diferencia los contenidos destacados según la procedencia del usuario, lo que merma el potencial de esta novedosa página de inicio. 

La razón podría ser el diseño y el contenido multimedia de las webs actuales, según apunta la empresa HTTP Archive, cuyos informes miden el rendimiento de Internet y su estructura.

El informe concluye que las páginas webs de cada vez son más pesadas y complejas, lo que daría explicación a ese problema de que Internet cada vez va más lento.

Según datos más concretos, el peso medio de una web es de2,1 megas, debido entre otras razones al uso de imágenes en alta calidad, la integración de vídeo en web o los plug-ins sociales.

El uso de herramientas de seguimiento y análisis web también son causa de que la web vaya más lenta ya que, la inserción de rastreadores de datos no sólo aumentan el peso sino también el tiempo de carga.

Hay datos curiosos, como que las tipografías usadas también tienen mucho que ver en ello. El hecho de que los webmasters hagan uso de fuentes propias y exclusivas implica al menos el5% del peso de la web.

La gran mayoría del tráfico está empezando a generarse en gran medida desde los smartphones y tablets. Esto supone que los desarrolladores tengan que crear más versiones webs para diversos formatos.

Esto implica que puedan existir infinidad de tamaños webs en función de los dispositivos, así como el código para que todo pueda funcionar correctamente.

Además, dado el aumento de ciberataquesa las webs, éstas utilizan cifrados cada vez más complejos para mantener su seguridad lo que también justificaría que Internet cada vez va más lento.

Amnesia digital: olvidar porque Internet te lo recuerda

No sólo se trata de una cuestión del diseño aunque sí en su mayoría. Entre otros factores se encuentran la congestión de la red, la velocidad de procesamiento de nuestro dispositivo o la cantidad de RAM de la que estemos haciendo uso.

Tengamos en cuenta que la ralentización deInternetpuede ser ínfima, casi de milisegundos, pero a ojos de un usuario es más que suficiente para que salga de ahí y visite otra página buscando lo mismo.

[Fuente: CNNMoney]

Esto es lo que está pasando con WebAssembly, un nuevo estándar en la programación web que está siendo apoyado por grandes compañías como Google, Mozilla, Apple y Microsoft.

WebAssembly está pensado como alternativa aJavaScript para los programadores, pero con un rendimiento 20 veces superior.

Se trata de un estándar binario que mejoraría la experiencia actual, haciéndola más fluida con las aplicaciones web, pero sin intenciones de reemplazar aJavaScript, al menos en un futuro cercano.

Es más, los principales programadores ya han avisado de que no están dejando de ofrecer soporte a JavaScript y, de hecho, no se encuentra en sus planes dejar de hacerlo en un futuro.

Las empresas dueñas de los mayores navegadores también están trabajando en el proyecto WebAssembly, por lo que se espera que este sea capaz de llegar a buen puerto y no se quede estancado.

Te enseñamos a actualizar automáticamente tus webs en Google Chrome

Por ejemplo, Mike Holman, programador de Microsoft, ha explicado que se sienten satisfechos porque con WebAssembly "se abre un camino que permitirá trabajar con rapidez y armonía con código fuente que no pertenece a JavaScript".

Por su parte el programador de Google, Ben Titzer, también ha querido indicar que ellos también están participando en el proyecto, tratando de conseguir que el motor de Chrome que se basa en JavaScript sea capaz de descodificar las instrucciones deWebAssembly.

Eso sí, por el momento es importante destacar que nuevo estándar para la programación we conocido como WebAssembly se encuentra en sus primeras fases de desarrollo y que sus especificaciones aún no están completas, por lo que aún falta bastante tiempo hasta que lo lleguemos a ver funcionando en nuestros navegadores.

Fuente: arstechnica

Dado que se trata de un artefacto muy sencillo y no hay tanto que contar, es perfecto apara nuestro Gadget en 59 segundos. A pesar de todo, no es un puntero sencillo como el que se puede encontrar en una tienda de informática cualquiera. Y por supuesto, difiere mucho de los micro punteros que los jóvenes llevan enganchados al smartphone.

La punta es metálica y tiene tres puntos de presión: simple, normal y pulsación. Además, la punta del Quill Stylus es metálica y gradual, con lo que si utilizamos una tableta de diseño podremos hacer trazos más gruesos o más finos dependiendo de cuanto apretemos el aparato. 

Aquí tenéis el Gadget anterior: el Energy Phone Colors: un móvil por 60 euros

Además está el tema de la estética. No sólo es un diseño de pluma muy apropiado, sino que tiene un acabado en plástico anti sudoración y cuenta con un pequeño tintero o reposaplumas en el que podemos dejar el aparato cuando no lo estemos utilizando. 

Ahora la parte mala: el aparato es muy bonito, muy estiloso (de stylus) y práctico pero... ¿Cuánto cuesta? 

Pues bien, sólo la pluma y el tintero cuesta un total de 41 euros. A pesar de todo, el precio no ha echado para atrás a los japoneses: en el país nipon, el Quill Stylus se ha puesto muy de moda. 

En cualquier caso, si el precio no os echa para atrás siempre podéis haceros con ella aquí, en una tienda online. Y si ya lo tenéis, podéis dejarnos vuestros comentario aquí abajo contándonos la experiencia. 

El primer paso tras la contratación del servicio Mi Web será acceder al panel de control de tu cuenta de cliente de Strato, y desde allí comenzar a crear tu página web. Para ello, accede a la página web de Strato y haz clic sobre el botón Login de la parte superior derecha. A continuación, escribe tu usuario y contraseña. Tras esto, accederás a tu panel de control de usuario. Haz clic sobre el botón Entrar en Mi Web del cuadro Mi Web PRO.

Elige una plantilla para tu web

A continuación accederás al editor de tu página web.

En Strato Mi Web encontrarás todo lo necesario para crear una página web con un aspecto totalmente profesional: Plantillas prediseñadas para tu página web, imágenes de calidad, distintos tipos de fuentes, etc.

Comienza eligiendo un diseño de plantilla en el que basar tu página web, para luego personalizarla sustituyendo las imágenes, logotipos y todo lo que creas conveniente.

Haz clic sobre la pestaña Estilo/Detalles y se desplegará todo el catálogo de plantillas disponibles.

STRATO pone a la venta los dominios .futbol y .tienda

Al pasar el puntero del ratón sobre cada una de las miniaturas de las plantilla se muestra una vista y los detalles de cada una de ellas. Entre esos detalles se incluye la compatibilidad con diseño Responsive. Esta característica permite que tu página web se adapte automáticamente al tamaño de pantalla del dispositivo en el que se está visualizando y, por tanto, tu página web siempre se mostrará correctamente.

Procura elegir una plantilla que cuente con esta característica.

Además, al hacer clic sobre alguna de las plantillas, podrás ver las distintas combinaciones de color que permite.

Cuando te hayas decidido por una, haz clic sobre Aplicar para comenzar a personalizarla. Con esto ya has dado el primer paso para crear tu página web de aspecto profesional.

Establece la temática de tu web

Strato Mi Web filtra las imágenes y el contenido gráfico para que se adapte a tus necesidades.

Por ello, una de las primeras cosas que debes hacer es establecer la temática de tu web para que te muestre contenido que te resulte útil.

Haz clic sobre la pestaña Configuración y, en el apartado General, haz clic sobre Categoría del sitio web. Aquí, establece la categoría de tu actividad y su especialidad.

Comienza a personalizar tu plantilla web

Tras elegir la plantilla que servirá de base para crear tu página web, comienza a personalizar los elementos editables de la plantilla para incluir tus propios elementos identificativos.

Algunos de estos elementos son comunes a toda la página web, como pueden ser el logotipo, el nombre de la empresa o el menú de navegación de la página. Estos no cambiarán independientemente de la sección que visites en tu página web. Otros en cambio, son propios de cada una de las páginas.

Comienza por editar los elementos comunes a toda la página web. El primero que modificarás será el logotipo.

Cada plantilla lo ubica en una posición diferente, pero podrás identificar su ubicación por el rótulo Logo.

Sitúa el puntero del ratón sobre él y haz clic sobre el icono Elegir imagen. Acto seguido aparecerá el cuadro del Administrador de archivos.

En el panel de la derecha, encontrarás la zona de arrastre. Bastará con arrastrar el archivo de imagen de tu logo hasta esa zona y se añadirá a tus archivos de Strato Mi Web. Ahora, tu logotipo aparecerá en el cuadro central. Haz clic sobre él y pulsa en Aceptar.

El logo se añadirá a la página, pero muy probablemente necesitará ajustarse al espacio en la plantilla.

Sitúa el puntero del ratón sobre el logotipo para que se muestren sus opciones de edición y haz clic en Encajar imagen.

Haz clic sobre los controles de zoom para aumentar o reducir el tamaño del logotipo o utiliza los ajustes vertical u horizontal.

Tras ajustar el tamaño del logotipo, haz clic sobre él y arrástralo hasta ajustarlo en una posición adecuada.

A continuación, edita el texto de Título y slogan de tu página web. Para conseguirlo sólo tendrás que hacer clic sobre el texto de muestra y sustituirlo por el correcto.

¿Quieres un hosting gratis de STRATO con dominio .futbol?

Modifica el menú de navegación

El menú de navegación es uno de los elementos comunes más importantes. Sobre él recae la responsabilidad de guiar al visitante por las distintas secciones de tu página web.

Por ello, debe mostrar, de forma clara y sencilla, las secciones a las que el visitante podrá acceder. Dado que este menú es la puerta de entrada a las secciones de tu web, está directamente relacionado con su estructura. Por lo que deberás definir las páginas que compondrán tu página web.

Hazlo desplegando el panel Estructura de páginas que encontrarás oculto en el lateral derecho. Haz clic sobre él para desplegarlo y pulsa en Editar. A continuación, se muestran las páginas prediseñadas que incluía la plantilla.

Por ejemplo, comienza por modificar la entrada de la página principal. Seleccionala y haz clic en Configuración de la página. Después, cambia el título de la página, completa la información del resto de cuadros y pulsa sobre Aceptar para aplicar lo cambios.

Repite el proceso con el resto de páginas.

Si lo necesitas, también puedes añadir fácilmente nuevas páginas a la estructura de tu web.

Usa el botón Añadir página y añade la información de la página.

Después, sitúala en su posición correcta con los botones de posición. Esta posición será la que mantenga en el menú de navegación.

Si quieres crear una página anidada dentro de otra sección, sitúa la nueva página debajo de la sección que la contendrá y pulsa sobre el botón flecha a la derecha. De ese modo la página pasará al segundo nivel del menú de navegación.

Para eliminar alguna página, pulsa sobre Eliminar página.

Cuando termines la configuración de la estructura de páginas de tu web, haz clic en Guardar y revisa que el menú de navegación esté a tu gusto.

Cambia el tipo de letra y los colores de tu página web

Ahora que tu página web ya va teniendo algunos elementos personalizados, tal vez consideres que la combinación de colores o el tipo de letra no combinan del todo bien con los de tu logo o con el estilo que tenías pensado. No te preocupes, cambiar la combinación de colores de tu página web será mucho más sencillo de lo que piensas.

Haz clic sobre la pestaña Estilo /detalles de la parte superior y elige el apartado Colores.

Después, pulsa sobre Cambiar colores. Acto seguido aparecerá un cuadro con diferentes gamas de colores.

STRATO, nuevas ofertas, servidores virtuales y creador web

Haz clic sobre alguna de estas combinaciones y podrás ver el resultado del cambio directamente sobre tu web.

Cuando encuentres las combinaciones de colores adecuada, pulsa en Aplicar.

El proceso para cambiar el tipo de fuente que utilizará tu página web es muy similar al que has visto para modificar los colores.

En el apartado Fuentes de la pestaña Estilo/detalles, pulsa sobre Cambiar fuentes y elige una fuente que te guste.

Añade nuevo contenido a las páginas de tu web

Añadir nuevo contenido o modificar el que incluye la plantilla web es tan sencillo como seleccionar el elemento y arrastrarlo hasta su nueva ubicación.

Por ejemplo, puedes  modificar el contenido que aparece en la página de inicio de tu web.

Haz tres clics consecutivos sobre alguno de los párrafos a modificar y se seleccionará todo el párrafo. Ahora podrás escribir tus propios textos.

También puedes crear composiciones más dinámicas configurando bloques de texto en columnas.

Para conseguirlo, haz clic con el botón derecho del ratón sobre la esquina superior derecha de uno de los párrafos de texto y, a continuación, haz clic sobre la rueda dentada para acceder a las opciones de configuración del bloque. En la opción Columnas indica el número de columnas que formarán ese bloque de texto.

Además, en esas mismas columnas, puedes insertar imágenes que apoyen el concepto que transmites con el texto.

Para hacerlo, accede a la pestaña Administrar contenidos y, en el apartado Imágenes y vídeos, haz clic en Archivo multimedia. En este apartado encontrarás una extensa colección de imágenes relacionadas con la temática de tu web que Stratos Mi Web te ofrece de forma gratuita. 

También puedes añadir tus propias imágenes desde el apartado Mis documentos y desde allí accede al Administrador de archivos para añadirlas tal y como ya hiciste con la imagen de tu logo. Selecciona una imagen y arrástrala hasta la posición que ocupará en tu página.

Ajusta el tamaño de las imágenes situando el puntero del ratón sobre ellas y haz clic sobre la esquina inferior derecha mientras la arrastras en diagonal. Sigue el mismo proceso para modificar el resto de páginas que forma tu página web. 

Los dominios más curiosos y lucrativos de la historia

Crea tu página de contacto

La página de contacto es una de las más importantes de tu web ya que muy probablemente será la forma que tus clientes elijan para ponerse en contacto contigo.

La plantilla que has elegido seguro que ya cuenta con una de estas páginas. No obstante, al igual que has hecho con el resto de la página, tendrás que personalizarla con tus datos de contacto. Además de esto, también puedes añadirle un formulario de contacto, un mapa, tu horario de apertura, etc.

Strato Mi Web te ofrece todo esto en forma de Widgets.

Para añadir uno de estos widgets de Mi Web a tu página web, por ejemplo el formulario de contacto, haz clic en la pestaña Administrar contenidos y, en el apartado Widgets, elige el widget Contacto y arrástralo hasta la posición que ocupará en la página.

Después, sitúa el puntero del ratón sobre el formulario de contacto que se ha añadido a tu página web y haz clic sobre la rueda dentada para configurar opciones como los campos que incluirá, la dirección de correo a la que se enviará el contenido del formulario, etc.

Optimiza tu página para los buscadores

Para que tu página web aparezca en las primeras posiciones cuando alguien la busque en internet, será necesario facilitarle a los buscadores algunos datos sobre el contenido de tu página y su temática, para que así cataloguen mejor tu página web.

Estos datos se introducen desde el apartado Configuración.

Haz clic en Opciones SEO. En la sección Configuración del Navegador, escribe el título de la página web que se mostrará en la ventana del navegador, una selección de las principales palabras clave que definen tu actividad y una breve descripción de la temática de la página web.

Además, podrás seleccionar una imagen para que se muestre junto al enlace cuando se comparte tu página web en las redes sociales.

Tu página web para todos los dispositivos

Actualmente, gran parte del tráfico de internet se genera desde dispositivos móviles. Por ese motivo resulta vital que tu página web se muestre correctamente en cualquier dispositivo, sin importar el tamaño de pantalla que tenga.

Puedes activar la opción Sitio web móvil en la pestaña Configuración para que si acceden a tu página web desde un smartphone, tu página web se adapte al tamaño de su pantalla y sea más cómoda de visitar.

Activa la opción marcando la casilla Publicar mi sitio web como una versión de smartphone optimizada.

Después, elige un diseño para la versión de tamaño reducido de tu web.

Cuando termines, ya podrás publicar tu página web para comenzar a recibir visitas. Pulsa sobre la opción Publicar que encontrarás en la parte superior derecha de la pantalla.

Un tema realmente versátil creado por los chicos de Graph Paper Press. Cada sección de la página está modularizada (¡de ahí el nombre!) para que puedes activar o desactivar características de la portada a tu antojo con un simple click. El aspecto minimalista y un ancho generoso te permitirán destacar los vídeos y elementos multimedia con facilidad.

Comprar | Demo

Videozoom

Esta plantilla multimedia incorpora compatibilidad nativa con vídeos insertados desde YouTube, Vimeo e, incluso, ficheros alojados en tu propio servidor gracias al reproductor JW. La cabecera permite insertar vídeos y descripciones de forma llamativa en un slider dinámico, mientras que el resto de la portada está estructurada con diferentes widgets para mostrar las clásicas secciones de vídeos populares, destacados de la semana y demás.

Comprar | Demo

Cube

Umbrella Studios es una agencia misteriosa con apenas una docena de temas publicados, pero ya se está haciendo un nombre. Cube es su aproximación al terreno multimedia de WordPress, y lo consigue con un aspecto realmente limpio, quizá debido a una clara inspiración en la estética de Google +.  Cada tipo de publicación (vídeo, audio o texto) tiene su propio objeto de WordPress y se diferencian fácilmente gracias al icono que aparece sobre la miniatura. Incluye reproductores personalizables, integración nativa con Facebook, sistemas de comentarios y botones sociales del tipo ‘me gusta’ y ‘no me gusta’. Definitivamente, un must-try.

Comprar | Demo

Maximize

Olvida el típico portal de vídeos con mil miniaturas y un vídeo destacado en el centro. A medio camino entre portfolio y showcase multimedia, Maximize ocupa toda la pantalla del navegador para mostrar la imagen o el vídeo que quieras. Ni siquiera el menú se muestra hasta que presionas en el botón de la esquina superior derecha. Los diferentes elementos de la portada se van sucediendo de forma automática, o cuando pulsas las flechas de dirección del teclado.

Comprar | Demo

Origin

Otro tema que podría funcionar muy bien como plantilla para portfolios o para fotógrafos, pero que también resulta muy atractivo para mostrar una colección de vídeos. Emplea un diseño de parrilla auto expandible con efectos hover CSS3 muy logrados: cada miniatura esconde el título y la descripción de la obra hasta que pasas el ratón por encima. Úsalo con custom post types para mostrar vídeos y tendrás un portal multimedia único.

Comprar | Demo

Trio

Si estás buscando una plantilla multimedia para la web de tu grupo de música, no busques más: Trio es precisamente eso. Incluye un reproductor dual con soporte para audio y vídeo, así como plugins para merchandising y fechas de conciertos. Tanto el reproductor como el diseño en sí son compatibles con todos los dispositivos, así que no habrá excusa para tus fans.

Comprar | Demo

Clubber

Otro tema claramente orientado al audio, aunque con mayor énfasis en el ambiente tecno o electro. Ya sea para un DJ o para una sala de electro, el diseño de Clubber encajará a la perfección con los fans de estos géneros musicales. Incluye soporte para agenda de conciertos, reviews de lanzamientos e inserción de vídeos. Si eres usuario de Soundcloud, agradecerás la integración nativa.

Comprar | Demo

LA-BAND

En esta ocasión, la orientación a la reproducción de música es más incisiva, por lo que el tema cuenta con un widget fijo en la parte inferior de la página. Eso sí, a diferencia de sitios más avanzados como Soundcloud, el sonido se interrumpe al cambiar de página. Por lo demás, cuenta con estilos preconfigurados para mostrar parrillas de vídeos a varias columnas, así como un potente esquema de colores ideal para los amantes de la noche.

Comprar | Demo

This way

Aunque podría encajar perfectamente como tema para portfolio, el alto contenido multimedia de esta plantilla ha hecho que acabe en esta lista. This way ofrece las llamativos imágenes y vídeos a pantalla completa sincronizados con un slider de contenidos en la parte de la derecha. Todas las secciones de la página se cargan mediante Ajax en un panel flotante, lo que permite que el audio se reproduzca de forma ininterrumpida. Si no te lo crees, ¡visita la demo!

Comprar | Demo

Dimple

Cerramos la lista con un tema de vista única, donde las secciones de la web se esparcen a lo largo de una sola página separada por los fondos de cada panel. Dimple usa inteligentemente los colores planos para crear un ambiente distendido que sugiere frescura creativa, lo que lo hace perfecto para agencias de diseño y asesoría artística. Es 100% compatible con el reproductor nativo de WordPress y, además, no tiene reparos en admitir vídeos de YouTube, Vimeo y lo que le eches.

Comprar | Demo

Los chicos de ThemeShifters pueden estar orgullosos de este tema para Wordpress. Es increíblemente versátil y prueba de ello es su página de demostración. Hay tantas formas de adaptarlo que se han visto obligados a dividir la demo en dos secciones, según el comportamiento: vista única o en varias páginas. Además, puedes elegir entre varios tipos de cabecera, incluyendo un vídeo a ancho completo.

Comprar | Demo

Vertex

Otro tema construido en una vista de página única en la que los elementos van apareciendo con transiciones y animaciones según se desplaza el usuario. Las secciones pueden diferenciarse claramente con fondos individuales e incluir widgets personalizados para engatusar visualmente al usuario.

Comprar | Demo

Fluxus

Cambiamos de tercio para optar por una estrategia estética diferente. Aunque se mantiene la vista de una sola página, en este caso el scroll se realiza sobre el eje horizontal. En cada uno de los paneles podrías insertar un proyecto destacado de tu cartera de clientes o, si lo prefieres, crear una parrilla para mostrar varios elementos a la vez. Fluxus también se desenvuelve bien como tema para fotógrafos.

Comprar | Demo

Imbalance 2

Este tema gratuito es perfecto para portfolios un poco más serios en los que el contenido es el protagonista. Si eres de los que piensa que no siempre es necesario recurrir al efectismo para convencer a los clientes de tu talento, este es el tipo de diseño que estabas buscando. La portada hace las veces de parrilla Pinterest enlazando a cada entrada individual.

Descargar | Demo

Workality Lite

Otra entrada de la lista que demuestra que los temas gratuitos pueden cumplir a la perfección. Workality opta por la ya clásica combinación de texturas de papel y fuentes tipo Helvética para dibujar una portada sencilla que permite hacer enfásis en tus obras. Además, Northeme ofrece una versión Premium más personalizable y con soporte técnico para lo adaptes a tus necesidades sin ningún problema.

Descargar | Demo

Nico

Los de CSS Igniter lo tienen claro: querían hacer un tema hecho a medida para portfolios y Nico fue el resultado. Un menú a la izquierda hace las veces de carta de presentación y formulario de contacto, mientras que el panel de la derecha lista tus obras más recientes, categorizándolas en pestañas si así lo consideras necesario. Las animaciones de las miniaturas le dan un toque distintivo muy agradable y moderno.

Comprar | Demo

Flexible

Otro candidato de la agencia Elegant Themes. En esta ocasión, el tema se llama Flexible y opta por una paleta predeterminada con colores más relajados: principalmente azules y grises. Eso sí, siempre puedes cambiarlo con el asistente de personalización incluido. Pruébalo en la demo y verás lo sencillo que resulta. Las diferentes secciones de la portada emplean un diseño de parrilla sin márgenes para explotar al máximo el espacio de imágenes.

Comprar | Demo

Metro Vibes

Como sugiere el nombre, este tema de Theme Fuse sigue la tendencia estética de la interfaz Modern UI de Windows 8, lo que se traduce en colores planos y líneas sencillas. El resultado es un aspecto relajado a la vez que interesante, dejando que la paleta de colores sea quien decida el interés de las secciones. Ideal para desarrolladores web y proveedores de servicios online.

Comprar | Demo

Flat

Flat también sigue un diseño de colores planos, aunque con un enfoque mucho más extremo. No hay un solo rincón en el concepto que deje sitio a márgenes y huecos en blanco: todo está relleno por la paleta de colores. Incluye un puñado de plugins que te permiten ilustrar a la perfección el contenido, como barras de progreso, líneas del tiempo y todo tipo de animaciones. Por si fuera poco, es compatible con el builder de Themify, por lo que podrás diseñar la web arrastrando y soltando elementos a tu antojo.

Comprar | Demo

Fontfolio

Este tema de Dessign sigue una estrategia de mercado freemium. Si no te importa que el diseño sea 100% responsive, puedes descargar la versión fija de forma gratuita. No obstante, con la cantidad de tráfico que mueven hoy día smartphones y tablets, tal vez quieras escoger la versión Premium, que sí es responsive. Por lo demás, Fontfolio sigue una estética que satisfará especialmente a creativos del área del diseño tipográfico. Su portada en parrilla admite diferentes tipos de celdas para darle más importancia a los elementos destacados.

Descargar/comprar | Demo

Instalando componentes, módulos y plugins desde el panel de administración dotarás a tu sitio web de tiendas online, galerías de fotos, foros, etc.

Actualmente el directorio de extensiones de Joomla cuenta con más de 8.680 extensiones, y sigue creciendo.

Tener un número tan elevado de plugins y complementos tiene sus ventajas, pero también sus inconvenientes, y es que tanta variedad nos puede confundir y dificultar la labor de elegir una u otra extensión.

Las mejores ofertas para crear tu propia web

Para facilitarte esta labor te proponemos nuestra selección con los mejores plugins y complementos para Joomla, pero antes un vídeo en el que te contamos qué es y cómo funciona Joomla.

Akeeba Backup

Ningún sitio web construido con Joomla debería prescindir de este componente.

Akeeba se encarga de automatizar las copias de seguridad de tu página para que siempre tengas un backup a mano.

Puedes pensar que no lo necesitas, hasta que un día una subida de tensión en el centro de datos destroza los discos duros del servidor.

Combinado con el script Kickstart, es la solución de seguridad perfecta.

Descargar | Más información

JCE

El editor WYSIWYG incluido de forma predeterminada en Joomla está bien, pero se podría esperar mucho más de él.

JCE es el sustituto más completo que existe, gracias a su sistema interno de plugins.

Además de los gestores inteligentes de enlaces e imágenes, puedes añadir nuevas características instalando pequeños paquetes adicionales como complemento a Joomla.

Descargar | Más información

JComments

Joomla no incorpora ningún sistema de comentarios de forma nativa, por lo que tendrás que incluir otro por tu cuenta.

Si las soluciones de terceros como Disqus no te hacen demasiada gracia, siempre puedes recurrir a componentes como JComments para insertar comentarios en tus artículos.

Este componente se ejecuta en tu servidor, por lo que no tendrás que depender de ninguna otra compañía.

Descargar | Más información

Phoca Gallery

Una de las galerías más completas que existen.

Organiza tus imágenes en carpetas y súbelas todas a la vez para que los álbumes se creen automáticamente.

Sólo tendrás que preocuparte de configurar los tamaños de las miniaturas y qué tema usar para la galería.

Además, se puede integrar con extensiones de e-commerce como Virtue Mart para montar tu propio sitio de venta de imágenes.

Descargar | Más información

K2

Este componente lleva el sistema de creación de contenidos de Joomla a un nuevo nivel.

Con él podrás definir diversos campos personalizados y así crear nuevos objetos de contenido con los que construir sitios web más complejos.

Con un poco de imaginación, K2 es capaz de generar galerías, sitios de noticias, directorios, tablones de anuncios…

Descargar / Más información

Kunena

Si quieres insertar un foro en tu web, no busques más, Kunena es el componente nativo más sencillo de implementar.

Olvídate de scripts y plugins que sincronicen bases de datos entre phpBB y tu sitio Joomla.

Con Kunena es mucho más fácil: instalar, definir los foros y olvidarse del resto.

Descargar | Más información

Proforms

Inserta formularios en tus páginas de Joomla de forma intuitiva.

No es necesario saber HTML ni PHP; basta con instalar Proforms y usar la app del backend para crearlos tú mismo de forma visual.

Se distribuye en dos formatos: gratuito (con menos opciones) y comercial.

Descargar/comprar | Más información

eXtplorer

Si acostumbras a gestionar los archivos de Joomla mediante un cliente FTP, te encantará eXtplorer.

Es un administrador de archivos que se ejecuta directamente desde el backend, proporcionando todas las herramientas necesarias: subida y descarga de ficheros, renombrar, mover, copiar, cambiar permisos y mucho más.

Un must have si te pasas el día haciendo modificaciones.

Descargar | Más información

GCalendar

Inserta calendarios de eventos creados con Google Calendar en tu sitio web Joomla.

A diferencia de otros componentes, no emplea un iframe para cargar el calendario, sino que lo construye desde cero con el feed de Google.

Asimismo, incluye una serie de módulos para mostrar los próximos eventos, su localización y demás.

Descargar | Más información

HikaShop

Aunque durante mucho tiempo la extensión de eCommerce más usada en Joomla fue VirtueMart, poco a poco se ha convertido en un gigante difícil de mantener.

La savia fresca del sector, representada por componentes como HikaShop, está promoviendo la instalación de shopping carts más recientes.

No solo es una tienda online, sino que te asesorará con herramientas de marketing y análisis de mercado.

Descargar | Más información

Paradigm es, para muchos, el mejor temaque RocketTheme ha lanzado en 2013.

Combina fondos planos con imágenes desenfocadas para alternar las secciones de la página, e interpreta el comportamiento del menú superior en base a la posición del scrolling vertical o las dimensiones de la ventana.

Si el ancho es insuficiente, se mostrará un árbol desplegable en la esquina superior izquierda.

Comprar | Demo

Moustache, de YooTheme

Este tema de YooTheme ya ha aparecido en una de las recopilaciones de plantillas para WordPress. Afortunadamente, también es compatible con Joomla, por lo que podrás disfrutar de este estupendo portfolio corporativo en la plataforma que tú elijas. Inspírate con los presets de la página de demostración para hacerte una idea de hasta dónde puede estirarse este tema Instagramero.

Comprar | Demo

Smashboard, de JoomlArt

JoomlArt es otro de los veteranos en la creación de temas Premium para Joomla. Smashboard fue lanzado el pasado junio e implementa un diseño perfecto para magazines modernos. En vez de usar el scroll vertical, los elementos discurren en horizontal, mientras que el clásico menú superior es sustituido por una barra de iconos en el margen izquierdo que permite filtrar las categorías de contenido.

Comprar | Demo

(M)Social, de Gavick

Como indica el nombre, esta plantilla premium para Joomla de Gavick está pensada para webs con un alto componente de interacción social. La cabecera emplea una parrilla dinámica que se reagrupará según el ancho de pantalla disponible, mientras que resto de elementos sigue un estilo plano y equilibrado. En cuanto a los colores, se incluyen varias paletas predefinidas y, además, puedes crear las tuyas propias.

Comprar | Demo

ZT Darki, de Zoo Template

Si te gustó la nueva interfaz de Windows, Darki te entrará por los ojos. Basada en las mismas tendencias estéticas que Modern UI, esta plantilla de ZooTemplate estructura los elementos de la web en módulos regulares con rellenos planos. Eso sí, las extensiones incluidas hacen uso completo de características avanzadas de CSS3, con lo que se consigue un resultado muy llamativo y vistoso.

Comprar | Demo

Optima, de JoomShaper

Uno de los últimos lanzamientos de JoomShaper. Optima está pensada para sitios web corporativos que necesiten un aspecto serio pero no por ello pasado de moda. Animaciones, sombras y transiciones están a la orden del día en esta plantilla Premium e incluye varios perfiles predeterminados para ponértelo aún más fácil.

Comprar | Demo

Bolt, de Themexpert

Si te gustó el tema Xeon, listado como uno de los 10 mejores temas gratuitos para Joomla, Bolt te encantará, pues es algo así como su ‘hermano mayor’. Con multitud de perfiles prediseñados, esta plantilla opta por la estrategia de vista única y permite crear portfolios y webs de presentación en cuestión de minutos. Toda la web se carga en una sola página ultra optimizada, por lo que es posiblemente uno de los diseños más ligeros que podrás encontrar.

Comprar | Demo

Creative, de Joomla Monster

Este diseño de Joomla Monster es de esos que transforman tanto Joomla que los visitantes jamás sospecharían que se trata de un CMS. A primera vista, puede parecer incluso que es una app para tablets. Combina una portada en parrilla 100% responsive con un menú lateral bien integrado dimensionalmente, evitando así la ruptura habitual entre la navegación y el contenido. Todas las previsualizaciones están animadas y cuentan con transiciones sencillas pero atractivas.

Comprar | Demo

Magazino, de Hellas Design

Magazino se sitúa a medio camino entre una webapp y el típico tema para magazines online. El menú de navegación ha sido sustituido por una barra vertical con iconos, mientras que el contenido se reparte en paneles separados cromáticamente por categorías. En su desarrollo se ha usado Bootstrap, por lo que el comportamiento responsive está más que asegurado.

Comprar | Demo

Helion, de Shape 5

La plantilla de diciembre de los chicos de Shape 5 se diseñó para satisfacer la creciente demanda de sitios multimedia. Helion hace especial hincapié en el protagonismo de la barra lateral izquierda y la cabecera central, por lo que incluye varios módulos propios con animaciones y transiciones. Aunque por defecto usa un esquema oscuro, también existe la posibilidad de adaptarlo a paletas claras desde el panel de personalización.

Comprar | Demo

Si no te han convencido ninguna de estas plantillas para Joomla, quizá puedas plantearte utilizar otro CMS en la creación de tu nueva página web.

Diseño profesional con Wordpress

Joomla, al igual que Wordpress, que permite desarrollar sitios web dinámicos e interactivos, páginas web completas y totalmente funcionales.

De hecho, gracias al inmenso número de componentes que existen, podrás transformarlo en casi cualquier cosa.

Este CMS permite altas dósis de personalización dentro de cada diseño, plantilla o tema de Joomla.

Crea tu página web profesional desde 6,99 euros al mes

Si eres fotógrafo y necesitas un sitio en la red, estas plantillas para Joomla son lo que necesitas para mostrar todo tu trabajo de una manera limpia, organizada y muy visual.

BT Photography

BT Photography es una de las plantillas para fotografos en Joomla más populares de Theme Forest.

La portada incorpora un slider con las imágenes a pantalla completa, mientras que el resto de secciones de la página opta por un diseño tradicional a una, dos o tres columnas, según prefieras. Dispone de varias paletas de colores predeterminadas para personalizar rápidamente el aspecto del sitio.

El diseño es totalmente responsive y adaptado a móviles y tablets con hermósas imágenes, animaciones, CSS y Javascript incorporado, compresión de plantilla y demás.

Comprar | Demo

My Folio

My Folio es otro diseño basado en una paleta oscura que resulta realmente elegante.

Con esta plantilla para fotógrafos podrás crear tus propias posiciones de módulo para insertar los bloques de contenido a tu gusto sin preocuparte de las dimensiones de pantalla de los visitantes, pues es 100% responsive.

Puedes elegir entre cargar todo en una sola página dinámica o escoger varias páginas independientes.

Además cuenta con apoyo a más de 500 fuentes de Google, posibilidad de integrar vídeos de Vimeo y/o Youtube, etc.

Comprar | Demo

OT Photographer

Aunque la imagen de portada pueda parecer un tanto narcisista, este diseño puede resultar perfecta para fotógrafos individuales siempre que se le practique algún que otro ajuste de personalización.

El resto de secciones de la página respeta la altura máxima que configures en el panel de administración, por lo que el contenido queda confinado a un área con scroll vertical.

La plantilla OT Photographer cuenta con grandes opciones de personalización a través de CSS sin tables, con ancho de plantilla modificable, columnas intercambiables, 10 posiciones de módulos totalmente plegables y lo mejor de todo, con un SEO muy amigable para los principales buscadores.

Comprar | Demo

JP Personal

El nombre lo dice todo. Este tema está pensado para portfolios personales y, con un par de ajustes, el escaparate digital para tu obra fotográfica.

Aprovecha la plataforma Warp de YooTheme para garantizar un comportamiento 100% responsive y a un precio muy inferior a la media: tan solo 25€.

JP-Personal está construido para dotar a tu web de fotografía de un aspecto moderno y minimalista.

El SlitSlider en la parte superior de la página es perfecto para mostrar a sus mensajes o su producto. Aquí puede añadir sus imágenes de fondo, mensajes de texto o cualquier otro contenido. 

Este plantilla de Joomla para tu portafolio ofrece un diseño responsive gracias al uso de HTML5 / CSS3 y marco Warp. 

Comprar | Demo

Moderno

Dice el refrán que una imagen vale más que mil palabras.

Pues bien, en esta plantilla para fotógrafos y aficionados a la fotografía la imagen lo es todo.

El fondo queda inundado con las imágenes que escojas para la portada, dejando el menú relegado a la parte inferior de la página.

Al navegar entre el contenido, solo están el texto y tus ojos.

Nada de módulos y módulos en cada posible rincón. El tema rey del minimalismo en Joomla.

Comprar | Demo

Spectral

Esta es una de las últimas creaciones de RocketTheme, quizá la agencia de diseño de plantillas para Joomla con más años a sus espaldas.

Aunque en la demo puede parecer algo compleja para un simple portal de fotografía, se puede adaptar fácilmente a casi cualquier caso.

El diseño de estilo está inspirado por las recientes tendencias visuales, mezclando fondos sutiles y superposiciones, para crear una atractiva experiencia para sus visitantes.

Los fondos de cabecera se mezclan íntimamente con la características del diseño con superposiciones creando así efectos increíbles.

Esta es una de las plantillas más personalizables que encontrarás dentro de la amplia variedad de temas disponibles para Joomla. 

Comprar | Demo

Trawolta

Un tema sencillo construido en negros y naranjas para presentar tus últimas creaciones.

La cabecera está ocupada por una parrilla de 3x3, alternando imágenes y texto, dando como resultado una forma rápida y directa de mostrar tus trabajos fotográficos más recientes. El resto de la web sigue una estructura tipo blog correcta y acertada.

Diseño profesional para tu web

Esta es otra de esos "temas" donde la imagen juega un papel fundamental en el diseño de la página. El contenido de la página principal se agrupa cuidadosamente para creae un diseño muy limpio y atractivo.

Comprar | Demo

Showroom

Esta plantilla está diseñada con los portfolios y tumblogs en mente, por lo que no se arriesga y opta por el menú lateral en el margen izquierdo y la sección principal a la derecha.

Gracias a los múltiples presets incluidos, puedes elegir diferentes fondos y posiciones de los elementos.

Al estar creado por los chicos de YooTheme, las animaciones y efectos están más que asegurados en Showroom.

Este tema viene con toda una serie de características como: imágenes destacadas, diferentes variaciones de estilo y color, varios widgets disponibles, iconos, etc.

Comprar | Demo

Photographer

Un tema de vista única que exprime el máximo los fondos a pantalla completa con efecto de paralaje: diferentes fondos se van sucediendo a lo largo de la página, pero permanecen anclados en su posición a medida que los contenidos se desplazan sobre el lienzo.

Es 100% responsive, por lo que la interfaz cambiará de forma inteligente según la resolución disponible.

Una elección perfecta para todas las personas creativas, fotógrafos, diseñadores y otros. 

Comprar | Demo

Aragon

Antes de que empieces a pensarlo: no, este tema no tiene nada que ver con cierta comunidad autónoma.

Aragon sigue las líneas actuales del portfolio a pantalla completa con transiciones y paralaje.

Si le añadimos la integración con Bootstrap, se logra un tema moderno y conseguido, a la altura de los diseños más recientes.

Aragon es una plantilla de Joomla para fotógrafos freelance, pero también ofrece grandes posibilidades para grandes empresas y demás PYMES. 

Comprar | Demo

La gratuidad no rivaliza con la calidad. Elastica es un diseño limpio y sencillo que hace un uso racional de las animaciones CSS3 para darle un aspecto moderno y actual a tu web. 

El motor de renderizado es 100% responsive, lo que garantizará la máxima compatibilidad sea cual sea el dispositivo usado para visitar la página.

Descargar | Demo

Design Control

Recién salida del horno, esta plantilla de Shape 5 llega por Navidad para hacer gala de la plataforma Vertex.

Con ella se pueden construir sitios 100% responsive sin apenas esfuerzo y, de hecho, es la misma tecnología sobre la que se sustentan las plantillas comerciales de esta agencia.

Un diseño limpio y equilibrado con todas las características que se pueden esperar de un portal estándar.

Descargar | Demo

AfterBurner 2

Los chicos de RocketTheme ofrecen este tema de forma gratuita como carta de presentación a sus temas comerciales. Si bien carecen de algunos interesantes extras que sí aparecen en las plantillas Premium, tiene todo lo necesario para montar desde cero un portal con las últimas tecnologías web: HTML5, CSS3 compilado con LESS y JavaScript optimizado.

Descargar | Demo

Master Theme

YooTheme lleva un tiempo sin desarrollar un tema gratuito, pero ofrecen su plataforma Warp de forma totalmente libre. Como parte de este producto se incluye el diseño Master, que sirve como punto de partida para demostrar las capacidades de esta herramienta. Si bien al principio puede parecer excesivamente sencillo, ofrece todas las facilidades para personalizarlo a tu gusto.

Descargar/demo

Meet Gavern

Gavern es la plataforma de diseño de Gavick. En su última revisión, incluye soporte nativo para el framework Bootstrap de Twitter, lo que permite usar las últimas tecnologías web de forma eficiente sin ninguna complicación. El resultado final es un tema limpio, 100% responsive, con múltiples posibilidades de modularización para adaptarlo a tus necesidades.

Descargar | Demo

Music

Otro tema responsive de Gavick que implementa una interfaz con un alto componente jerárquico. Construido en torno a un portal sobre música, esta plantilla demuestra las posibilidades del framework de la agencia. Lanza la demo y redimensiona la ventana del navegador para ver cómo los elementos cambian su posición según el ancho de la página.

Descargar | Demo

ST Orddie

Una plantilla gratuita para montar una web corporativa con grandes encabezados, elementos animados y varios estilos de blog que responden perfectamente a las dimensiones de la pantalla. El personalizador incluido permite cambiar fácilmente de paleta de colores para encontrar el punto de partida más próximo al resultado final que desees.

Descargar | Demo

Sports Digga!

Una portada con fondos dinámicos que estructura los diferentes elementos de la página en bloques bien diferenciados. Dependiendo de la resolución a la que se renderice la web, el menú inteligente adopta una forma u otra para facilitar la experiencia de uso lo más posible. Crosstec es la agencia responsable de este diseño y, al igual que en el resto de sus productos, ofrece una descarga gratuita con funcionalidades limitadas. ¡Prueba todas las que quieras!

Descargar | Demo

Expose 4

Otro diseño concebido para hacer gala de la plataforma creada por la agencia de diseño de turno; en este caso, Themexpert. La interfaz es, cómo no, 100% responsive gracias al framework Bootstrap de Twitter. Implementa lo último de HTML5 y CSS3, así como un asistente de personalización para ajustar la plantilla a las necesidades del diseño. Ligera y funcional, es un buen punto de partida para ponerse en serio en esto del diseño web.

Descargar | Demo 

Xeon

Si buscas crear el típico portal de presentación de vista única, Xeon es tu plantilla. Las secciones de la web no utilizan diferentes páginas, sino que se sitúan en una sola usando diferentes paneles. La transición de uno a otro puede hacerse mediante desplazamiento vertical o, si lo prefieres, directamente desde el menú.

Descargar | Demo

Si no te han convencido ninguna de estas plantillas para Joomla, quizá puedas plantearte utilizar otro CMS en la creación de tu nueva página web.

Diseño profesional con Wordpress

Los CMS son sistemas de generación contenidos que, por su naturaleza online, requieren un servidor web con PHP y MySQL o similares.

No obstante, antes de contratar ningún servicio de alojamiento, es recomendable iniciar el desarrollo en un entorno local, en tu propio PC.

Uno de los más usados es XAMPP y es totalmente compatible con Joomla.

Crea tu propio servidor local para desarrollo web con XAMPP

Instala Joomla 3.x en tu servidor

La instalación de los CMS más recientes, como Joomla, no entraña más dificultad que seguir los pasos de un asistente a través del navegador.

No obstante, para un usuario principiante, los conceptos utilizados pueden resultar poco obvios y quizá necesiten esta guía detallada para servidores XAMPP.

Primeros pasos con Joomla 3: Instalación y conceptos básicos

El panel de administración de Joomla 3.x

Todo buen CMS necesita de un buen panel de administración, y Joomla puede presumir de ello.

La nueva versión luce orgullosa un backend totalmente renovado, por lo que gestionar tu página web será más sencillo que nunca.

Tu nueva web desde 0,99 euros al mes

Además, seguirás descubriendo algunos términos propios de esta plataforma.

Conoce el nuevo panel de administración de Joomla 3

Empieza a generar contenidos en Joomla

Una de las grandes ventajas de los CMS como Joomlao Wordpress es poder escribir artículos directamente desde el panel de control, gracias al editor visual que integran.

No hay que preocuparse por escribir código HTML ni tener Word a mano; todo transcurre en tu navegador sin necesidad de plugins.

Cómo publicar artículos en Joomla 3

Crea el menu de navegación

En Joomla, cada sección de la web ha de estar correctamente referenciada en el sistema de menús.

Es la única forma de añadir los apartados a la navegación del sitio y, además, ofrece muchas posibilidades de configuración para cada elemento individual, haciéndolo todavía más versátil.

Configura la navegación de tu web con los menús de Joomla

Personaliza el diseño de la web

En la mayoría de CMS, el diseño de la web es solo un aspecto más que puedes cambiar a tu antojo.

En Joomla, basta con instalar la plantilla, ajustar su configuración y activar el nuevo tema desde el panel de administración. En apenas tres clicks puedes cambiar radicalmente el aspecto de tu web.

Escoge un tema para Joomla y cambia el diseño de tu web

Los módulos en Joomla

En Joomla, los módulos son las extensiones utilizadas para insertar todo tipo de elementos en la página web. Puede ser un panel con los últimos mensajes publicados, el menú de navegación o un formulario de ingreso.

Hay miles de ellos y tú eliges cuáles usar.

Usa los módulos de Joomla y elige qué mostrar en la portada

Añade un sistema de comentarios

Joomla incluye todo lo necesario para empezar a publicar artículos en un blog o mantener una web de noticias.

También dispone de un sistema de usuarios, pero no hay ninguna facilidad integrada que permita comentar los artículos. Para ello, hay que recurrir a extensiones desarrolladas por terceros.

Añade un sistema de comentarios para tus artículos en Joomla

Los componentes

Los componentes de Joomla te permiten añadir casi cualquier cosa a tu web: foros, galerías de imágenes, sistemas de suscripción, monitorización de estadísticas... Al fin y al cabo, el JED cuenta con más de 7000 extensiones, así que es muy probable que allí encuentres todo lo que necesites para tu web.

Extiende las funcionalidades de Joomla con sus componentes

Sube tu sitio a Internet

AkeebaBackup es la solución de copias de seguridad más usada en el universo Joomla. Además de poner a salvo tu web, facilita enormemente la migración de webs a otros servidores.

Por si fuera poco, ¡es gratuito y muy fácil de usar! De paso, también aprenderás a restaurar backups genéricos.

Sube tu sitio Joomla local al servidor web usando un backup

Añade estadísticas y botones sociales

Tras completar la migración al server online, es hora de anunciar tu llegada a la red. Inserta algunos botones para que tus visitantes difundan y compartan los contenidos en sus redes sociales y monitoriza la actividad resultante con las estadísticas facilitadas por Google Analytics.

Sigue las estadísticas y socializa tu web basada en Joomla

El repositorio de Joomla está repleto de plugins que te permiten insertar botones con los que compartir los contenidos en Facebook, Twitter, LinkedIn y demás redes. Algunos siguen el desplazamiento vertical desde el lateral, otros están fijos bajo el texto y otros admiten muchas más configuraciones. También los hay comerciales o gratuitos, así que a fin de cuentas depende de tus gustos personales. Lo mejor es explorar la categoría Social Share del JED para ver todas las opciones disponibles. En el ejemplo se usará JoomShareBar, cuya descarga, eso sí, requiere registro.

Descubre el dominio perfecto

Instala JoomShareBar

Instala el plugin de la forma habitual a través del gestor de extensiones y, a continuación, dirígete a Extensiones> Gestor de plugins. Localiza la entrada correspondiente a JoomShareBar y pincha sobre ella para editar la configuración.

Cambia su estado a Habilitado y, en la pestaña 1. Basic Settings, activa, al menos, el modo Article View. La configuración predeterminada incluirá una columna flotante en el lateral que mostrará los botones en vertical aunque, por supuesto, puedes cambiarlo a tu gusto.

A lo largo de las diferentes pestañas podrás especificar si quieres que el panel siga al visitante según avanza por la página o si quieres incluir un enlace a tu página de Facebook. Dedícale unos minutos hasta estar satisfecho. Cuando estés listo, presiona en Guardar y cerrar y visita un artículo cualquiera para ver cómo le sienta a tu web.

Monitoriza las estadísticas

Lo más probable es que quieras llevar cierto control sobre el volumen de visitas que recibe la página, qué consultas han hecho en el buscador para llegar a ti o quién ha enlazado cierto contenido. Para ello, una de las mejores herramientas es Google Analytics. Antes de nada, date de alta en Analytics visitando este enlace y entrando con tu cuenta de Google. Luego, añade un nuevo perfil para la web siguiendo estas instrucciones.

Luego, en Joomla, instala un plugin de gestión de Analytics como Nice Google Analytics y, en su configuración, introduce el identificador del tracking UA. Especifica también la dirección de tu web y, en el desplegable inferior, si tienes varios dominios o subdominios. Habilita el plugin y presiona en Guardar y cerrar.

Tu página de informes de Google Analytics comenzará a mostrar los primeros datos al cabo de unas horas, si bien sólo comenzará a ser útil al cabo de varios días, momento en el que ya tendrás visitas suficientes para obtener resultados del análisis de estadísticas.

Tarifas y fucniones de tu web

Aunque lo habitual es acceder al JED y buscar la extensión pertinente, nada impide que vayas directamente a la web del desarrollador del componente y lo descargues ahí mismo. En el caso de AkeebaBackup, tienes que ir a esta dirección, escoger la última versión disponible para Joomla 3 y descargar el paquete Akeeba Backup Core. Luego, desde el panel de administración, instálalo de la forma habitual.

Si se produce algún error, es posible que tenga que ver con restricciones en la configuración de subida de archivos. Ante esta situación, puedes cambiar la configuración del php.ini o, si tienes espíritu aventurero, probar con otro método de instalación. Sitúate en la pestaña Instalar desde una URL y pega la dirección web que aparece junto al archivo recién descargado en el gestor del navegador (normalmente, está disponible con el atajo Ctrl+J).

El alojamiento web que necesitas

Crea un backup de tu sitio Joomla

Cuando lo tengas instalado, ve a Componentes> Akeeba Backup y acepta la configuración predeterminada presionando en el botón Accept the mandatory information and apply preferences, situado abajo del todo. A continuación, deja que se ejecuten los tests de rendimiento.

Cuando acabe, presiona directamente en el botón Backup now y, en la siguiente ventana, introduce algunos datos que te ayuden a identificar esta copia de seguridad. Por último, vuelve a presionar en Backup now y espera a que se completen todos los pasos de la copia. Cuando acabe, pincha en Manage Backups y verás la nueva copia en el listado de backups.

Carga el fichero comprimido al servidor online

Accede al servidor FTP de tu alojamiento usando el programa que quieras, ya sea FileZilla o el propio cliente FTP de Windows. Si no conoces cuáles son tus datos de conexión, contacta con tu proveedor. En cualquier caso, suele ser ftp.midominio.com y la combinación de usuario y contraseña del panel del hosting. Cuando hayas accedido, localiza el fichero JPA en la ruta C:\xampp\htdocs\joomla\administrator\components\com_akeeba\backup y cárgalo a la parte pública del server (carpeta /public_html, /htdocs o /www, usualmente). 

Servidores virtuales, ¿qué ofrecen?

Sube el script Kickstart de Akeeba

Mientras se sube el archivo JPA, accede de nuevo al sitio de Akeeba Backup y, esta vez, descarga el script Kickstart desde esta dirección. Este script se encargará de descomprimir el fichero JPA y lanzar el instalador de Joomla en el servidor online. No es un componente de Joomla, así que no trates de instalarlo como tal, pues no funcionará. Se descargará un Zip que debes descomprimir en tu disco duro, creando un buen abanico de archivos. De todos ellos, selecciona los ficheros kickstart.php, json2.min.js, jquery.min.js y, por último, la traducción española es-ES.kickstart.ini. Cárgalos en el mismo directorio que usaste para el fichero JPA del paso anterior.

Instala tu web online

En cuanto estén todos los ficheros subidos en el FTP, accede a la dirección www.midominio. es/kickstart.php y comprueba que el selector desplegable apunta al fichero JPA que acabas de subir. El resto lo puedes dejar tal y como está y presionar en Comenzar. Se mostrará un instalador similar al de Joomla muy fácil de seguir y, al acabar, podrás acceder a tu web online.

No obstante, es probable que se muestren algunos errores de escritura. Para solucionarlo, puedes consultar la documentación referida en el error. Básicamente, tienes que crear un directorio llamado kicktemp con permisos 777 en la misma carpeta del FTP donde está el fichero kickstart.php y, en el paso 2 de la configuración de Kickstart, cambiar al modo FTP. Se abrirá un formulario donde tendrás que especificar la configuración de conexión FTP que has usado para conectarte con FileZilla. No te olvides de añadir la cadena /kicktemp al valor especificado Directorio temporal. y presiona, de nuevo, en Comenzar. Esta vez debería funcionar sin problemas.

Instala Joomla vía Kickstart

Tras la descompresión, pulsa en Lanzar el instalador y sigue los pasos del asistente. Si se siguen dando errores de escritura, vuelve a facilitar los datos de conexión FTP y presiona en Aplicar cambios.

En principio, puedes presionar Siguiente para ir al próximo paso, aunque no está de más leer las recomendaciones que proporciona el asistente para un mejor rendimiento. A continuación, especifica los datos de conexión a la base de datos (si no has creado ninguna aún, contacta con tu proveedor de alojamiento para que te faciliten un método) y presiona en Siguiente.

Tras la restauración, pincha en Siguiente paso y, si quieres cambiar algunos de los parámetros mostrados, edítalos. Es totalmente opcional, así que, si lo prefieres, presiona directamente en Siguiente. Si te lo pide, copia los contenidos del área de texto y pégalo en un nuevo fichero Txt a través del Bloc de notas. Guárdalo con el nombre configuration.php (sin la extensión .txt) y súbelo al FTP.

Luego, borra la carpeta /installation mediante el botón Borrar el directorio de instalación o, si no es posible, manualmente mediante el cliente FTP. No te olvides de borrar los archivos que subiste en los pasos 2 y 3, o de lo contrario un usuario malintencionado podría hacer cambios en tu web. Por último, visita la dirección de tu web y comprueba que todo funciona correctamente. ¡Agarráte porque tu web ya está online, y va a empezar a recibir visitas! De hecho, quizá es buena idea ponerla en modo offline mientras ultimas los detalles. Para ello, desde el panel de administración, dirígete a Sistema> Configuración global y marca la opción Sitio fuera de línea. Un click en Guardar y tu sitio estará cerrado hasta que todo esté a tu gusto. 

El Directorio de Extensiones para Joomla (JED viene de Joomla! Extensions Directory) es el repositorio oficial de componentes, módulos y plugins para todas las instalaciones de este CMS. Organizado en un detallado árbol de categorías, es el lugar al que tendrás que acudir siempre que quieras añadirle una nueva función a tu página web.

Lo más sencillo es usar el buscador de la parte superior y, a partir de uno de los resultados, localizar la categoría que alberga el tipo de extensión que buscas. Por ejemplo, si quieres instalar un foro, deberías buscar algo similar a forums. Al pinchar en una de las coincidencias de la página de resultados, se mostrará un enlace con la categoría a la que pertenecen. Fíjate, además, en que son compatibles con la versión de Joomla que estés usando; en este caso, Joomla 3.x.

Descarga el componente

Si ya has visto cómo instalar módulos y plugins, este paso no te resultará demasiado difícil. Sólo tienes que acudir al sitio web listado en el JED y descargar el componente en cuestión. Ten en cuenta que estos portales ya están fuera de los dominios del equipo de Joomla, por lo que podrán exigir que te registres en su página o, en algunos casos con licencia comercial, que tramites un pago para adquirir la extensión. Por tanto, fíjate en los comentarios de otros usuarios que ya han usado esa extensión antes de abrir la cartera o, mejor aún, consulta si existe una alternativa gratuita.

Más de 300 Web Apps para alcanzar el éxito en Internet

Instala el componente

En cuanto completes la descarga, tendrás que acceder al panel de administración deJoomla. Una vez allí, desde el menú Extensiones> Gestor de extensiones, carga el paquete Zip del componente al servidor web usando el botón Subir e Instalar. Cuando el asistente termina, muchas extensiones muestran un mensaje de confirmación, pero no todas. En cualquier caso, podrás comprobar que todo ha ido correctamente si ves una nueva entrada en el menú Componentes. En el caso de Kunena, el sistema de foros que acabamos de instalar en el ejemplo, luce así.

Descubre el dominio perfecto para tu web

Configura el componente

Dependiendo de la complejidad de la extensión, tendrás que dedicarle más o menos tiempo a este paso. Los componentes más complejos, como los foros, requerirán que crees las categorías y subcategorías, ajustar los permisos de usuario, los tamaños de las imágenes, etc. Cada componente es un mundo, así que lo habitual es consultar la documentación que suelen ofrecer los desarrolladores en su respectiva página web.

Crea una entrada en el menú

Cuando hayas satisfecho todos los requisitos de configuración, dirígete al gestor del menú que estés usando como principal (habitualmente, Main Menu) y, antes de nada, fíjate si el componente ha creado ya una entrada propia. Algunas extensiones, como Kunena, se toman las molestias por ti, así que sólo tienes que activarlas pinchando sobre la cruz roja que aparece a su izquierda.

Si no has tenido tanta suerte, pincha en el botón Nuevo, selecciona la entrada correspondiente al componente que acabas de instalar y configura la entrada tal y como se mencionó en el capítulo de gestión de menús de este curso de Joomla 3.x.

Antes de empezar, debes saber que hay dos tipos de sistemas de comentarios: los que se alojan completamente en tu servidor web, junto con Joomla, y los que recurren a servicios de terceros, como Disqus.

Las soluciones alojadas se ejecutan sobre la propia base de datos, por lo que siempre lo tendrás bajo control, aunque a cambio de, teóricamente, un mayor consumo de recursos. No obstante, puede suponer una barrera para los nuevos usuarios, ya que tendrán que registrarse o superar controles anti-spam. Además, exige la instalación de componentes, plugins y módulos.

Crea una página web de éxito

Las soluciones de terceros, por su parte, se ejecutan en los servidores del servicio escogido y utilizan un sistema de login compatible con Facebook, Twitter y demás, por lo que es mucho más cómodo para tus usuarios. Sólo requiere instalar un plugin y crear una cuenta en el servicio.

Por tanto, a fin de cuentas, se basa en una cuestión personal. ¿Quieres facilidad de uso y no preocuparte por nada? Usa Disqus. ¿Prefieres control absoluto a cambio de un sistema algo más complejo? Usa alguna extensión, como JComments. En este caso práctico, verás cómo instalar Disqus en Joomla.

Instala Disqus en Joomla

Si vas a optar por Disqus, necesitarás descargar un plugin que te facilite la integración del servicio en Joomla. En el repositorio de extensiones de Joomla encontrarás varios de ellos, pero, elijas el que elijas, asegúrate de que es compatible con la rama Joomla 3.x. Por ejemplo, descarga el plugin Simple Disqus Comments directamente desde su página web y descomprime el fichero Zip (hay veces que el Zip instalable está dentro de un fichero Zip adicional). En este caso, el Zip contiene los instaladores para las tres versiones activas de Joomla.

Dirígete al panel de administración y, en la sección Extensiones> Gestor de extensiones, selecciona el fichero plg_simpledisqus_j30.zip e instálalo. A continuación, ve al apartado Extensiones> Gestor de plugins y localiza el plugin recién instalado escribiendo “disqus” en la caja de búsqueda. Pincha sobre su título y cambia el estado de Deshabilitado a Habilitado.

Abre una nueva pestaña, dirígete a la página de Disqus for Websites y da de alta tu web pinchando en Add Disqus to your website. Rellena el formulario con los datos de tu web, prestando especial atención al campo Site Shortname, que es el parámetro que habrá que facilitarle al plugin de Joomla. Asimismo, también tendrás que crear una cuenta de usuario que tendrá privilegios de moderación. Tras pulsar en Continue ya podrás configurar el plugin en tu web.

Empieza ahora a vender por Internet

Configura las opciones del plugin

Regresa al panel de administración, y en la página de configuración del plugin, cambia a la pestaña Opciones básicas. Introduce tu Disqus Shortname y, presiona en Guardar.

Por otro lado, puede que no te interese habilitar los comentarios en las páginas estáticas, del tipo Acerca de nosotros y similares. Para configurarlo en Disqus, tendrás que recopilar previamente los números de identificación de las categorías de las que quieres excluirlo. Lo más sencillo es acudir al gestor de categorías y anotar los números contenidos en la columna ID. Luego, podrás introducir los identificadores separados por comas en la configuración del plugin. Puedes hacer lo mismo con artículos concretos.

Revisa la actividad de los usuarios

Una vez tengas el sistema de comentarios activo y, dependiendo de la configuración de revisión de publicaciones, deberás pasarte por el panel de control del sistema. En el caso de Disqus, tendrás que acceder a la dirección web formada por tu shortname y el dominio disqus.com. En este caso, sería pruebacomputerhoy.disqus.com. Introduce tus credenciales de acceso y listo.

Para estructurar correctamente los módulos, cada plantilla incorpora una serie de posiciones en la que Joomla insertará los módulos. Desgraciadamente, no hay ninguna convención acerca de la nomenclatura que se debe emplear, por lo que es bastante probable que tengas que reasignar las posiciones de los módulos cuando cambies de diseño. Para averiguar qué posiciones usa tu tema actual, dirígete a la demo de la plantilla en la web del desarrollador, donde normalmente suelen publicar una guía visual de las posiciones. En el caso de RT AfterBurner, lo encontrarás aquí.

Crea una página web de éxito

Accede al gestor

Cuando te hayas familiarizado con las posiciones, ya puedes empezar a configurar la distribución de los módulos en las diferentes partes de la web. Entra en el panel de administración y accede a Extensiones> Gestor de módulos, donde se listarán todos los disponibles en ese momento.

Configura el módulo

Las columnas muestran, además del nombre del módulo, la posición a la que están asignados y en qué páginas se han insertado. Para configurarlo, pincha sobre el título de, por ejemplo, RokNavMenu, un módulo de menú diseñado especialmente por los chicos de RocketTheme para sus plantillas. Como puedes ver, la equis roja muestra que está inactivo (no publicado).

Empieza ahora a vender por Internet

Comienzo por cambiarle el nombre a algo con más significado como Navegación y, justo debajo, escoge la posición que más te guste. Ten en cuenta que ahí se listan todas las posiciones de todas las plantillas instaladas, así que tendrás que navegar un poco más abajo hasta dar con RT Afterburner 2. Elige, por ejemplo, una de las posiciones laterales como Sidebar A. Aprovecha también para cambiar el estado a Publicado.

Opciones específicas del módulo

En la pestaña Opciones debes elegir qué menú deberá mostrar este módulo, así como los niveles a los que comenzará la lectura. La configuración predeterminada es que lea todos los niveles, pero, en ciertos casos, puede ser interesante mostrar sólo el nivel principal (si lo vas a mostrar en el footer de la web, por ejemplo), o sólo el segundo nivel (para mostrar un menú específico de las secciones).

Un poco más abajo se listan aún más opciones, así que dedícale unos minutos para ver qué parámetros puedes modificar. Cada módulo es un mundo y hay algunos realmente complejos. En estos casos, es recomendable posar el cursor del ratón sobre el título de la entrada para obtener una pequeña descripción.

Asignación por páginas

En casos como el menú, el módulo debería aparecer en todas las páginas de la página, por lo que el valor de la pestaña Asignación de menú deberá estar configurado como En todas las páginas.

No obstante, habrá módulos que sólo quieras mostrar en la página principal y otros que querrás excluir específicamente de una página concreta. Para ello, deberás jugar con los valores Solo en las páginas seleccionadas o En todas las páginas menos en las seleccionadas, según corresponda. Marca las casillas que consideres necesarias y pulsa en Guardar.

Instalar nuevos módulos

Si te quieres aventurar con nuevos módulos encontrados en el directorio de extensiones de Joomla, es muy fácil. Una vez hayas descargado el fichero mod_nombredelmodulo.zip, basta con dirigirse a la sección Extensiones> Gestor de extensiones, escogerlo con el botón Seleccionar archivo y presionar en Subir e instalar. Luego, podrás configurarlo como acabas de hacer con mod_roknavmenu. 

Contando con la época Mambo, Joomla suma a sus espaldas más de 10 años de desarrollo.

Desde sus inicios más tempranos ya contaba con el sistema de plantillas, lo que ha contribuido a crear un extenso catálogo de temas y diseños para Joomla. De hecho, la documentación del proyecto explica cómo crear tus propios temas desde cero, si bien esta tarea no es nada trivial para los recién iniciados en el diseño web.

Crea una página web de éxito

Dada la naturaleza abierta del proyecto, muchos de los temas creados por los usuarios de Joomla están disponibles para que los descargues de forma gratuita. Buscando “joomla templates” en Google te aparecerán muchos resultados.

No obstante, si quieres ver diseños realmente espectaculares, prueba con las agencias de diseño comerciales. Estas empresas operan con un modelo de suscripción, lanzando un nuevo tema cada mes.

Es habitual que junto con el tema se incluyan extensiones específicas para la plantilla, logrando transformar la sencilla apariencia de Joomla en un sitio web totalmente diferente.

Afortunadamente, estas agencias también ofrecen un tema gratuito de vez en cuando, y será un buen punto de partida para este ejemplo. Accede a la web de RocketTheme, una de las agencias más populares, y descarga el tema AfterBurner 2 Bundle. Obtendrás un fichero Zip.

Instala el tema en Joomla

Accede al panel de administración y entra en la sección Extensiones> Gestor de extensiones. En la pestaña Subir paquete, pincha en el botón Seleccionar archivo y selecciona el Zip que acabas de descargar. Un click en Subir e instalar se encargará del resto del proceso. Verás cómo, además de la plantilla, se instalan otras extensiones necesarias para el funcionamiento de este diseño.

Empieza ahora a vender por Internet

Activa la nueva plantilla

Ahora, dirígete al apartado Extensiones> Gestor de plantillas y pincha en el botón con el icono en forma de estrella, situado junto la entrada Afterburner 2 - Default. Esto activará el tema en toda la parte pública de la web y podrás ver cómo le sienta a tu página.

De momento, notarás que los módulos de la parte de la derecha han desaparecido. Esto es debido a que cada plantilla especifica las posiciones donde se insertan los módulos con una nomenclatura diferente. Si sientes curiosidad, puedes corregirlo desde el menú Extensiones> Gestor de módulos o, si no, esperar a leer la entrega del curso correspondiente a los módulos.

Configura el diseño

Las plantillas de agencias comerciales, aun siendo gratuitas, suelen ofrecer algunos parámetros con los que puedes jugar para adaptar el aspecto del tema sin tener que tocar el código. En el caso de RocketTheme, el nivel de personalización ofrecido exige hasta un nuevo componente de administración con el que podrás retocar todo lo imaginable. Accede a Extensiones> Gestor de plantillas, pincha sobre el nombre de la plantilla y recorre todos los apartados para adaptar el diseño a tus gustos.

Accede al panel de administración y entra en el menú Menús> Gestor de menús. Verás que ya existen tres menús, como consecuencia de la importación de los datos de ejemplo. Todos ellos contienen elementos activos, tal y como muestra la columna Publicados. Si pulsas sobre el título de uno de ellos, verás qué entradas alojan.

En el listado podrás ver que hay uno de ellos con el parámetro Inicio activado. Este es el elemento del menú que funcionará como portada; es decir, el que verán los visitantes al entrar en tu página web. Según la configuración predeterminada de Joomla, suele mostrar una categoría de los contenidos en formato de blog. De hecho, con los datos de ejemplo instalados, son los propios artículos los que te van describiendo el funcionamiento de la portada, aunque en inglés.

Descubre el dominio perfecto

En cualquier caso, lo que debes recordar es que, además de algunos elementos especiales, las entradas de los menús de Joomla enlazan de forma inequívoca a uno de los componentes instalados. Además, cada componente puede especificar diferentes modos de vista, por lo que se convierte en un sistema muy versátil.

Crea tus propias entradas del menú

Con las categorías de los contenidos ya establecidas, quizá quieres crear algunas entradas específicas en el menú. Como de costumbre, utiliza el botón Nuevo de la parte superior y, en la nueva página, pincha en el botón azul Seleccionar. Se abrirá una ventana flotante listando los componentes instalados. En este caso, el que te interesa es Artículos> Mostrar una categoría en formato blog.

La página de menús se recargará automáticamente, incorporando la configuración específica del componente seleccionado. Selecciona la categoría a la que quieres enlazar y ponle nombre y alias. En cuanto al resto de parámetros, puedes dejarlos tal y como están de momento y pinchar directamente en Guardar y nuevo.

Consigue el máximo de rendimiento para todo tipo de proyectos

Ahora puedes añadir una nueva entrada de menú anidada bajo la que acabas de crear. El proceso a seguir es el mismo, con la salvedad de que tienes que escoger el elemento principal correspondiente, de forma similar a como hiciste con las subcategorías. El campo que debes modificar es este de aquí abajo.

Configura los parámetros avanzados

Como habrás visto, cada elemento del menú tiene muchas más opciones de las mencionadas. Gran parte de estos parámetros dependen del tipo de componente al que hayas enlazado la entrada, aunque hay otros que son comunes. No hace falta que los especifiques al crear el elemento, sino que puedes hacerlo más adelante pinchando sobre la entrada correspondiente.

Por ejemplo, en la misma pestaña Detalles, puedes ocultar una entrada del menú si cambias su estado de Publicado a Despublicado. Esta modificación no elimina ninguna configuración; solamente deja de mostrarse en la parte pública de la web. Siempre podrás volver revertir los cambios marcando de nuevo Publicado.

En la columna de la derecha, es posible especificar parte de la configuración específica de esta entrada. Por ejemplo, cambiar radicalmente la plantilla del diseño que usará Joomla al generar los contenidos de esa sección u optar por abrir el enlace en una pestaña nueva.

Lo interesante viene cuando cambias a la pestaña Opciones avanzadas. Aquí se listan las opciones específicas del componente, por lo que su contenido será distinto para cada entrada del menú. Dedícale unos minutos a estudiar todos los parámetros listados en la entrada del menú que acabas de crear, pues en el caso del componente Artículos, son bastantes. Por ejemplo, puedes escoger entre un diseño de varias columnas más típico de un periódico online, u optar por un diseño a una sola columna más común en blogs.

En cuanto a la pestaña Asignación de módulos para este elemento del menú, ya se verá más adelante, en el capítulo dedicado a los módulos. Si tienes curiosidad, basta con saber que desde aquí podrás controlar qué modulos se mostrarán en esta sección de la web.

Múltiples menús

Por último, cabe mencionar que no estás limitado a un único menú. Puedes crear cuantos quieras desde la sección Menús> Gestor de menús> Añadir nuevo menú. Este formulario es muy sencillo y solo requiere, un nombre, un identificador y, si quieres, una pequeña descripción.

Empieza a vender por Internet

Por si fuera poco, puedes reutilizar un mismo menú varias veces. Esto es posible ya que, a fin de cuentas, lo que vas a utilizar para mostrar los menús en la página web es un módulo. Por tanto, puedes crear tantas instancias del módulo de menús como quieras, cada una con sus parámetros. Así, por ejemplo, puedes mostrar una versión reducida del menú principal en la parte inferior de la web, listando solo el nivel principal y descartando todos los elementos anidados.

Antes de ponerte a escribir, debes tomarte unos minutos y decidir cómo vas a estructurar los contenidos de tu página. ¿Es un blog en el que vas a publicar diariamente varios artículos? ¿O es más bien un portal estático con cuatro o cinco páginas perennes y una pequeña sección de noticias con poco movimiento? Dependiendo de la naturaleza de tu web, el árbol de categorías tendrá más o menos niveles, pero es conveniente que lo tengas todo planteado de antemano. Piérdele el miedo al papel y el boli y haz varios esbozos.

Cuando estés seguro, es hora de integrarlo en Joomla. Dirígete al menú Contenido y pincha en la entrada Gestor de categorías, donde verás que, como resultado de la inserción de los datos de ejemplo, existen ya dos categorías. Puedes ignorarlas o, si quieres, reaprovecharlas para tus propios contenidos.

Lo interesante, no obstante, es crear tus propias categorías. Pulsa en el botón verde Nuevo y, en la nueva página, inserta el nombre de la categoría. Siguiendo el ejemplo de la captura, sería Noticias. El campo Alias debe contener el mismo nombre, pero en un formato adecuado para las direcciones web. Normalmente puedes dejarlo en blanco para que se genere automáticamente, pero otras veces querrás especificarlo tú mismo. A fin de cuentas, es lo que aparecerá tras el dominio de la página (www.dominio.com/noticias y similares). Además, también puedes insertar una pequeña descripción en el editor de la parte inferior.

El resto de campos puedes dejarlos tal y como están de forma predeterminada y pinchar directamente en el botón Guardar y nuevo. Repite el proceso con todas las categorías hasta tener el árbol completo.

Este es el dominio perfecto para tu proyecto

Crea subcategorías

En el área de la derecha, verás varios desplegables con el que configurar algunos aspectos de la categoría que estás creando. Por ejemplo, cuando vayas a crear una subcategoría, tendrás que señalar bajo qué categoría quedará anidada. Es decir, especificar cuál será su categoría raíz. Puedes escoger cualquier una subcategoría como raíz, así que es posible crear tantos niveles como creas necesarios. Eso sí, más de tres puede ser excesivo.

Por cierto, no te preocupes por el orden de creación, ya que luego podrás reordenarlo todo a tu gusto arrastrando de los tiradores de la parte izquierda de la lista de categorías.

Empieza a vender en Internet

Tu primer artículo

Cuando hayas terminado con las categorías, podrás redactar todos esos artículos que tienes en mente. El proceso es muy sencillo, accede a Contenido> Gestor de artículos> Añadir nuevo artículo. Ponle título, escoge su categoría y da rienda suelta al teclado en el editor visual.

Para añadir imágenes, existen varios métodos, como el propio botón del editor visual o el gestor multimedia de Joomla, al cual puedes acceder desde la parte inferior del editor pinchando en Imagen. Puedes escoger alguna de las que hay de prueba o subir la tuya propia desde el formulario que hay un poco más abajo. El botón Insertar se encargará de escribir automáticamente todo el código necesario para mostrar la imagen en la noticia.

Configura los ajustes para cada artículo

Además de escribir, puedes indagar un poco en las pestañas adicionales que encontrarás en esta interfaz para ver la cantidad de cosas que puedes configurar con Joomla. Eso sí, recuerda que con los valores predeterminados funcionará a la perfección. Lo único que quizá quieres cambiar es el valor de Destacado, en el margen derecho. Si quieres que el artículo aparezca en la portada, esta es una de las formas de hacerlo.

Cuando estés satisfecho, guarda los resultados con alguna de las opciones que aparecen en la barra de herramientas de arriba. Elige una u otra dependiendo de lo que harás a continuación: seguir escribiendo el mismo artículo, continuar con uno nuevo o navegar a otra parte del panel.

Los ajustes generales del contenido

En la barra de herramientas del gestor de artículos de Joomla encontrarás un botón llamado Opciones. Aquí puedes alterar los parámetros predeterminados que se usarán para maquetar el artículo: mostrar la fecha de publicación original o la de la última edición, enlazar el nombre del usuario a su perfil o cortar el texto a una previsualización de 100 palabras son algunas de las cosas que podrás modificar en esta sección.

Ve probando con las diferentes combinaciones hasta encontrar la que más se adapte a tus necesidades, pero, en cualquier caso, recuerda que podrás cambiarlas de forma individual para cada artículo y, como verás más adelante, para cada entrada del menú. Por tanto, tampoco hace falta que busques una solución de compromiso para toda la web.

Para entrar en el panel de administración de Joomla, sólo hay que añadir /administrator a la dirección de la web. Si estás siguiendo el curso, estarás trabajando en local, por lo que tendrás que entrar en la URL http:// localhost/joomla/administrator. Una vez ahí, ingresa los datos de administrador que especificaste durante la instalación y pincha en Log in.

Conoce los nuevos nombres de dominio para tu negocio o blog

Pon la interfaz en español

Si te fijaste, el asistente de instalación ofrecía la posibilidad de aplicar idiomas adicionales, pero el paso se omitió deliberadamente para esta pequeña inmersión en el panel de administración. Antes de describirlo pormenorizadamente, despliega el menú Extensions de la barra superior y pincha en Language Manager.

En la barra de herramientas bajo el logo de Joomla, presiona sobre el botón Install Language y, la casilla de búsqueda, escribe Spanish para localizar el idioma de Cervantes en la lista. Marca su casilla y presiona en el botón Install de la parte de arriba.

Cuando termine de instalarse, vuelve al menú Extensions> Language Manager y pulsa sobre el icono en forma de estrella que aparece en la entrada Spanish (ES). A continuación, en el menú lateral, pincha en Installed – Administrator y repite el proceso para traducir la interfaz del panel de administración. Haz click en el logo de Joomla para volver a la portada y verás que ahora está todo en castellano.

Conoce el panel de administración

Con el paso anterior te has podido hacer una idea de lo sencillo que es hacer cambios con Joomla. No hay que escribir código, ni descargar paquetes de repositorios: (casi) todo se hace desde el panel de administración a base de clicks. La única dificultad que puedes tener es localizar un apartado en los menús, así que vamos a darle un repaso rápido.

En los menús desplegables de la parte superior se encuentran listadas todas las secciones del panel de administración. El menú Sistema incluye la configuración global de Joomla, que regula parámetros como el nombre del sitio, la conexión a la base de datos y otros muchos aspectos técnicos que de momento no merece la pena mencionar.

Servidores virtuales a un precio asequible

Usuarios y menús

Desde el menú Usuarios se controlan las cuentas de las personas registradas en tu web. En la mayoría de páginas, sólo estará el equipo de administración, pero si tienes en mente una comunidad con foros, galerías colaborativas y secciones similares, te alegrará saber que Joomla tiene todo lo necesario. El sistema de usuarios soporta grupos y permisos personalizables, por lo que puedes restringir a qué áreas puede acceder cada grupo. Esto es interesante en sitios web que requieran suscripción de pago, por ejemplo.

El apartado Menús gestiona todos los aspectos de la navegación del sitio. En Joomla, para acceder a una sección de la página, hay que crear su correspondiente entrada en el menú. No debes entenderlo como un aspecto restrictivo, sino todo lo contrario. Cada entrada en el menú admite su propia configuración, así que puedes enlazar de varias formas diferentes a una misma sección, pero cambiando algunos parámetros, como los permisos de acceso. Por ejemplo, puedes crear una entrada que te lleve a las últimas noticias en formato de lista, y crear otra diferente que disponga las noticias a dos columnas sólo para usuarios registrados. 

Los componentes y los contenidos

Uno de los usos más corrientes de Joomla es escribir noticias, gestionar un blog o crear documentación. Es decir, se usa principalmente para publicar artículos que escribes directamente en el panel de administración gracias al editor visual. Esto se hace a través del menú Contenidos, desde el que también puedes administrar los diferentes niveles de categorías en los que irás organizando los artículos.

El siguiente menú engloba los componentes instalados en el sistema. Puedes pensar en los componentes como pequeñas aplicaciones programadas para cumplir con una función. Por ejemplo, el componente com_search se encarga de las búsquedas que hacen los visitantes en la web, com_joomlaupdate mantiene actualizada la plataforma de Joomla, etc. De hecho, la gestión de artículos que se realiza en el menú Contenidos está controlada, en realidad, por el componente com_content.

Fácil y sencillo, crea tu página web fácilmente

Las extensiones

Ahora comienza lo realmente interesante. Joomla es un CMS muy versátil, pues implementa un sistema modular con el que es posible extender las características nativas de la plataforma. Esto es, además de idiomas, puedes instalar nuevos componentes desarrollados por terceros para, por ejemplo, montar un foro en la web. También existen los denominados módulos y plugins.

Los módulos están diseñados para insertar bloques de diversos tipos en una parte concreta de la web. Puede ser una lista con las noticias más visitadas, un formulario de acceso para los usuarios registrados, un buscador, un vídeo… Los plugins, por su parte, son pequeños scripts que cumplen una función muy concreta. Hay plugins sencillos que te permiten, por ejemplo, para sustituir automáticamente los enlaces a YouTube por el código de inserción del vídeo, mientras que hay otros más complejos que se dedican a gestionar la memoria caché de Joomla o generar galerías automáticamente cuando insertas varias fotos en un artículo.

Lo mejor de todo es que la inmensa mayoría de extensiones están recogidas en el JED (Joomla Extensions Directory), listadas en categorías que te permitirán encontrar fácilmente la extensión que buscas para tu sitio.

La documentación

Quizá tanta teoría resulte un poco abrumadora al principio, pero en Joomla hay algunos términos muy concretos que hay que saber manejar. Afortunadamente, este proyecto cuenta con una documentación muy extensa que podrás consultar en cualquier momento desde el menú Ayuda. Aquí hay enlaces a tutoriales, recursos y webs de asistencia que podrás usar si en algún momento tienes alguna duda.

El panel de usuario

Ya sólo queda mencionar este panel de la esquina superior derecha. La primera entrada es un enlace a tu perfil de administrador, donde, entre otras csas, podrás editar tu nombre y dejar de llamarte Super User. La segunda entrada te permitirá cerrar la sesión cuando no vayas a utilizar el panel durante un tiempo. Recuerda salir correctamente mediante este enlace si no vas a estar delante del PC. Si sólo cierras la pestaña, la sesión se quedará abierta durante unos minutos y alguien podría aprovecharlo para hacer cambios en tu web.

Antes de nada, si estás trabajando en local (esto es, con el servidor web instalado en tu ordenador), abre el panel de control de XAMPP y asegúrate de que Apache y MySQL están ejecutándose. Cuando lo tengas, abre el navegador e ingresa la dirección http:// localhost/joomla o, en el caso de tener conflictos con Skype en Windows 8, http:// localhost:8080/joomla. Deberías llegar a una pantalla similar a la siguiente.

Rellena el formulario con los datos solicitados por el asistente y, en el caso de la contraseña, escoge una con mayúsculas, minúsculas, números y símbolos. Recuerda bien cuáles son los datos del administrador y, cuando estés listo, presiona en Siguiente.

Atención. Si tu versión de PHP pertenece a la rama 5.5, tras pulsar en Siguiente, aparecerá una barra de progreso azul pero no pasará nada más. Para continuar con la instalación, tendrás que hacer un pequeño cambio en el fichero C:\xampp\htdocs\joomla\libraries\joomla\filter\input.php, tal y como se indica en esta página. Sólo hay que sustituir la línea sombreada en rojo por la sombreada en verde. Guarda los cambios, recarga la página del instalador y todo debería funcionar correctamente.

¿Quieres el máximo de rendimiento para tu proyecto? Esta es la solución

Configura la base de datos

En este paso hay que indicarle a Joomla cómo conectarse con la base de datos, pero antes hay que crear una. Abre una nueva pestaña, ve a http://localhost/phpmyadmin y, en la pestaña Bases de datos, escribe joomla y presiona en Crear.

De vuelta en el instalador de Joomla, introduce estos datos en el formulario y presiona en Siguiente.

• Tipo de base de datos: mysqli
• Hospedaje: localhost
• Usuario: root
• Contraseña:
• Base de datos: joomla
• Prefijo de las tablas:
• Proceso para una base de datos antigua: Respaldar

Concluye la instalación

En este último paso podrás optar por instalar artículos, menús y demás elementos de ejemplo en la página. Está en inglés, pero servirán para ilustrar cómo funciona Joomla por dentro. Por tanto, pincha en Datos de ejemplo tipo blog y, a continuación, revisa que los datos de la parte inferior son correctos. Cuando estés listo, presiona en Instalar y deja que el asistente se encargue del resto.

Wordpress, la alternativa a Joomla

Frontend vs Backend

Cuando acabe, pulsa en Eliminar carpeta de instalación. Si pinchas en el botón Sitio, accederás a la parte pública de la web, lo que los visitantes verán cuando accedan a tu página. Es lo que se conoce como frontend.

Por otro lado, si presionas sobre Administración, accederás al panel de control desde el que se gestiona todo el funcionamiento de Joomla. Desde ahí crearás nuevos artículos, reorganizarás los menús, instalarás nuevos componentes para, por ejemplo, incluir una galería de fotos en tu web, etc. En inglés, a esta parte de la web se le conoce como backend y, lógicamente, sólo está disponible para los administradores, por lo que está protegido por contraseña.

Avada es el tema más descargado de Theme Forest, un Marketplace de temas para WordPress que recoge las creaciones de multitud de agencias. Adquirido más de 46.000 veces, Avada es 100% responsive e increíblemente versátil. Podrás configurar casi todos los aspectos desde el panel de personalización sin tener que tocar una línea de código. Además, las actualizaciones son gratuitas para siempre: sólo tendrás que pagar los 55 dólares iniciales.

Comprar | Demo

Tu nueva web desde 0,99 euros al mes

Divi, de Elegant Themes

Divi es mucho más que una plantilla prediseñada. Se podría considerar toda una aplicación de desarrollo de temas para WordPress, pues, además de varios perfiles prefabricados, incluye un editor visual para que tú mismo construyas el diseño que quieras. Sólo tienes que arrastrar los diversos objetos a lo largo del lienzo y configurarlos con el estilo que quieras. La suscripción anual de 39 dólares te da acceso a los 89 temas de la compañía.

Comprar | Demo

Crea diseños muy profesionales con Wordpress

Hub, de WooThemes

Que la sencillez de Hub no te despiste. Lo que a priori podría parecer un sencillo tema tipo Tumblr para Wordpress, puede llegar a ser toda una aplicación web digna de las redes de blogging más famosas gracias a la compatibilidad nativa con los plugins de WooThemes. Podrás alternar entre el diseño limpio que siempre habías buscado y la complejidad de los portales más modernos, sin apenas despeinarte. La suscripción anual comienza en los 99$ sin límite de instalaciones.

Comprar | Demo

Aegaeus 3, de HB Themes

Si Avada era el tema más descargado de Theme Forest, Aeagaeus lo es de Mojo Themes, otro marketplace de plantillas premium para WordPress. No sólo se trata de un tema 100% responsive con una estética elegante y equilibrada; las razones de su éxito bien podrían deberse al hecho de incluir gratuitamente varios plugins premium de la compañía. Esto le dará un toque de distinción a tu sitio sin que tengas que perder los estribos con el código. Todo por 49$.

Comprar | Demo

Espresso, de Scheetz Designs

Este tema fue concebido como el diseño definitivo para las webs de restaurantes. Se puede adaptar fácilmente a la imagen corporativa del local sin tener que renunciar a las tendencias estéticas de la web moderna. Incorpora compatibilidad plena con WooCommerce, un plugin para montar tiendas online, por lo que podrás ofrecer servicio a domicilio desde el mismo portal sin demasiadas complicaciones. Puede ser tuyo por 55$.

Comprar | Demo

PadWriting, de InkThemes

La estrategia de InkThemes se basa en proporcionar temas diseñados con un perfil muy concreto en mente. Así, PadWriting es la última entrega de la agencia para el sector de los magazines y revistas online. Como consecuencia, ofrecen un producto final muy cercano a lo que este tipo de clientes está buscando y no hace falta dedicarle mucho tiempo en configurar la plantilla. Eso sí, no hay ningún problema para adaptarlo a las necesidades estéticas de cada proyecto. Cuesta 55$.

Comprar | Demo

Onesie, de GraphPaperPress

Esta agencia tiene una marcada debilidad por construir sus temas con imágenes grandes y vistosas, lo que la convierte en la solución perfecta para un proyecto personal o el portfolio de tus últimas creaciones. Onesie, en concreto, es ideal para construir una web sencilla y atractiva para atraer las visitas a un evento, el lanzamiento de un proyecto o el punto de partida para enlazar una red corporativa.

Comprar | Demo

Azione, de Obox Design

Hay un submundo del blogging donde en vez de escribir, se graba: el videoblogging. WordPress puede funcionar bastante bien con este tipo de contenidos pero, lo hará aún mejor si usas un tema adaptado a estos propósitos. Azione incide en ese preciso aspecto y proporciona las facilidades necesarias para mostrar tus últimos vídeos en formato blog. El precio final se queda en 79$, aunque debes tener en cuenta que con la compra también consigues algunos plugins dedicados.

Comprar | Demo

Praxis, de RocketTheme

RocketTheme comenzó como una agencia de diseño de plantillas premium para Joomla, pero pronto comenzó a ofrecer versiones de sus últimas creaciones para WordPress, Magento y phpBB3. Praxis es una de las últimas creaciones de la firma, con la que hacen gala de todas las posibilidades que ofrece CSS3. El tema es un espectáculo de animaciones y transformaciones 3D que hacen que la visita a la demo sea, cuanto menos, obligatoria.

Comprar | Demo

Moustache, de YooTheme

La historia de YooTheme es muy parecida a la de RocketTheme. También cimentada en Joomla, ahora extiende la oferta a WordPress. YooTheme tenía cierta tendencia a incidir un poco más en el impacto visual que en la funcionalidad de la web, pero han sabido corregirlo en las últimas entregas. Moustache hace muestra de esta última dirección y ofrece un diseño que puede resultar tan válido para proyectos personales como para nuevas empresas centradas en mimar a sus clientes.

Comprar | Demo