Loe raamatut: «Aprender a crear su primera página web con 100 ejercicios prácticos»
Aprender a crear su primera web con 100 ejercicios prácticos
© 2013 MEDIAactive
Primera edición, 2009
© 2013 MARCOMBO, S.A.
Gran Via de les Corts Catalanes, 594
08007 Barcelona
En coedición con:
© 2013 ALFAOMEGA GRUPO EDITOR, S.A. de C.V.
C/ Pitágoras 1139 - Colonia del Valle
03100 - México D.F. (México)
Diseño de la cubierta: NDENU DISSENY GRÀFIC
«Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita fotocopiar o escanear algún fragmento de esta obra».
ISBN por Marcombo: 978-84-267-2021-4
Presentación |
APRENDER A CREAR SU PERIMERA WEB CON 100 EJERCICIOS PRÁCTICOS
100 ejercicios prácticos resueltos que conforman un recorrido por el proceso de creación de una página web gratuita con los servicios Blogger, WordPress.com y Facebook. Además, le permitirán aprender a reforzar su plan comunicación utilizando servicios como Twitter, Instagram, Pinterest y Foursquare, que permiten crear vínculo, fortalecer su marca y establecer relaciones con clientes reales y potenciales. Si bien es imposible recoger en las páginas de este libro todas las posibilidades de las redes sociales, hemos escogido aquellas que resultan fundamentales para los pequeños negocios que desea dar un paso adelante en la Web 2.0. Una vez realizados los 100 ejercicios que componen este manual, el lector será capaz de comunicarse de forma sólida y coherente en el entorno de las redes sociales.
LA FORMA DE APRENDER
Nuestra experiencia en el ámbito de la enseñanza nos ha llevado a diseñar este tipo de manual, en el que cada una de las funciones se ejercita mediante la realización de un ejercicio práctico. Dicho ejercicio se halla explicado paso a paso y pulsación a pulsación, a fin de no dejar ninguna duda en su proceso de ejecución. Además, lo hemos ilustrado con imágenes descriptivas de los pasos más importantes y de los resultados que deberían obtenerse, y con los recuadros IMPORTANTE, que ofrecen información complementaria sobre los temas tratados en los ejercicios.
Gracias a este sistema se garantiza que una vez realizados los 100 ejercicios que componen el manual, el usuario será capaz de desenvolverse cómodamente con las herramientas más populares de las redes sociales y sacar el máximo partido de sus múltiples prestaciones.
A QUIÉN VA DIRIGIDO EL MANUAL
Este libro está destinado a profesionales que trabajan de forma independiente y quieren promocionar su trabajo, así como pequeños negocios que desean darse a conocer y establecer nuevas formas de comunicación. Hace especial énfasis en el proceso de creación de las páginas web (en formato blog), así como la vinculación de las páginas con otras redes sociales y el uso de éstas últimas con una finalidad comercial. Si usted ya es usuario de las redes sociales a nivel personal, le resultará muy útil para consultar determinados aspectos específicos y conocer interesantes trucos para sacarles el máximo provecho.
Aunque cada ejercicio está tratado de forma independiente, le recomendamos seguir el orden del libro, puesto que en muchos de ellos se trabaja de forma progresiva y secuencial en una misma página o perfil. Además, hemos agrupado aquellos ejercicios con temática común. De cualquier manera, los ejercicios son independientes y si necesita realizar una consulta puntual, podrá dirigirse al ejercicio en el que se trata el tema y llevarlo a cabo sobre su propio proyecto.
CÓMO CREAR SU PRIMERA PÁGINA WEB
Este manual le permitirá crear un blog con dos de los servicios gratuitos líderes a nivel mundial: Blogger y WordPress.com. Podrá añadirle nuevas páginas para formar una verdadera página estructurada, personalizar su aspecto, añadirle aplicaciones o widgets a su conveniencia y publicar todo tipo de contenidos.
Aprenderá además a utilizar Facebook como todo un profesional, podrá convertir su perfil personal en una página comercial, crear anuncios publicitarios, promover eventos y contar la biografía de su negocio a partir de textos y contenidos multimedia de toda clase.
Se hará adicto a la inmediatez en 140 caracteres de Twitter, y podrá compartir su cotidianidad con las imágenes espectaculares de Instagram, armar una imagen corporativa utilizando Pinterest y dar a conocer su negocio con Foursquare. Además, podrá hacer uso de todas estas herramientas desde su teléfono móvil.
Cómo funcionan los libros “Aprender…” |
Índice |
001 Paseo por los diferentes recursos de la Web 2.0
002 Crear una cuenta en Blogger
003 Crear un blog en Blogger
004 Crear el primer post en Blogger
005 Editar una entrada de Blogger (I)
006 Editar una entrada de Blogger (II)
007 Crear vínculo a una página web
008 Agregar una imagen a una entrada
009 Cargar fotografías desde el móvil
010 Publicar un vídeo desde Youtube
011 Insertar archivo de vídeo en una entrada
012 Publicar un vídeo de YouTube en tu blog
013 Cambiar fecha y hora, y agregar ubicación
014 Añadir etiquetas a las entradas
015 Crear una lista de etiquetas
016 Consultar y configurar estadísticas de tu blog
017 Aplicar una vista dinámica de Blogger
018 Modificar las plantillas dinámicas
019 Modificar código CSS de plantilla dinámica
020 Recuperar plantilla y editar plantilla estática
021 Configurar comentarios
022 Administrar comentarios
023 Añadir páginas a tu blog de Blogger
024 Controlar los feeds de tu blog
025 Activar FeedBurner como gestor de Feeds
026 Añadir gadgets más relevantes al blog
027 Publicar sin Blogger
028 Invitar a nuevos autores y administradores
029 Crear blog y perfil en WordPress.com
030 Publicar una página en WordPress.com
031 Crear y borrar una entrada en WordPress
032 Editar imagen e insertar vínculo
033 Usar publicación rápida y alinear una imagen
034 Copiar un texto desde otro procesador
035 Atributos de página y Copiar página
036 Pedir opinión antes de publicar
037 Modificar opciones de pantalla
038 Comparar revisiones y personalizar pantalla
039 Configurar y gestionar comentarios
040 Utilizar el módulo Zemanta
041 Crear una galería de fotos en una página
042 Editar galería y crear pase de diapositivas
043 Subir fotos y vídeos desde Flickr
044 Publicar en blog fotos y vídeos de Flickr
045 Publicar vídeos de Vimeo y YouTube
046 Crear una encuesta
047 Editar una encuesta
048 Insertar formulario de contacto
049 Editar formulario de contacto
050 Activar y configurar calificaciones
051 Escoger el tema adecuado para su blog
052 Personalizar un tema
053 Agregar widgets
054 Crear un menú
055 Otras formas de modificar apariencia
056 Configurar la apariencia en móviles
057 Configurar la apariencia para iPad
058 Previsualizar aspecto en dispositivos móviles
059 Publicar desde el móvil. WordPress for iOS
060 Crear una entrada desde un iPhone
061 Gestionar comentarios desde un iPhone
062 Publicar con la función Foto rápida del iPhone
063 Publicar esto o crear entradas en un clic
064 Publicar por correo electrónico
065 Configurar publicación por correo electrónico
066 Controlar ajustes de escritura y lectura
067 Invitar a otros usuarios
068 Gestionar de mensajes de un colaborador
069 Analizar estadísticas (I)
070 Analizar estadísticas (II)
071 Migrar de Blogger a WordPress.com
072 Importar blog de Blogger directamente
073 Crear un perfil de Twitter
074 Personalizar plantilla del perfil de Twitter
075 Seguir en Twitter
076 Twittear y mencionar
077 Retwittear y usar hashtags
078 Responder, crear listas y usar mensajes directos
079 Twittear desde el móvil
080 Publicar una encuesta en Twitter (I)
081 Publicar una encuesta en Twitter (II)
082 Mostrar últimos tweets en tu blog
083 Crear tu propio widget de Twitter
084 Crear una cuenta en Facebook
085 Configurar perfil y comenzar a interactuar
086 Configurar su cuenta y su información
087 Actualizaciones de estado en su biografía
088 Publicar fotos y vídeos
089 Convertir su perfil en una página pública
090 Gestionar página con varios administradores
091 Crear un anuncio
092 Gestionar fotos en su página
093 Promocionar un evento por Facebook
094 Gestionar tu página de Facebook desde iPhone
095 Acceder a las estadísticas
096 El día a día en fotos con Instagram
097 Configurar cuenta y perfil de Instagram
098 Utilizar Foursquare
099 Expresarse a través de imágenes de Pinterest
100 Sacar máximo provecho a las redes
001 | Paseo por los diferentes recursos de la Web 2.0 |
LAS REDES SOCIALES HAN CAMBIADO la forma en la que nos comunicamos. Se trata de herramientas poderosas, que pueden ser gratuitas, y están disponibles para pequeños negocios y profesionales que ejercen por cuenta propia y quieren promocionar su trabajo. En esta primera lección daremos una pequeña introducción a las más importantes hoy en día.
IMPORTANTE
Saque máximo provecho a las redes, eso sí: siga a otros usuarios antes de comenzar a publicar en cualquiera de ellas: así conocerá el lenguaje apropiado para el medio. Domine una red antes de pasar a la siguiente, vincúlelas pero publique contenido adecuado para cada una y mantenga una imagen coherente en lo que a colores, tonos, e incluso terminología, se refiere.
1 Una variedad de servicios le permiten crear páginas gratuitas con un relativo nivel de personalización, sin exigir elaborados conocimientos técnicos. Los blogs tienen un enorme potencial para atraer nuevos usuarios o clientes, ganar notoriedad y comunicar nos con un público externo y clientes potenciales. En este manual aprenderá a crearlos y gestionarlos usando Blogger y WordPress.com, aunque también existen otros servicios similares y con menos prestaciones como Bitácoras (http://bitacoras.com/bitacorae), OboLog (http://www.obolog.com), OverBlog (http://es.over-blog.com/) o Blogia (http://www.blogia.com/). Cuando desee dar un paso adelante en la programación de su blog, querrá contratar alojamiento propio. Para ello puede migrar su blog a Wordpress.org.
2 Las redes de sociales o social media, por su parte, nos ayudan a promocionar servicios y productos e interactuar con clientes. Entre las redes de ocio, utilizadas para entretenimiento y establecimiento de relaciones sociales, Facebook es la líder actual, aunque no hay que dejar de considerar otras como la española Tuenti, que cuenta con 14 millones de usuarios y experimenta un gran crecimiento, y está centrada en el publico más joven (menor de 35 años) o perder de vista a Google+, que intenta ganarle terreno a Facebook. Para las empresas éste tipo de redes sociales suponen un excelente medio para crear vínculos con usuarios y seguidores, difundir información o compartir vídeos y fotografías.Tuenti es actualmente propiedad de Movistar.Google+ dirige todos sus esfuerzos a imponerse sobre Facebook.
3 En cuanto al llamado microblogging, actualmente casi tiene nombre propio y definitivamente éste es Twitter, la red de los 140 caracteres, aunque también existen otras opciones como Tumblr, que es un híbrido que permite compartir contenidos multimedia, propios y de otros, o Pinterest, que está enfocado sobre todo a la comunicación a través de la imagen.
4 Si desea explotar la publicación de material multimedia, considere el uso de páginas como Flickr y, de nuevo, Pinterest para compartir fotografías; Instagram si quiere contar el día a día en fotos y Youtube, además de Vimeo y Blip TV, para compartir vídeo.
5 Si ofrece su servicio o producto en una sede física, no puede dejar de lado las llamadas redes de proximidad, entre las cuales destacamos a Foursquare, con la cual trabajaremos en este manual, Yelp o Google Places, que le ayudará a aparecer en búsquedas de Google Maps.Tumblr es considerada una herramienta de microblogging, aunque realmente no tiene otro límite de caracteres que el que imponen los usuarios.
IMPORTANTE
Si desea fortalecer sus relaciones profesionales, promocionar su trabajo y ponerse al día, no puede dejar de tener un perfil en una red profesional. El ejemplo más claro en Linkedin, líder en este terreno, aunque Xing está muy bien posicionado en ciertos sectores.
002 | Crear una cuenta en Blogger |
IMPORTANTE
Blogger fue creado en 1999 y en 2003 fue adquirida por Google, lo que le dio un nuevo e innegable impulso. Actualmente permite cargar fotografías y vídeos, personalizar las plantillas prediseñadas que ofrece y publicar desde el móvil. Además, incluye estadísticas sobre las visitas al blog y a cada uno de sus post, lo que le permite al usuario analizar el comportamiento de sus lectores y refinar sus estrategias de comunicación, entre muchas otras cosas.
BLOGGER, YA LO HEMOS DICHO, es un servicio gratuito y muy intuitivo que permite crear, publicar y gestionar tu propia página personal o blog de la forma más sencilla, inmediata y eficaz posible. En los próximos ejercicios veremos cómo crear un blog en Blogger y, desde luego, cómo sacarle el máximo partido.
1 Para crear un blog en Blogger, lo primero que necesitará será una cuenta de Google. Si no la tiene, hágala ahora. Acceda a la página de registro de Blogger (www.blogger.com), pulse el botón Crear cuenta y rellene el fichero de la página Crea tu cuenta de Google. La misma cuenta le servirá para Gmail, Google+, YouTube y más. Si ya tiene una cuenta Google, acceda con ella, también desde la página de Blogger. Si ya tiene una cuenta de cualquier servicio de Google, no necesita una nueva.
2 La página de bienvenida de Blogger muestra una vista previa de su perfil, que aparecerá en todos los productos Google y en la Web. Pulse el vínculo con el texto Ver todo mi perfil.
3 Si desea cambiar alguna de las imágenes, sólo tiene que colocar el puntero del ratón sobre la misma y pulsa en el vínculo que se muestra. Hágalo con la foto de perfil, que está del lado derecho.
4 Al acercar el ratón, efectivamente aparece el texto Change profile picture, y al hacer clic en él se abre el cuadro Select profile photo, aún en inglés, que le permite subir una fotografía del escritorio (usando la opción Upload), escoger una imagen de sus álbumes (Your Photos), de fotos en las que se encuentre etiquetado (Photos of you) o hacer una foto nueva (Web camera).
5 Para este ejercicio, simplemente abra una ventana del explorador de su equipo y arrastre la imagen que desea establecer como foto de perfil hasta el cuadrante central, donde puede leer el texto Drag a photo here y, cuando se cargue la imagen, pulse el vínculo Creative kit.
6 Desde aquí puede editar su foto de perfil. Pulse en la opción Crop, que activa una cuadrícula de recorte, y seleccione arrastrando sus esquinas, el área de la foto que desea utilizar, y al terminar pulse el botón Apply.
7 Observe que cuenta con cuatro pestañas que le permiten activar distintas opciones. Pulse en la llamada Effects y, si así lo desea, aplique alguno de ellos. Una vez aplicado puede modificarlo usando sus controles. Al terminar aplique y pulse el botón Save this image, que está en la esquina superior derecha. Ajuste si hace falta el área de recorte y pulse el botón Set as Profile Photo para guardarla.
8 Se abre un cuadro de diálogo donde puede añadir un texto para compartir en la red. Para este ejercicio pulse el botón Cancel.
9 Cierre también la ventana del perfil, donde ahora podría añadir algún comentario y, en la página de bienvenida de Blogger, pulse el botón Continuar en Blogger.
003 | Crear un blog en Blogger |
IMPORTANTE
El escritorio de Blogger muestra una interfaz limpia y ágil, sumamente intuitiva y llena de cómodos accesos directos a las acciones más importantes del servicio. El apartado Lista de lectura, además, le ayuda a estar al día, pues muestra las noticias mas recientes de los blogs que sigue. Así, cada vez que acceda a Blogger, podrá saber qué hay de nuevo con una sola mirada.
UNA VEZ HA CONFIGURADO SU PERFIL Google, puede crear un blog en exactamente tres pasos. Sólo tiene que pulsar en el botón Nuevo Blog del Escritorio de Blogger, introducir un título y una dirección que esté disponible, escoger un tema y pulsar el botón Crear blog.
1 La página que dejó en pantalla al acabar el ejercicio anterior es el Escritorio de Blogger. En un primer apartado, que ahora indica que no tiene ningún blog, se creará una lista de sus blogs. El segundo apartado, llamado Lista de lectura, reunirá los blogs que usted siga. Puede editar su configuración, añadir nuevos blogs y administrar la lista. Para ello deberá pulsar en el botón con icono de tuerca que se encuentra en el lado derecho de su cabecera. Por defecto se ha añadido el blog Blogger Buzz, el blog del servicio Blogger, que le permite al usuario estar al tanto de las novedades del servicio. Pulse el botón Nuevo blog, del primer apartado, para crear su primer blog ahora.Una vez ha creado o editado su perfil de Google, puede crear su primer blog.
2 Para comenzar, debe asignar un título al blog, que es el que se mostrará en la cabecera de la página (y no es lo mismo que la dirección). Piénselo bien, ya que será su carta de presentación, pero tenga en cuenta que podrá cambiarlo más adelante por otro, y introduzca el nombre escogido en el campo en cuestión.
3 Ahora, en el segundo campo, sí que debe indicar la dirección con la cual su blog podrá ser ubicado desde cualquier navegador. Tenga en cuenta que de ser fácil de recordar y, consejo personal, evite utilizar signos. Si la web actuará como canal de comunicación de algún negocio, utilice el nombre de éste como parte de la dirección. Compruebe que a medida que va escribiendo el texto, un aviso le indica si esta dirección está disponible o ya es utilizada por otro blog. Para poder utilizar una dirección, debe aparecer el texto Esta dirección de blog está disponible.
4 Cuando haya dado con una dirección disponible que le agrade, seleccione una de las plantillas que ofrece el servicio. Aunque en este primer cuadro de diálogo sólo se ofrecen unas pocas opciones, tal como se indica al pie del cuadro, más adelante podrá escoger entre muchas más plantillas y, además, podrá personalizar las plantillas prediseñadas.
5 Una vez haya seleccionado una plantilla, simplemente pulse el botón Crear blog.
Se muestra de nuevo el escritorio de Blogger donde en efecto ya se encuentra el blog creado, que evidentemente y, tal como se indica, aun no tiene ninguna entrada.
El escritorio de Blogger permite acceder fácilmente a todos los blogs del usuario, así como gestionarlos y administrar también las entradas de cada uno de ellos. De momento, mientras no haya publicado ninguna entrada, está vacío.