Crear una web con Webnode

¿Qué es Webnode?

Es una herramienta on-line que te permite crear y administrar tu Sitio Web (Personal o Empresarial) o Tienda Virtual fácil y rápidamente. Lograrás crear un sitio profesional en tan sólo unos minutos gracias a sus fáciles asistentes que te ayudarán a crear un sitio de aspecto profesional sin la necesidad de poseer conocimientos previos.

¿Cómo puedo crear mi sitio con Webnode?

Para crear tu sitio con Webnode, sólo debes ingresar a https://www.webnode.es y registrarte introduciendo una cuenta de correo y una contraseña.

Para ayudarte a crear la página web visita https://www.webnode.es/ayuda

Video tutorial Webnode:

Cómo diseñar la mejor web...

En las conversaciones cara a cara, las palabras transmiten tan sólo una parte del mensaje. De hecho, gran parte del mensaje se transmite mediante el tono de voz, las expresiones faciales y los gestos. El contenido Web, al igual que las palabras de una conversación, está influido por la presentación. Los elementos visuales, como el color, el diseño, la tipografía y la imágenes, conforman la personalidad o voz del sitio. El conjunto de todos los elementos tienen que formar una única voz, es decir, debe existir una armonía entre los contenidos y el diseño. No es lo mismo una web dirigida a un público infantil que una web para el público adulto, ambas voces no deben mezclarse o estaríamos confundiendo a nuestros visitantes lo que implicaría que no volverían a entrar en nuestra web.

Fases en la construcción de un sitio web:

• Análisis: 
• Determinar la finalidad: no podemos llegar a un objetivo si antes no tenemos una idea clara del mismo.
• El público objetivo: identificar al público objeto es lo más importante después de definir los objetivos del sitio, no podemos satisfacer las necesidades de un público si no sabemos quién es ese público. 
• Los contenidos propuestos: el contenido es la razón principal por la que los usuarios buscan un sitio Web, la razón por la que permanecen en ese sitio una vez lo encuentran y la razón por la que regresan al mismo, si un sitio no tiene buen contenido, no tendrá visitantes. El contenido deberá enfatizar que lo que nuestro sitio ofrece es valioso para el usuario y en qué se diferencian nuestros servicios de los de la competencia. Por ejemplo:
• No hables de lo increíble que es la empresa, proporciona a los visitantes algo que puedan valorar ya mismo. 
• Actualiza el contenido frecuentemente y asegúrate que los usuarios sepan que lo has actualizado.
• Ofrece descuentos, promociones... para que los usuarios entren a comprobarlo a menudo.
• Pregúntate  por qué el usuario querría volver al sitio Web, si no eres capaz de contestar es que necesitas una reflexión para generar nuevas ideas y mejorar el contenido.
• La funcionalidad del sitio, es decir, decidir qué se necesita.

• Diseño: Diseñar el sitio organizativa y visualmente de modo que se cumpla lo previsto en la fase de análisis. 
• Del mismo modo que los trabajadores de una biblioteca no podrían encontrar un determinado libro si éstos estuviesen amontonados aleatoriamente, los usuarios de nuestra Web no podrían encontrar lo que buscan si nuestro sitio Web no está ordenado en base a unos principios de organización.
• Un sitio web debe ser agradable y fácil de navegar. Debemos ser amables con nuestros usuarios y debemos conseguir que les resulte fácil hacer lo que quieran hacer y encontrar lo que están buscando.
• Los factores de usabilidad para mejorar la satisfacción del usuario son los siguientes:
• Evidencia: el sitio debe ser fácil de utilizar. Los usuarios abandonan rápidamente los sitios web demasiado complicados o que contienen largas explicaciones en pantalla.
• Velocidad: lo usuarios no tienen paciencia para lo lento. Por tanto debemos limitar el tamaño de nuestros archivos. Tampoco debemos pedirle demasiados clics de ratón al visitante, ya que cada nueva página implica cargar nuevos datos. Necesitamos establecer un sistema de navegación claro y conciso, para que el usuario no se confunda y no pierda tiempo. Lo ideal es que el usuario pueda llegar a su objetivo con tres clics de ratón como máximo.
• Retroalimentación: si el usuario ha de esperar por algo, debemos avisarle de ello. Por ejemplo, una pequeña animación que ilustre visualmente el proceso de carga.
• Exactitud: una página web profesional no debe tener vínculos rotos, imágenes perdidas o cualquier otra cosa que esté claro que no funciona.
• Todos los factores estéticos y de interacción determinan la usabilidad de un sitio. La usabilidad es el resultado de escoger un diseño efectivo, por ello un diseño pobre o un conjunto de colores irritantes, contribuye a disminuir la usabilidad.
• Construcción y prueba: Construir y probar el sitio para identificar problemas durante la creación e ir corrigiendo antes de finalizar la construcción del sitio.
• Publicar: Realizar las últimas pruebas del sitio completo y ponerlo a disposición del usuario.

Multimedia

FLICKR

Filckr es un servicio de publicación online de fotos. Basta con crear una cuenta, seleccionar las fotos y en unos segundos las vemos publicadas.

Accede a http://www.flickr.com 

Subir las fotos es fácil, basta con arrastrarlas con el ratón y listo, aparecerán en la pantalla para editar, es decir, introducir una descripción a cada foto, etiquetarlas, establecer el modo en que compartirás las fotos, etc. Una vez que tienes listas tus fotos, puedes organizarlas por álbumes y por último cargarlas a tu espacio fliker.

Puedes compartir las fotos con tus amigos y familia con los controles de privacidad flexibles de Flickr. 
Tú decides quién puede ver tus fotos

Para proteger tus fotos, determina las personas que pueden verlas al designarlas como “familiares” o “amigos”. Puedes restringir quiénes pueden ver una foto a las personas de tu confianza. Tus fotos públicas serán accesibles para todos.

Subir tus fotos al blog es sencillo también, basta con seleccionar las fotos o álbumes que quieras subir y hacer clic en el botón compartir, directamente aparecerá el modo en que quieres compartir, selecciona compartir en blogger y listo, automáticamente se habrá creado una nueva entrada en tu blog con todas las fotos.

Si deseas que tus fotos se vean como una presentación, selecciona el álbum y haz clic en el botón presentación y a continuación, clic en compartir; fliker te ofrece dos formas de hacerlo: a través de la dirección URL o el código HTML. Si seleccionas el código HTML, deberás copiarlo y a continuación, crear una nueva entrada en el blog, seleccionar la ficha HTML y pegar el código. 

También es posible realizar búsquedas por todo el mundo escribiendo una palabra que haga referencia al tema que te interese buscar. Obtendrás miles de resultados para entretenerte un buen rato.

GOOGLE FOTOS

Es una aplicación que permite almacenar fotos y vídeo. La propia aplicación se encarga de organizar los archivos por fecha de captura, por personas y objetos que aparezcan en la imagen. Puedes instalar la aplicación en tu móvil y sincronizar la cuenta con tu ordenador..
Para acceder a la aplicación en tu ordenador pulsa sobre el botón Aplicaciones de Google y selecciona Fotos.
A través del menú puedes acceder al Asistente que te permite realizar una serie tareas:

• Crear un álbum
• Compartirlo
• Realizar un collage
• Animación.

La aplicación está diseñada para instalarla en el móvil... Para instalarla y aprender a utilizarla consulta el siguiente enlace Ayuda Google Fotos. 

Ayuda de Blogger

Blogger dispone de una Ayuda muy potente. Para consultar cualquier duda haz cliz en el botón rueda dentada situado en la parte superior derecha en el Escritorio de Blogger o desde cualquier opción de diseño y configuración del blog. Encontrarás el siguiente menú:

Menú opciones

Haz clic en Ayuda de Blogger para realizar la consulta.

Para acceder directamente haz clic en el siguiente enlace:

• Ayuda de Blogger, 
• Crear un blog
• Entradas
• Vídeos e imágenes
• Gestionar los comentarios
• Otros temas...

También puedes consultar la siguiente página que ofrecen diferente información: Puede interesarte...

Autores en tu blog

  En tu blog tú puedes controlar quién puede leerlo y quién puede modificarlo. Puedes añadir un máximo de 100 miembros (autores, administradores o lectores).

Para añadir un autor debes realizar los siguientes pasos:

1. Inicia sesión en Blogger.
2. Selecciona el blog que quieras modificar.
3. En el menú de la izquierda, haz clic en Configuración, Lo básico.
4. Debajo de "Permisos", en el apartado "Autores del blog", haz clic en Añadir autores.
5. Escribe la dirección de correo electrónico de la persona que quieras añadir.
6. Haz clic en Invitar a autores.
7. Cuando la persona acepte la invitación, aparecerá en la lista de autores.

Permisos de los miembros de tu blog:

A los miembros del blog, les puedes dar permiso como Autor o como Administrador.

• Autor
• Un autor del blog podrá añadir y editar sus propias entradas.

• Administrador: un administrador podrá realizar las siguientes acciones:
• Añadir o eliminar a otros administradores y autores.
• Cambiar la configuración o la plantilla del blog.
• Editar o eliminar cualquier entrada.

Todos los blogs debe tener, al menos, un administrador.

Si quieres hacer que una persona a quien has enviado una invitación, se convierta en administrador, ve al menú desplegable que hay al lado de su nombre y selecciona Administrador.

Cuando nombras administrador a alguien, le otorgas el derecho a eliminarte de tu blog.

Haz clic sobre el enlace para saber más acerca de cómo controlar el acceso a tu blog.

Subir documentos de texto... a la red

Issuu es una aplicación web 2.0 que convierte un documento de texto de word o con formato pdf en un documento flash que se lee como si fuera un libro o una revista virtual.

• Se pueden crear tanto libros como revistas.
• Es un servicio gratuito que se accede a través de la página www.issuu.com. 
• Está en inglés y el servicio es un poco lento.
• Tiene utilidades parecidas a las redes sociales, añadir amigos, compartir documentos, etc...
• Para usarlo es necesario crearse una cuenta siguiendo los pasos que se indican. 

Issuu crea un espacio para tus documentos. 

• Para subir un documento solo tienes que hacer clic en el botón Subir que se encuentra en la parte superior. En el proceso se piden una serie de datos para configurar el documento en línea.
• Tienes que tener en cuenta que, por defecto, el documento es público una vez que lo has subido; ahora bien en cualquier momento puedes configurarlo como privado. 
• Si deseas que algún documento issuu se vea en tu blog necesariamente deberá ser público.

Para que un documento issuu se vea en el blog.

• Debes localizar el código embebido (HTML) y copiarlo, a continuación pegarlo en una entrada a través de la pestaña HTML.

También puedes usar issuu únicamente para buscar documentos que otros usuarios han publicado.

• En este caso teclea la palabra o palabras que resuman el tema, en el cuadro buscar. 
• Aparecerá un listado de documentos y tendrás que localizar el que más te interese. 
• Podrás descargarlo o subirlo a tu web localizando y copiando el código embebido (html).

Subir presentaciones on line y compartir

Para compartir presentaciones puedes utilizar la página www.slideshare.net; el servicio te permite, además, buscar y localizar diferentes presentaciones en varios idiomas para verlas o para incrustarlas en tu blog.

Si sólo quieres consultar,  en el cuadro Buscar, introduce la palabra o palabras que resuman el tema. 

Si lo que quieres es incrustar una presentación en tu blog, observa que en la parte superior de la presentación aparece la opción Insertar, debes acceder a él y copiar el código embebido suministrado. A continuación, lo copias en tu blog a través de la pestaña HTML en una nueva entrada.

Por último, para compartir tus propias presentaciones con el resto de usuarios, lo primero que tienes que hacer es registrarte en el servicio creando una cuenta. Es sencillo, sólo tienes que facilitar los datos que te piden y en unos segundos ya eres usuario registrado. Ahora, lo único que tienes que hacer es subir la presentación o presentaciones que te interese tener en la red.
A continuación os presento un tutorial de Slideshare en una presentación de Slideshare:

Tutorial de Slideshare from Karina Crespo- Ministerio de Educacion

Publicar un documento de DRIVE en BLOGGER

Para publicar una documento de Drive (presentación, documento de texto, etc.) en tu blog debes seguir los pasos que se detallan a continuación:

1. Elabora documento en Drive.

2. Publícalo en la web:

• Debes acceder al menú Archivo y hacer clic en la opción "publicar un documento en la web".

3. Existen dos opciones:

• Enlace: para publicar el vínculo a tu documento.
• Incrustar: para publicar el documento.

4. Si seleccionas la opción Enlace, Drive te facilitará la dirección URL del documento que vayas a publicar.

5. Si seleccionas la opción Incrustar, Drive te facilitará el código HTML del documento para llevártelo a tu blog.

6. El proceso es el siguientes:

• Copia el código HTML.
• Accede al blog y en la entrada donde lo vayas a incluir activa la pestaña HTML y pega el código.
• En unos segundos el documento de texto o la presentación se verá en tu blog, en el caso de una presentación como si fuera un vídeo.

Poner música en el blog

Poner música en mi blog...

Podemos animar nuestro blog poniendo música para escucharla mientras consultamos los contenidos.

Aprenderemos a hacerlo de tres formas diferentes:

• Desde la página www.ivoox.com Primero buscamos el podcast (archivo de sonido, puede ser música, un programa de radio, una grabación propia...) en el listado de categorías y una vez seleccionado, copiamos el código HTML suministrado por este servicio y lo insertamos en un gadget HTML/Javascript.

Seguimos dando formato a nuestro blog...

¿Qué es un gadget?

Un gadget es una miniaplicación. Un ejemplo de gadget es un contador de visitas o un gadget para ver el tiempo en mi localidad.
Blogger dispone de un montón de gadget que puedes utilizar en tu blog.
¿Cómo insertar un gadget en la barra lateral?
Para insertar un gadget en la barra lateral accedemos al Diseño del blog y en el menú lateral, elegimos la opción Diseño. Desde la plantilla del blog elegimos la etiqueta Añadir un gadget...

Nos dará acceso a una ventana donde Blogger nos propone un montón de gadget para insertar. Sólo tendrás que elegir el que te interese poner y guardar.

Si vas a insertar un gadget de una página web el proceso cambia, es un poco más laborioso. Casi siempre hay que registrarse en la página web y a continuación, seleccionar el gadget. A partir de ese momento se facilita el código HTML (es una especie de texto raro) del gadget. Este código lo tienes que copiar y pegar en un gadget de blogger, pero en este caso es uno muy concreto... 

Hemos insertado en nuestro blog un gadget para ver en un mapa de qué lugares se visita nuestro blog, servicio ofrecido por la página http://www.revolvermaps.com
Hemos insertado otro gadget para contar el número de visitas a través de la página http://www.contador-de-visitas.com 

A continuación una página donde encontrarás un montón de gadgets para tu blog:

http://www.gadgetsforblogger.com/

Etiquetar los contenidos de las entradas:

A través de las etiquetas podemos clasificar los contenidos del blog para que el usuario localice de forma rápida y cómoda la información que le interese.
Para etiquetar las entradas accedemos a la opción Etiquetas de la barra lateral de la entrada y asignamos una o varias palabras que sinteticen el contenido.

Dar formato al blog

La mayoría de blogs son similares en cuanto a la disposición de los contenidos. Suelen presentar dos columnas:

• La más ancha muestra las entradas o "post" ordenados cronológicamente desde el más antiguo al más nuevo, aunque este orden preestablecido puede cambiarse. Cada entrada muestra la fecha en que se ha publicado con el objeto de que los lectores comprueben la actualidad o novedad de la noticia.
• La segunda columna suele cumplir múltiples funciones:
• Presentar un listado de enlaces.
• Listado de blogs.
• Archivo del blog.
• Diferentes gadgets: calendario, contador de visitas, seguidores...

Las entradas del blog pueden contener, además del texto, imágenes, vídeos, presentaciones, enlaces, etc. Las opciones para dar formato al texto se encuentran en los botones de la barra de herramientas, entre ellos,   la fuente, el tamaño, negrita, cursiva, etc.

Diseño de las entradas...

Cada entrada que publicas toma un formato que, por defecto, marca Blogger; esto puede cambiarse, por supuesto, hasta cierto límite. Aunque ya aprendimos a modificar el diseño de las entradas, lo recordaremos y aprovecharemos para ver alguna opción nueva e interesante para tu blog, veamos...