Introducción a la edición de plantillas: Los GADGETS

Los Gadgets en Blogger:

Se les llama asi a los pequeños modulos de codigo que modifican el comportamiento de la palntilla de nuestro blog. Esto es, mas que ser una entrada nueva, es un componente del diseño de nuestro blog que le aporta funcionalidad extendida o adicional.

Apàrte que no estan sujetos al acomodo cronologico de las entradas donde cada nuevo articulo que publicamos va a colocarse inmediatamente encima de lo anterior, relegando el contenido al fondo de nuestro blog.

Los gadgets por su parte estan enclados en la plantilla de nuestra pagina, incorporados permanentemente al menu de nuestra pagina.

Aplicaciones comunes de los diferentes tipos de Gadget

1.- Ventanas de video podemos copiar la dirección de algún video favorito y anclarlo a la columna izquierda o derecha de nuestro blog dependiendo de su diseño para que cada vez que se cargue la pagina, se corra dicho vídeo.


2.-Galerías fotograficas fijas podemos mandar llamar una película de diapositivas y asignarla a algún espacio en las columnas laterales de nuestro blog.


3.-Directorios de blogs/paginas adicionales podemos crear listados de nuestras paginas favoritas o bien listados de blogs de nuestros compañeros y mostrarlos en la forma de una relacion de links convenientemente colocados a los lados de la pagina


4.- Subscripciones y RSS este Gadget y permite a las personas que visitan nuestra pagina subscribirse a nuestro blog utilizando su correo electrónico de este modo lres llegan notificaciones y copias de nuestros contenido de modo automático a sus respectivos correos en el momento en que son publicados


5.-Listado de nuestros posts o entradas favoritas nos permite mantener siempre a la mano un listado de contenidos sobresalientes para su rápida visualización y referencia.


6.- Listado de etiquetas relación de palabras clave que facilitan la búsqueda de contenidos en nuestras publicaciones


7.- Cuadro de búsquedas similar a Google pero con la opción de buscar dentro de nuestra pagina exclusivamente o bien realizar una búsqueda general en toda la web

Ejercicio de repaso Captura de audio en MP3 y publicación en SOUNCLOUD

Utilizando los conocimientos adquiridos hasta el momento realizar el siguiente ejercicio de repaso.

1-Seleccionar el vídeo de nuestra preferencia en www.youtube.com que pueda ser musical, de comedia, discursos, etc. Con una duración no mayor de 4:30 min..


2-Utilizar la pagina www.keepvid.com para obtener el audio en formato mp3 de dicho video, granbandolo en nuestro escritorio.


3-Utilizando el servicio de www.sounclound.com subir la grabación mp3 a nuestro perfil de soundcloud.


4-Exportar el codigo de SHARE y pegarlo en esta misma entrada, al pie del texto



Mission Impossible 2 Trailer by cesarubio


Cars 1-Trailer by cesarubio

GRABACION Y ALOJAMIENTO EN LINEA DE AUDIO ATRAVEZ DE SOUNDCLOUND

Sesion 12 26 de oct.del 2011


SOUNDCLOUND es un servicio virtual de grabacion y almacenamiento de audio, que es publicado en una plataforma diseñadad para sacra provecho de las redes sociales ya que esta integrado con facebook, blooger, tumblr, etc.

Pasos para crear una cuenta ejn souncloud.
1). Accesamos www.soundcloud.com
2). Buscamos el boton de SIGN IN
3). Selecionamos una de dos opciones

     a). Registramos con nuestro usuario de FACEBOOK  que nos lleva a una pantalla donde facebook nos pide autorizemos a SOUNDCLOUD para que use  nuestra informacion de usuario o bien
     b). Registrarnos con una cuenta de correo ese sera nuestro usuario y un password que ser nuestra clave en SOUNDCLOUD no tiene necesariamente el mismo password del correo.

4). Se va a mandar un correo de confirmacion a la direccion de mail que usemos en el inciso (b) haciendo click en ese  mensaje podremos activar finalmente nuestra nueva cuenta en SC 


Como hacer grabaciones en soundcloud


1.Localizamos el boton de UPLOAD and SHARE que se encuentra en nuestra pagina de bienvenida de Soundcloud.

2.Seleccionamos una de las dos opciones UPLOAD o REC UPLOAD, se abre la ventana para seleccionar archivos desde nuestra computadora y se suben, los formatos mas comunes son,MP3, WAV, FLAC, AIF, AAC, etc.


3. REC es el boton que activa la grabacion que solo puede hacerse si tenemos conectado un microfono a la computadora en el conector de color rosa o a traves del microfono integradoen LAPTOPS. 
        Nota, Para realizar sin problemas el proceso de grabacion es necesario revisar que el reproductor de ADOIBE FLASH esta actualizado, buscando en GOOGLE descargar ADOBE FLASH.

Personalizacion de Diapositivas Avanzadas

Diplomado: Blog como Recurso Didactico


Sesión num.10 (19 de octubre del 2011)




Flicker nos da la opcion de copiar y pegar reproductores de diapositivas que funcionan como videos que cuentan con un boton de PLAY que nos permite ver las fotos contenidas en el album de Flicker que nos genero dicha presentacion.
De cualquier manera el hecho de que es un reproductor de diapositivas tan basico nos brinda un abanico limitado de opciones para crear nuestro reproductor es entonces que surgen servicios de personalizacion avanzada de diapositivas como PICTOBROWSER

1- Como utilizar el programa en linea de PICTOBROWSER

a) En una pestaña nueva, acceso a wwww.pictobrowser.com

b) En la esquina superior derecha ubico el BOTON DE PICTOBULDER, hago clic

c) Ubico el campo que dice ENTER YOUR SCREEN NAME y le escribo mi nombre que aparece en mi cuenta de Flicker en el renglon que dice SESION INICIADA COMO (arriba a la derecha)

http://html-color-codes.info/codigos-de-colores-hexadecimales/

Sesión num.11 (23 de octubre del 2011)

d)- Aparecen los botones para seleccionar los SETS de mi cuenta de FLICKR estos son los albums.

e)- Tras seleccionar un album de mi lista se crea un PICTBROWSER con el menu de opciones en su modalidad DEFAULT esto es con ninguna opcion activada

f) Los ajustes a mi pictobrowser son los siguientes en IMAGE SETTINGS, FILE SIZE (Small/Large) sirve para ajustar el tamaño de los archivos cuando los originales son demasiado grandes
IMAGE ALIGNMENT (sirve para alinear las fotos dentro de la ventana del reproductor)
IMAGE OFFSET (sirve para hacer un ajuste manual en las imagenes despues de haberlas alineado).
SCALE TO FILL (sirve para agrandar las imagenes si son demasiado pequeñas para llenar o el alto o el bajo de mi ventana) si las imagenes son bajadas de Internet o tienen poca resolucion activar esta opcion resulta en imagenes pixeleadas
PLAYER SETTINGS Nos permite ajustar el ancho (WIDTH) o el largo (LENGHT) de la ventana completa del reproductor.
TITLES NOTES, AUTO HIDE nos permite ajustar la precenscia de los titulos sobre  las imagenes las   descripciones y la opcion de AUTO OCULTAR la barra de controles de la ventana de diapositivas.
BACKGROUND COLOR Aqui podemos utilizar una tabla de numeros y colores exadecimales para poder cambiar el color de fondo de las fotos en mi diapositiova , este color afecta solo el fondo y no directamente a las imagenes.
MODO DE ALHA Este ajuste es el grado de transparencia (tambien conocida como opacidad) de la barra de controles de mis diapositivas.

g)-Pasamos a la pestañá del menu que se llama GET HTML CODE y copiamos todo el codigo que nos muestra.

h)-Lo pegamos en el apartado o pestaña de EDICION HTML de nuestra ventana

Get the flash player here: http://www.adobe.com/flashplayer

Edicion avanzada de entradas 2 Las diapositivas interactivas

Como publicar diapositivas interactivas creadas en FLICKR.

1. Crear usuario en Flickr.com (Sesion 10/Oct/2011)


  continuacion (Sesion 12/Oct/2011)

1. El servicio de alojamiento de fotografias FLICKR
este servicio funciona como una comunidad de intercambio de imagenes que nos brinda herramientas para poder compartir nuestra coleccion de fotos en forma de albums interactivos o galerias virtuales

2. Pasos para tener una cuenta de FLICKR

a). Acceder a www.flicker.com y buscar el boton CREATE ACCOUNT o SIGN IN (Crear cuenta o acceder con usuario y password)

b). Crear un usuario con PASSWORD desde cero o bien acceder con el usuario de YAHOO (nombredecorreo@yahoo.com) o Google (nombredecorreo@gmail.) buscando los botones respectivos.

c). Desde nuestro panel de control en donde FLICKR nos da la bienvenida en varios lenguajes) ubicamos el boton de subir fotos o video que se encuentra en la esquina superior derecha.

d). Cuando estemos en la pantalla para subir archivos podemos seleccionar multiples imagenes si mantenemos presionada la tecla CTRL y hacemos click en ABRIR.

e). Esperamos a que FLICKR nos muestre la pantalla de avance donde nos indica el porcentaje de cada imagen que se esta subiendo de modo simultaneo.

f). Seleccionamos si las imagenes van a ser publicadas o seran privadas (solo las veremos cuando estemos registrados en el sitio).

g). Despues de guardar las imagenes entramos en la pantalla de descripcion donde podemos hacer varias cosas, entre ellas,

-Darle un nuevo titulo a las imagenes
-Añadir una descripcion para ellas.
-Editar las etiquetas de todo el lote de imagenes que subimos, o bien editar las etiquetas de una por una.
-CREAR el ALBUM (que incluya titulo y descripcion) Tambien podemos añadir el nuevo lote de imagenes a un album existente previamente creado.

3- Compartiendo nuestros albums a través de correo electrónico.

a). Desde nuestra pagina de bienvenida en el panel de control accesamos a nuestra seccion de GALERIAS.
b). La seccion de galerias cuenta con dos columnas, a la izquierda un listado de  todas nuestras fotos e imagenes ordenadas segun las hemos hido anexando a nuestra coleccion a la derecha una columna que muestra el titulo de cada uno de nuestros albumes acomodados segun nuestro propio criterio.
c). En el apartado de albums seleccionamos uno de ellos, esto nos lleva a la pagina de descripcion del album que incluye su titulo, unos breves parrafos descibiendo sus contenidos y reproducciones en miniatura de todas las fotos que contiene.
d). En esta pagina seleccionamos el ICONO de presentacion, que se encuentra ubicado en la parte superior derecha de la pantalla y tiene la forma de una pantalla para proyector.
e).Cuando la pantalla se obscuresca y nos muestre las fotos a manera de diapositivas, ubicamos en el MENÚ superior el boton de COMPARTIR.
f). En el boton de compartir ubicamos el apartado de COPIAR URL, hacemos clic en ese boton.
g). En una pestaña aparte u otra ventana del navegador de internet introducimos la direccion pertinernte de la pagina de nuestro correo electronico(www.hotmail.com, www.yahoo.com, www.gmail.com etc) segun seas el caso.
h). Creamos un correo nuevo cuando redactamos el contenido de dicho corrreo PEGAMOS el URL (direccion de internet) que copiamos en el paso )f)
i). Hacemos clic en enviar.

Sesion 5 Edicion avanzada en entradas de blog

1.Los saltos de pagina.

James Bond ( 007) es un personaje ficticio creado por el novelista inglés Ian Fleming en 1952, año en que fue publicada su primera novela, Casino Royale, en donde el autor se refiere a Bond como a un agente secreto.^[1]
Bond protagoniza sus propias aventuras las cuales poseen un aspecto en común: su trabajo como espía internacional y las aventuras que se desarrollan con cada misión. Su profesión le otorga la denominación de agente encubierto, con "licencia para matar", afiliado al Servicio secreto de inteligencia británico -conocido actualmente como MI6.
Aunque fue inicialmente hecho famoso a través de las novelas, ahora es probablemente más conocido por la serie de películas creadas por EON Producciones, y aunque se han producido dos películas independientes y una adaptación estadounidense de la primera novela de Fleming bajo licencia legal, sólo las películas de EON son generalmente consideradas "oficiales" dentro de la saga del personaje.
En 2007, se celebró en Francia un coloquio organizado por la Biblioteca Nacional de Francia, las universidades de Versalles y Nanterre y el Conservatorio Europeo de Estudios Audiovisuales, denominado "Historia cultural y apuestas estéticas de una saga popular", conformado por diversos científicos especializados en múltiples ámbitos de estudio a nivel internacional dispuestos a analizar científicamente el 'efecto Bond', podríamos decir, no únicamente desde el aspecto fanatista, sino en un área de estudio y análisis.

Sesion 4 (28 de Sept 2011) Pagina para llenado de contenidos

Letra Himno Nacional de México   

(Uso de las herramientas del EDITOR)

Coro
Mexicanos al grito de guerra
el acero aprestad y el bridón.              Tipografia modificada a GEORGIA
Y retiemble en sus centros la tierra,
al sonoro rugir del cañón.
Estrofa I
Ciña ¡oh Patria! tus sienes de oliva
de la paz el arcángel divino,
que en el cielo tu eterno destino
por el dedo de Dios se escribió.    Tamaño de fuente modificada
Mas si osare un extraño enemigo
profanar con su planta tu suelo,
piensa ¡oh Patria querida! que el cielo
un soldado en cada hijo te dio.
Estrofa II
En sangrientos combates los viste
por tu amor palpitando sus senos,
arrostrar la metralla serenos,
y la muerte o la gloria buscar.                          Fuente modificada con NEGRITAS
Si el recuerdo de antiguas hazañas
de tus hijos inflama la mente,
los recuerdos del triunfo tu frente,
volverán inmortales a ornar.
Estrofa III
Como al golpe del rayo la encina,
se derrumba hasta el hondo torrente,
la discordia vencida, impotente,
a los pies del arcángel cayó.
Ya no más, de tus hijos la sangre,                     Fuente  modificada a CURSIVA
se derrame en contienda de hermanos;             Tachado
sólo encuentre el acero en sus manos
quien tu nombre sagrado insultó.
Estrofa IV
Del guerrero inmortal de Zempoala
te defiende la espada terrible,
y sostiene su brazo invencible,
tu sagrado pendón tricolor.                                     Modificado a subrayar el texto
Él será del feliz mexicano
en la paz y en la guerra el caudillo.
porque él supo sus armas de brillo
circundar en los campos de honor.
Estrofa V

Guerra, guerra sin tregua al que intente
de la Patria manchar los blasones,
Guerra, guerra, los patrios pendones
en las olas de sangre empapad.         color de fuente y fondo de texto, Alineación centrado
Guerra, guerra. En el monte, en el valle,
los cañones horrísonos truenen,
y los ecos sonoros resuenen
con la voces de ¡Unión! ¡Libertad!

Estrofa VI

1. Antes, Patria, que inermes tu hijos,
2. bajo el yugo su cuello dobleguen,
3. tus campiñas con sangre se rieguen,        Lista enumerado
4. sobre sangre se estampe su pie.
5. Y tus templos, palacios y torres
6. se derrumben con hórrido estruendo,
7. y sus ruinas existan diciendo:
8. De mil héroes la Patria aquí fue.

Estrofa VII

• Si a la lid contra hueste enemiga,
• nos convoca la trompa guerrera,
• de Iturbide la sacra bandera,
• mexicanos, valientes seguid.
• Y a los fieles bridones les sirvan                                     Lista con viñetas
• las vencidas enseñas de alfombra;
• los laureles del triunfo den sombra
• a la frente del Bravo Adalid.

Estrofa VIII

Vuelva altivo a los patrios hogares,
el guerrero a cantar su victoria,
ostentando las palmas de gloria
que supiera en la lid conquistar.       Cita
Tornaránse sus lauros sangrientos
en guirnaldas de mirtos y rosas,
que el amor de las hijas y esposas,
también sabe a los bravos premiar.

Estrofa IX
Y el que al golpe de ardiente metralla,
de la Patria en las aras sucumba,
obtendrá en recompensa una tumba
donde brille, de gloria, la luz.
Y, de Iguala, la enseña querida
a su espada sangrienta enlazada,
de laurel inmortal coronada,
formará de su fosa una cruz.
Estrofa X
¡Patria, Patria! tus hijos te juran
exhalar en tus aras su aliento,
si el clarín, con su bélico acento,
los convoca a lidiar con valor.
¡Para ti las guirnaldas de oliva!
¡Un recuerdo para ellos de gloria!
¡Un laurel para ti de victoria!
¡Un sepulcro para ellos de honor!

Ejercicios con el editor basico de texto de mi Blog .- Los contenidos a   publicarse en mi bitacora comienzan y terminan con el editor de texto que viene cuando  presiono el boton CREAR UNA NUEVA ENTRADA.
Las Herramientas basicas para dar formato a los textos que introduzca son las siguientes
1-Fuente o tipografia (Boton F)
Este boton  nos permite seleccionar el tipo de letra que se va a emplear para la redacción. La selección es limitada  porque utiliza  los estilos básicos de letra que vienen instalados en la computadora.
2.-Boton de tamaño (tT) Este boton nos permite modificar el tamaño de la fuente de acuerdo a las opciones programadas en la computadora impactando el formato de la publicacion en el blog.
3.-Botones de Negrita, Cursiva, Subrayada y Tachado (B I U, abc) Impactan a la fuente con las modificaciones especificadas.
4.-Botones de color y fondo del texto  (A, Brocha) Modifican la seleccion de color segun el panel de opciones que se despliega y de igual forma iluminar el fondo.
5.-Boton de Alineacion Modifica la ubicacion en pantalla (hoja) segun el ejemplo señalado en sus opciones.
6.-Botones de Lista numerados y viñetas nos enumera o enlista numericamente nuestros renglones o bien nos señala con viñetas nuestros parrafos.