20
- about.me / It’s all about you- -Tarjeta Personal Web / Tutorial-

about me, tarjeta personal web Tutorial

  • Upload
    nut-qi

  • View
    68

  • Download
    5

Embed Size (px)

DESCRIPTION

about me, tarjeta personal web Tutorial

Citation preview

Page 1: about me, tarjeta personal web Tutorial

-about.me / It’s all about you-

-Tarjeta Personal Web / Tutorial-

Page 2: about me, tarjeta personal web Tutorial

-about.me / It’s all about you-

-Tarjeta Personal Web / Tutorial-

•¿Qué es “about.me”?: Es un servicio online que permite crear un

sitio web personal y único en el cual agrupar toda tu actividad y perfiles

dispersos en tus webs y redes sociales.

•En otras palabras, es como tu propia tarjeta personal digital que te

permite aglutinar toda tu presencia online que por lo general se

encuentra dispersa en numerosos blogs y redes sociales.

•Funciona como una “foto y breve descripción” de tu actividad

profesional y personal en la web unificada en un único perfil desde el

cual se accede a tu conglomerado social.

Page 3: about me, tarjeta personal web Tutorial

-Ventajas de About.me-

•Te permite generar un sitio único con tu Perfil desde el cual linkear tus

otros sitios, blogs, perfiles de redes sociales como por ejemplo: Facebook

(Pers.), Facebook (Fan Page), Twitter, Linkedin, Foursquare, Live MSN,

Skype, Web, Blogger, Wordpress, Tumblr, Flickr, Pinterest, Instagram,

Youtube, Vimeo, (entre otros más!).

•Es posible crear un sitio con un fondo personalizado o nuestra foto,

agregar una descripción personal, modificar el tipo de letra y agregar

social links a alguno de los servicios listados anteriormente.

•Permite dirigir a nuestros amigos, clientes o contactos laborales a un

único portal personal desde el cual acceder a nuestra información digital

como sitios webs, portfolios, CVs digitales, perfiles sociales, etc y que así

puedan seguir nuestra actividad online de forma más simple.

Page 4: about me, tarjeta personal web Tutorial

-Ventajas de About.me-

•Permite construir un Perfil desde cero mediante un fondo personalizado o

con nuestra foto, o bien recurrir a los perfiles destacados y modificarlos.

•Despliega nuestra presencia on line mediante íconos visuales, a

diferencia de otros sitios similares que despliegan largas listas de links. Esto

permite destacar en cambio nuestra foto, el fondo y la descripción que se

redacte.

•Incluye un directorio de perfiles destacados y buscador de perfiles.

•Analíticos: “about.me” también nos ofrece analíticos de medición y datos

sobre la cantidad de usuarios que visitan nuestro perfil y cantidad de clicks,

datos sobre nuestra actividad en otras redes sociales y datos por variables

geográficas y demográficas.

Page 5: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 1: Creación de nuestra Cuenta en About.me:

•Ingresar en: https://about.me; ingresar Nombre, Apellido y Mail.

•Click en: Create Your Page.

Page 6: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 1: Creación de nuestra Cuenta en About.me:

•Colocar nuevamente: Nombre, Apellido, Mail, Password y seleccionar el

sufijo de nuestro nombre de dominio personal verificando que esté

disponible para poder registrarlo

•Click en: Create Your Page. Verificar haber recibido el Mail de Bienvenida.

Page 7: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 2: Configuración Básica.

•Una vez que creamos nuestra cuenta abrimos nuestro navegador con:

https://about.me. Donde dice: Alredy have a page? nos logueamos con nuestro

nombre de usuario o mail y contraseña. También podemos loguearnos con

nuestra cuenta de Facebook y Twitter. Habremos ingresado a nuestro

Dashboard o Escritorio.

Page 8: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 2: Configuración de la Cuenta.

•Desde el Dashboard podemos ingresar en Account/Account Settings para editar: nuestro

nombre y apellido (que figurarán en nuestro site), mail, (permitiendo que nos encuentren por

nuestro mail o que nos envíen uno), modificar nuestra contraseña y configurar las

notificaciones: avisarnos cuando alguien destaca nuestro site, la comparte, nos comenta o

responde o se agrega al directorio de perfiles destacados.

Page 9: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 3: Compartiendo la Cuenta.

•Share Your Page: En esta sección podremos clickear para compartir nuestro sitio hacia

Facebook, Twitter o Linkedin o bien sino vía mail a nuestros contactos completando el

formulario de mensaje y colocando manualmente las direcciones o importándolas desde Gmail

o Yahoo.

•Find Your Friends: me permite encontrar contactos por Facebook, Twitter, Gmail o Yahoo

Mail o bien Invitarlos a mi Perfil o a que usen About.me.

Page 10: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Backrounds: Lo primero es elegir el fondo que más nos guste. Podemos

arrastrar una imagen desde la web, subir desde nuestra PC (JPG, GIF, PNG optimizada a

1680 x 1050 px) o elegir uno de los Fondos Predeterminados en la Galería de Wallpapers.

Luego lo podremos alinear: Izq., Dcha., Centro o Encajar en Pág.

Page 11: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Biography: ahora podemos cargar la info. referente a nuestra BIO;

podemos modificar una vez más nuestro nombre y apellido de acuerdo a como querramos

que figure en el site, colocar un título o slogan, redactar algo breve sobre nosotros, colocar

hasta 10 Tags (para SEO) y subir una foto para este Perfil de la BIO.

Page 12: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Colors: ahora podemos configurar los estilos de colores que más nos

gusten para el aspecto estético y visual de nuestro site. Page: color de fondo de nuestro site;

Blo Box: color de fondo del box de la BIO; Your Name, Headline, Biography: color del texto

dentro del cuadro de la BIO; Links & Tags: color de las etiquetas de enlaces.

Page 13: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Fonts: edita todos los estilos de Fuentes utilizadas en el cuadro de la BIO.

Permite seleccionar la Fuente y darle el Tamaño que se prefiera para cada elemento dentro

del box BIO.

Page 14: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Apps: nos permite agregar ahora sí Apps que utilicemos. Al clickear en Add

an App se despliega una lista con las principales aplicaciones que podemos configurar y

agregar a la BIO especificando si queremos que se muestre el social button o un link hacia

nuestros perfiles sociales.

Page 15: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Links: ahora podemos agregar links hacia nuestros sitios o blogs para que

se muestren debajo de los social buttons.

•Edit Your Page / Settings: me permite configurar los botones para compartir y si permito que

los visitantes del sitio me envíen un mail.

Page 16: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 4: Diseño del Sitio / Edit Page.

•Edit Your Page / Get More Visitors / Simplify your email signature: me permite generar y

configurar una firma personalizada de correo electrónico para mi mail (Gmail, Hotmail, Yahoo,

etc).

•Edit Your Page / Get More Visitors / Link to your about.me page: permite redirigir tráfico

web desde nuestros perfiles de redes sociales hacia nuestro sitio about.me.

•Edit Your Page / Get More Visitors / Share your about.me page: permite enviar o compartir

mi sitio about.me hacia mis principales perfiles sociales como Facebook / Twitter o Linkedin.

Page 17: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 5: Diseñando Tarjetas Personales.

•Edit Your Page / Get More Visitors / Get free about.me business cards: haciendo click en

Get Your Cards Now, el sistema me deriva hacia http://uk.moo.com, una App que me permite

diseñar y generar mis propias Tarjetas Personales basadas en el sitio about.me que nos

acabamos de construir.

•Podremos redefinir el diseño, colores, texto, tanto del anverso como del reverso de las

Tarjetas y generar un código QR para redirigir tráfico desde Smartphones hasta nuestro sitio

about.me.

Page 18: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 6: Explorando otros sitios About.me.

•Explore Pages: clickeando aquí se despliega un slider de perfiles al azar.

•Otra posibilidad es expandir desde la lupa y buscar perfiles en forma manual, a través del

directorio de perfiles destacados (featured directory) o hallando a nuestros contactos a través

de Facebook, Twitter, Gmail, Yahoo Mail, etc, (siempre que también utilicen About.me o bien

invitándolos).

Page 19: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 7: Interacción Social.

•Social Buttons: como todos los sitios actuales, About.me también funciona como red social.

•Los sigs. Social Buttons, ubicados debajo de nuestro nombre nos permiten: a) Estrella:

marcar un Perfil como Favorito; b) Share: enviar un perfil que me guste a Facebook, Twitter o

Pinterest; c) Compliments: permite señalar que me gusta un perfil, el fondo, la redacción o

conectarme a la persona; d) Email: envía un mail al correo del contacto desde su BIO de

About.me (Máx. 1000c).

Page 20: about me, tarjeta personal web Tutorial

-¿Cómo usar About.me? / Breve Tutorial-

Paso 8: Resultado Final.

•Finalmente, tras haber completado todos los pasos anteriores, nuestro sitio estará online y será

visible y accesible para quien ingrese nuestro dominio: https://about.me/tudominio.

•Al ingresar podrán ver nuestro site c/ nuestra BIO, foto, social links y web links todo de forma

unificada.

•A modo de ejemplo les paso cómo quedó en mi caso desde: https://about.me/alegordilloweb.

•Esto es todo. Saludos, que estén bien, nos vemos en clases. Ale!