WORDPRESS - EMPEZAR CON WORDPRESS - 04

Vamos a añadir una foto en una entrada. 

WORDPRESS - EMPEZAR CON WORDPRESS - 03

En Apariencia --> Temas vemos los temas disponibles por defecto

WORDPRESS - EMPEZAR CON WORDPRESS - 02

En htdocs, abrimos el archivo wp-config-sample.php con un editor y lo renombramos como wp-config.php

WORDPRESS - EMPEZAR CON WORDPRESS - 01

Arrancamos con unos tutoriales sencilos para que podáis practicar en casa lo que iremos haciendo en mis clases de Diseño Web, eCommerce, Redes y Community Manager de la Casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro.

Si tenéis alguna duda lo vemos en clase.

Desde https://es.wordpress.org/ descargamos la última versión de Wordpress.

La descomprimimos y renombramos la carpeta como wp-ejercicio-03

FLICKR - flujo de trabajo - 01

Hola. En estos videotutoriales vamos a ver una primera aproximación al flujo de trabajo con Flickr. 

Flickr es un repositorio de imágenes y vídeo. Es decir es un sitio web para almacenar, ordenar, buscar, vender y compartir fotografías o vídeos en internet. 

FLICKR EN LA WIKI

Estos vídeos son para mis alumnos de la Casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro, para los cursos de redes, commmunity manager, diseño web, ecommerce e iniciación al Mac, aunque como estos contenidos son públicos, pues barra libre para todos ;)

Como sabéis en el Centro Cultural de Sanchinarro estamos teniendo problemas con la conexión y todas las veces que he intentado la clase de Flickr, la cosa no ha acabado bien. Nuestra conexión este año no da para soportar estas clases en la nube con imágenes y vídeos. 

Por eso, aunque en la Casa de la Cultura de Torrejón de Ardoz sí trabajaremos estas prácticas, en el Centro Cultural de Sanchinarro tendréis que hacerlas en casa y si tenéis dudas me preguntáis en clase.

Aquí va la primera tanda. Echad un vistazo a los vídeos en el orden en el que los iré subiendo.

VIDEO 1

VIDEO 2

VIDEO 3

BLOGGER - Indexar en Google nuestro blog

Hola, en esta entrada os muestro 3 video tutoriales para que arranquemos con nuestro blog indexándolo en Google y de esa forma cuando dentro de un mes ya estemos trabajando el posicionamiento podamos y viendo los resultados de nuestro trabajo.

CSS - TUTORIAL 01 - Casa Cultura Torrejón de Ardoz y Centro Cultural Sanchinarro

Hola, voy a empezar a subir unos tutoriales de css para mis alumnos de diseño web de la Casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro.

Vamos a intentar coger soltura con el css para que durante el tercer trimestre podamos cargar un template de Wordpress y podamos manipularlo sin problemas mediante una hoja de estilos en el tema hijo.

Intentaré en la medida de lo posible subirlos regularmente al blog. Para cualquier duda poner un comentario o mandadme un mail.

Saludos.

LIBREOFFICE - EJERCICIO BÁSICO RESUMEN PARA CALC

Hola, he preparado una hoja de cálculo de Calc para que nos sirva de resumen o chuleta para los ejercicios de Calc del Centro de Abogados de Atocha de Torrejón de Ardoz

DESCARGA EJERCICIO BÁSICO DE RESUMEN PARA LIBREOFFICE - CALC

DESCARGA EJERCICIO BÁSICO DE RESUMEN PARA LIBREOFFICE - CALC - RESUELTO

LIBREOFFICE - diseñar una factura con Calc

Como algunos sabéis, doy un curso de Herramientas administrativas de la empresa para mujeres en el Centro de Abogados de Atocha de Torrejón de Ardoz.

Es un curso básico, desde 0, en que trabajamos con software libre usando la suite LibreOffice. El área del blog de ofimática de los alumnos es privada, pero de vez en cuando hago público en este blog algún tutorial. Hoy le toca a un sencillo tutorial de creación de facturas en Calc, que es el equivalente en LibreOffice al Excel del Office de Windows.

Me encanta el software libre. Y por eso comparto este tutorial por si queréis probar a hacerlo y comparar con Excel.

La descarga de LibreOffice es gratuita desde:

DESCARGA DE LIBREOFFICE

Si os preguntáis por qué usar LibreOffice tenéis muchas respuestas en la Web... Algunas:

¿POR QUÉ USAR LIBREOFFICE?

OpenOffice vs LibreOffice, dos magníficas suites

Pero vamos con el tutorial. En este ejercicio diseñamos una factura como la que os muestro en la imagen. (clic en la imagen para ampliar).

En mis cursos hay muchos alumnos que están buscando trabajo. Hoy un alumno ha compartido en el grupo de Facebook de los cursos esta noticia que me ha llamado la atención, y que comparto...

Interesante

Cuatro claves para impresionar a los robots encargados de contratarte

Diseño de listas en html - diseño web - 2ª parte

Hola,
os subo la segunda parte del tutorial de listas html.

Vamos a necesitar haber seguido el tutorial anterior. Si no lo has hecho este es el link:

ENLACE AL TUTORIAL DE LISTAS - 01

Usaremos Mozilla Firefox, Firebug y Colorzilla. Trabajaremos pseudo clases y reglas css3.

Seguir estos 2 tutoriales nos permitirán entender el 3er tutorial de la serie, en el que trabajaremos una lista desde dentro de Wordpress en un theme child.

Diseño de listas en html - diseño web

Hola, este es otro tutorial de diseño web para mis alumnos de los cursos de diseño web, eCommerce, redes, community manager de la Casa de la Cultura de Torrejón de Ardoz y Centro Cultural Sanchinarro.

En este tutorial de diseño web vamos a diseñar un menú horizontal con una lista html.

Este ejercicio de menú está basado en el que he realizado para la tienda electrónica de mi mujer, que podéis verlo en www.cestasderegalo.es

El menú estará alojado en el header de la página, dentro de una etiqueta nav y será el menú principal de navegación de nuestra web.

Vamos a usar algunas pseudo clases :hover, que ya hemos visto en otros tutoriales,  y la pseudo clase :nth-child(numero) que selecciona el elemento indicado hijo enésimo de su padre. En nuestro caso, nos servirá para seleccionar el hijo (4) de nuestra lista, como veremos.

También vamos a probar las Google Web Fonts y los complementos de Mozilla Firefox Firefox Firebug y Colorzilla. 

Como ha salido un poco largo, lo he dividido en 3 videotutoriales.

Los dos primeros muestran cómo crear una lista de este tipo. Y en tercero veremos como trabajarla en un theme child de Wordpress

Este es el primero:

eCommerce - Las Cestas de Olivia - Herramientas para webmasters de Google

En esta entrada comienzo a documentar los pasos que voy siguiendo en

Las Cestas de Olivia

Vamos a ver cómo doy de alta a Las Cestas de Olivia en

Herramientas para webmasters de Google

Google Analitycs

Una vez subida la tienda al servidor remoto (he hecho capturas de pantalla del proceso que documentaremos en una entrada pronto), voy a las Herramientas para webmasters de Google, entro en mi cuenta (tengo que tener mi cuenta de gmail activa) y le indico que quiero indexar www.cestasderegalo.es

eCommerce - Las Cestas de Olivia - 01

Hola, por fin he sacado tiempo para subir la tienda online que le estoy haciendo a mi mujer. Este trabajo, al ser para casa me servirá para ir documentando partes del trabajo y que lo puedan seguir mis alumnos de eCommerce, diseño web, redes y community manager de la Casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro.

Enlace a Las Cestas de Olivia

Tengo también en marcha una tienda para Sofía, alumna del curso de Community Manager del Centro Cultural de Sanchinarro. Lo retomaré en unos 10 días, en cuanto despeje unos encargos que se me han colado en medio. Este trabajo también nos servirá como ejemplo, ya que durante el tercer trimestre trabajaremos el posicionamiento y las analíticas, con lo que nos servirá de laboratorio.

Las Cestas de Olivia, que es la tienda que he hecho este fin de semana a mi mujer, está incompleta, y sólo tiene 2 cestas. Tampoco tiene disponibles algunas funcionalidades como la TPV o PayPal.

No importa. Mi intención subiéndola tan pronto es ir actualizando el proceso, de forma que esas actualizaciones puntúen en Google y cuando la tienda esté lista para vender, ya lleve un trecho de posicionamiento recorrido.

Podréis seguir el proceso a través de este blog con la etiqueta ecommerce.

Saludos :)

Escalar una imagen con Gimp y prepararla para la web

En este tutorial vamos a escalar una imagen para la web usando el programa de retoque de imagen Gimp. Gimp es un programa de software libre que podéis descargar desde

descarga de gimp

La alumna Miriam, estudiante del curso de Diseño Web de la Casa de la Cultura de Torrejón del año pasado, me pidió que le diseñase la página web de su empresa. Este es el diseño que le hice:

LINK A PAGINA WEB DE AUTOMATISMOS KV

Su intención era que los conocimientos adquiridos durante el curso le permitiesen mantener la página de forma autónoma.

Me pide que le haga un pequeño tutorial para preparar las imágenes que toman durante la realización de sus proyectos para poder subirlas más adelante a la página web.

cursos de diseño web - listas 02

Hola, subo el segundo videotutorial para mis alumnos de la Casa de la Cultura de Torrejón de Ardoz y Centro Cultural de Sanchinarro.

Seguimos trabajando las listas.

ENLACE AL TUTORIAL ANTERIOR

cursos de diseño web - listas 01

Hola. Voy a iniciar una serie de pequeños y sencillos videotutoriales para mis alumnos de Diseño Web y eCommerce de la Casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro.

Esta primera serie va a ser sobre la creación de listas. Son muy básicos, puesto que los los cursos que doy son muy básicos.

Si eres un experto y ves errores, inexactitudes o cualquier corrección aviso o sugerencia que creas que puede ayudarme a mejorarlos, no dudes en escribirme un comentario con tus impresiones.

Mañana subiré otro. Intentaré subir uno cada día o cada dos días.

Quicktime - edición de vídeo sencilla y rápida

Hola. Cuando queréis crear contenido en vídeo para vuestras redes y/o #Youtube necesitaréis saber algo de edición de vídeo digital. Si  no os apetece poneros a aprender Premiere o iMovie podéis salir del paso con Camtasia o #Quicktime

Aprovechando que tenía que preparar los vídeos de #Flickr he grabado el proceso de edición en Quicktime. La forma más sencilla de preparar un vídeo. Bueno, bonito y barato :)

Antes de subirlo al blog lo pongo para que opinéis.

Tutorial Flickr - compartir imágenes en las redes y blogs

Esto es el slider del ejercicio que aparece en el videotutorial:

Tutorial Flickr - organizar fotografías

Segundo vídeo tutorial sobre Flickr

En este tutorial continuamos lo que iniciamos en el anterior. Vamos a organizar nuestras imágenes recién subidas.

Si queréis comentar o aportar podéis usar el grupo del Facebook.

Aquí tenéis la página que subió Alicia al grupo sobro las licencias:

¿Por qué utilizar licencias de Creative Commons en Flickr?

Como subir y posicionar correctamente tus fotos en Flickr

Enlace al anterior video tutorial sobre Flickr

Tutorial Flickr - subir y organizar fotografías

Hola, subo el primer videotutorial de Fickr para los alumnos de los cursos de Aprende a usar el ordenador, Redes 2.0, Community Manager, eCommerce, Diseño Web, Iniciación a Tablets Android e Iniciación al Mac, de los cursos de la Casa de la Cultura de Torrejón de Ardoz y el Centro Cultural de Sanchinarro.

GIMP - TUTORIAL DE RETOQUE DE IMÁGENES

Retoque de imagen con Gimp

he montado otro videotutorial de retoque de imágenes para los alumnos de los cursos de Aprende a usar el ordenador e Iniciación a la informática de la Casa de la Cultura de Torrejón de Ardoz.

Como a algunos de los alumnos de Diseño Web, Redes, eCommerce, Community Manager, Iniciación al uso de tablets android e Iniciación al Mac también os viene bien tener unas nociones básicas de retoque de imagen, podéis hacerlo para no perder tiempo con el retoque en las clases.

Podéis coger las imágenes para el ejercicio de esta entrada del blog de Aprende a usar el ordenador:

DESCARGA DE LAS IMÁGENES DEL TUTORIAL

Spotify - tutorial de repaso

Hola, os subo este  tutorial de repaso de las clases de Spotify que hemos dado esta semana.

Aunque estos tutoriales están hechos para los alumnos de Informática de Mayores y de Aprende a usar el ordenador de la Casa de la Cultura de Torrejón de Ardoz podéis echarle un vistazo los alumnos del resto de los cursos.

VER TUTORIAL EN YOUTUBE

Compartir en la red desde iPhoto

Me piden algunos alumnos tutoriales de las clases para repasar, pero voy muy ajustado de tiempo porque además de las clases tengo mis proyectos y encargos, así que voy con la lengua fuera. Mirad esta prueba y si os convence que os subiré vídeos rápidos a un canal.

La verdad es que todos los días siempre tengo un rato antes de la comida y es posible ir haciendo repasos en vídeo. 

Decidme si os convence la idea...

(ojo este vídeo es de prueba... tengo que mejorar ;) )

Crear contenido para el posicionamiento SEO - 02

En la entrada anterior usábamos el retorno de las clases tras el parón navideño como excusa para echar un vistazo a las analíticas del blob. Veíamos cómo el hecho de que yo me iba de vacaciones y ni me acercaba a menos de 5 metros del ordenador, y que vosotros tampoco estudiabais mucho afectaba visiblemente a las métricas.

Vimos que la gráfica se "acostaba" y el porcentaje de rebote subía del 8% habitual del blog a un 12,29%

Pero hay un detalle que no comenté. Fijaros en este indicador:

SEO - pingomatic

En ocasiones habrá prácticas que serán comunes a los talleres o cursos 2014-2015. Por ejemplo, algunas de las prácticas de SEO serán comunes en los cursos de DISEÑO WEB, eCOMMERCE, BLOGS, REDES 2.0 y COMMUNITY MANAGER.

Por ejemplo, si quiero que esta entrada que estoy escribiendo en estos momentos se indexe rápidamente en los motores de búsqueda puedo recurrir a http://pingomatic.com/

Vamos a ver cómo, rápidamente, aunque en las prácticas del curso profundizaremos en el SEO, podemos indexar esta entrada.

Vamos a http://pingomatic.com/

Una vez en la web, lo que haremos será rellenar los campos que identifiquen nuestro blog y los motores de búsqueda en los que queremos indexar nuestra entrada.

Sencillo... de momento. Durante el curso profundizaremos algo más.

Saludos

Crear contenido para el posicionamiento SEO - 01

En los cursos de Community Manager y de Redes de casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro hemos debatido mucho sobre de la importancia que Google otorga al contenido y a la calidad del contenido para el posicionamiento SEO.

Y también tuvimos un debate sobre la importancia del porcentaje de rebote en las gráficas de Google Analitycs. El alumno Marcos nos aportó una entrada de un blog en el que se minusvaloraba la importancia de esta métrica. No voy a citar esa entrada ni aportarla como enlace pero sí voy a mostraros algo.

¿Os acordáis cómo eran las gráficas de Google Analitycs del blog que uso para las clases?

Si recordáis, andábamos siempre entorno a un 8% de porcentaje de rebote en los periodos de clases en los diferentes blogs. Lo que viene a decir que estabais al tanto de los contenidos porque estudiabais o consultabais el blog.

Los días que habían clases o yo preparaba alguna práctica apoyándola en Twitter o Facebook o con Pingomatic, los picos de visitas eran significativos.

Pues bien... llegaron las vacaciones y mirad lo que le pasó a la gráfica y al porcentaje de rebote: