Esta sección nos permite conocer el tráfico (visitas) que ha recibido nuestro blog desde el momento que se publica cada entrada,
Esto nos permite medir la popularidad de las entradas y de nuestro blog en general.
Entradas.
En esta seccion es posible conocer el número de visitas que ha recibido cada entrada de nuestro blog.
Fuentes de tráfico.
Esta sección nos permite determinar las direcciones de internet que referencian visitas a nuestro blog.
Publico.
Esta sección nos permite conocer la ubicación geográfica de las visitas, así como el explorador de Internet utilizado y el sistema operativo utilizado por los usuarios que visitan el blog.
En esta sesión veremos como utilizar nuestra plantilla de acuerdo a nuestras necesidades de diseño utilizando el diseñador de plantilla de blogger.
El diseñador de plantillas de blogger nos permite estilizar las plantillas, fondos, el ancho y el diseño general de nuestro blog.
Para iniciar, entramos a nuestro blog en la sección de visión general.
Seleccionamos la sección de plantilla. Seleccionamos personalizar para entrar al diseñador de plantillas de blogger.
El diseñador de plantillas de blogger.
El diseñador de plantillas de blogger cuenta con cinco secciones: Plantillas de fondo ancho,diseño y avanzado.
PLANTILLAS: Esta sección nos permite modificar el diseño de nuestro blog utilizando diseños predeterminados. Aquí es posible seleccionar un diseño general para blog, y debajo del diseño blogger nos da la opción para modificar los colores del diseño.
Seleccionamos el diseño y seleccionamos "aplicamos al blog"
FONDO..
ESTA SECCIÓN NOS PERMITE MODIFICAR EL FONDO DE NUESTRO BLOG DE ACUERDO A UNA LISTA DE FONDOS PREDETERMINADOS. O DE ACUERDO A UNA IMAGEN DE NUESTRA ELECCIÓN.
FONDOS PREDETERMINADOS.
ARA UTILIZAR LOS FONDOS PREDETERMINADOS BLOGGER NOS PERMITE ELEGIR ENTRE MULTIPLES TIPOS DE FONDO SELECCIONADO "IMAGEN DE FONDO"
IMAGEN DE FONDO PERSONALIZADA.
EN LA SECCIÓN DE IMAGEN DE FONDO ES POSIBLE INSERTAR UNA FOTOGRAFÍA O DIBUJO DE NUESTRA ELECCIÓN COMO FONDO, PARA HACER ESTO SELECCIONAMOS "IMAGEN DE FONDO" Y POSTERIORMENTE "SUBIR IMAGEN". DONDE ELEGIREMOS LA IMAGEN QUE DESEAMOS AGREGAR COMO FONDO.
GAMA DE COLORES PRINCIPAL.
LA GAMA DE COLORES PRINCIPAL. NOS PERMITE CAMBIAR EL COLOR DE TEXTO DEL BLOG, DE FORMA QUE COMBINEN CON LA IMAGEN SELECCIONADA.
AJUSTAR ANCHO.
ESTA SECCION NOS PERMITE AJUSTAR EL TAMAñO DE LAS ENTRADAS DEL BLOG Y LAS BARRAS LATERALES DERECHA E IZQUIERDA.
DISEÑO.
ESTA SECCION NOS PERMITE ELEGIR ENTRE VARIOS TIPOS DE DISEÑO PARA EL ACOMODO DE LAS ENTRADAS Y EL CUERPO DSE NUESTRO BLOG.
LOS DISTINTOS TIPOS DE DISEÑO DEL CUERPO DEL BLOG NOS PERMITEN ACOMODAR LAS ENTRADAS Y DATOS PERSONALES EN DIFERENTES LUGARES DE LA PANTALLA (DEL LADO IZQUIERDO, DERECHA, ARRIBA O ABAJO).
JULIO 25/2012
Avanzado. La sección avanzada del diseñador de plantillas bloger, nos permite personalizar el tipo de letra y color de los textos del blog, así como el color de los fondos y enlaces.
Texto de página. Esta opción nos permite determinar el tipo de letra que tendra el texto de las entradas y el archivo blog.
Fondos.
Esta sección nos permite determinar el color del fondo exterior, fondo de cabecera y el color del fondo de las entradas.
Enlaces
Esta seccion nos permite determinar el color de los enlaces del blog. Aqui es posible determinar el color del enlace, el color del enlace visitado, y el color del enlace se coloca el raton sobre el.
TITULO DE LA ENTRADA.
En esta opcion es posible determinar el tipo de letra que tendra el texto de las entradas.
Cabecera de fecha.
En esta sección es posible determinar el color de la cabecera de fecha.
GADGETS.
Esta seccion nos permite determinqar el tipo de letra de "DATOS PERSONALES" "archivo de blog" y la fecha de cada entrada. Tmbien nos permite delimitar el color de los "datos personales" y "archivo del Blog"
ACDSEE :Es un programa que permite la edición de imágenes y fotografías, utilizando herramientas avanzadas de diseño gráfico.
Utilizaremos para diseñar una cabecera personalizada para nuestro BLOG. . PASO 1.- Abrimos el programa ADCESE,
PASO 2 Abrimos un nuevo documento:
FILE-NEW
.
Elegimos el tipo de fondoo para el nurvo documento: BACKGROUND- TRANSPAREBT.
ELEGIMOS EL ANCHO (WIDTH) 760 PIXELES ELEGIMOS LA altura (HEIGTH) 300 pixeles Elegimos la resolución 96 pixeles/inch.
El tamaño elegido para el fondo permitirá que el encabezado se despliegue de forma correcta y que se salga de los limites de la pantalla.
3.-Eligiendo el color del rectangulo
Elegimos el fondo que llevara a nuestra imagen,eligiendo la herramienta de Rectángulo.
Posteriormente elegimos el color del rectángulo, con la herramienta de selección de color.
4.-Eligiendo el color de la orilla del rectangulo Color de la orilla del rectangulo Seleccionamos el color de la orilla del rectangulo Ajustamos rl tamaño dew la orilla del rectangulo (LINE STYLE)
5.-Insertando el texto.
Elegimos la herramienta de texto Elegimos el tamaño del texto. Elegimos en color del texto.
6.-Sombreado del texto .
Seleccionamos el texto
Seleccionamos en el menu - Objeto-DROP SHA
PANTALLA SHADOW
7.-parametros del sombreado.
Angle
Representa el angulo de la sombre.
OFFSET.
Representa la la posición de la SOMBRA CON RESPECTO AL TEXTO.
BLUR.
Representa el difundido de la sombra.
OPACITY.
Es el control de la oscuridad de la sombra.
Insertar Imagen Se busca una fotografía o dibujo para complementar el diseño de el encabezado.
Una vez localizada la imagen, se copia (CTRL-C) Dentro de ACDSEE SE PEGA LA IMAGEN (CTRL-V)
8.-Salvado la imagen para insertar en blogger
Una vez terminado la edición de la imagen, es necesario exportarla a un formato que pueda ser importado al encabezado dentro de blogger.
Se selecciona file ->save as
Se selecciona el formato PNG en la pestaña de tipo de archivo y se selecciona guardar . Utilizaremos el formato PNG ya que este formato optimiza las imágenes para Internet, y respeta la transparencia del dibujo.
9.-Insertando la imagen en el blog.
Para insertar la imagen en el blog, nos ubicamos en la sección de visión general. Posteriormente se elige "DISEÑO"
Se selecciona "Editar" en la sección de cabecera.
En la sección de imagen se selecciona examinar en "desde su equipo" Se elige la imagen que se salvó en ACDSEE.
Seleccionar en ubicación " EN LUGAR DEL TITULO Y LA descripción ".
Uno de los archivos que pueden hacer mas lenta la navegación en internet es el mapa de bits.
Una pagina que esta cargada de imágenes tarda considerablemente mas tiempo en cargar que una con solo texto, si queremos ilustrar una entrada con un contenido determinado de fotos nos puede convenir a fines de hacer más fácil el acceso a nuestra entrada, incorporar una presentación de diapositivas interactiva directamente de un sitio administrador de imágenes como FLICKR. Una alternativa viable también lo puede ser PICASA o PHOTOBUCKET.
La manera en que se incorpora dicha presentación es la siguiente:
Buscamos en nuestro respectivo perfil de FLICKR la opción de EMBED, que nos generara un código en donde determinamos la medida de la ventana que vamos a importar a nuestro blog. Observar el tamaño de la ventana de diapositivas es basico para asegurar que no se desborde del area de escritura.
El código de la presentacion se pega directamente en la modalidad de HTML, de nuestro editor de texto.
Hay que tener cuidado de recorrer el texto hasta el fondo del documento para no sobreescribir alguna instrucción.
En esta sesión emplearemos dos variantes de la diapositiva integrada a nuestro blog, la básica ofertada por FLICKR, y la avanzada a través de PICTOBUILDER.
A continuación incluimos ejemplos de cada una.
Pasos para utilizar el servicio PICTOBROWSER de PICTOBUILDER
ACCESAMOS en nuestro navegador www.db798.com/pictobrowser o www.pictobrowser.com
En la pagina de bienvenida de PICTOBROWSER presiono el botón de PICTOBUILDER que se encuentra ubicado en la parte superior derecha.
En donde nos indica "ENTER YOUR SCREEN NAME" escribimos el nombre de usuario de nuestra cuenta de FLICKR que se encuentra directamente en nuestra bienvenida a FLICKR (el saludo en varios idiomas). Presionamos el botón de CONTINUE.
En la siguiente pantalla seleccionamos la opción de SETS.
Esta opción nos despliega los títulos de álbumes que hemos creado en nuestra cuenta de FLICKR.Seleccionamos uno de esta lista.
Nos aparece la pantalla de vista previa en la columna de la izquierda aparecen los controles de la diapositiva a la derecha se reflejan inmediatamente los cambios que realizamos.
Controles: A) Image Settings: Predeterminamos el tamaño y calidad de las fotos. Si fueron extraídas directamente de internet puede no presentar cambios, si en contraparte fueron subidas a FLICKR de una cámara digital, podemos bajar la calidad para que no tarden tanto en visualizarse.
B) Alineación de la imagen: orientamos las fotografías en función de como fueron tomadas (retrato o paisaje) cargándolas hacia cualquiera de los dos costados de la ventana o bien centrándola en el espacio del reproductor.
C) Opción de SCALE TO FILL: esta opción aumenta o disminuye el tamaño de las imágenes para que llenen la mayor parte de la ventana posible. MUY IMPORTANTE: si las fotos no cuentan con suficiente resolución, esta opción pixelea las imágenes.
D) PLAYER SETTINGS: Son los ajustes del reproductor. Aquí podemos determinar el ancho y el largo del reproductor expresados como valores de HEIGHT and WIDTH (alto y ancho), medidos en pixels que se ajustan en relación al tamaño de nuestra pantalla. TITLES: define si se muestran o no los títulos de cada imagen de acuerdo a lo que indique FLICKR. NOTES: incluye o no la descripción de cada foto esta opción también depende de lo que hayamos definido en FLICKR. AUTO-HAIDE: este ajuste hace que los controles de mi presentación se oculten automáticamente cuando no este el mouse sobre la ventana del PICTOBUILDER.
na vez que hemos determinado el titulo y la dirección de nuestro blog, blogger nos da la bienvenida al panel de control
y seleccionamos el encabezado de nuestro blog para entrar al administrador de entradas donde podemos crear contenido nuevo y publicarlo para que sea de fácil acceso a través de internet.
1. El editor de texto es el área de redacción y formato de los contenidos de mi blog y cuenta con las herramientas básicas para poder crear párrafos de texto o textos decorativos ademas de permitir ademas de permitir la inserción de fotos, videos etc.
Detalle de editor de menú de texto:
No me digas que acabamos de comprender que lo nuestro llego a su final que sin mi tu puedes continuar
Te veo venir soledad Y no me digas que no merezco lo que recibí
y que yo nunca te comprendí pero, cuanto esperabas de mi?
Te veo venir soledad Que las noches no tienen final que la vida sin tu no me vale de na' otro golpe para el corazón que dejaste tirado aqui en este rincón
Te veo venir soledad Y no me digas que que algun dia tal vez volverás por ahora no hay nada que hablar muchas cosas, si, para olvidar
Te veo venir soledad Yo no te olvidaré y no me importa si lo creas o no
te necesito mas de lo normal lo siento si no lo supe expresar si no supe como demostrar pero es la pura verdad
Que las noches no tienen final que la vida sin ti no me vale de na' otro golpe para el corazón
que dejaste tirado aquí en este rincón por un amor que se niega a morir por lo que tu mas quieras no lo dejes asi
que lo nuestro no puede acabar que es mas fuerte de lo que podemos pensar Por eso.... te veo venir soledad
Y yo te esperaré todo el tiempo que quieras, da igual
si quieres busca en otro lugar y si lo encuentras te puedes quedar
Te veo venir soledad te veo venir soledad te veo venir soledad
A lo largo del curso emplearemos una serie de fotografías que describen los procesos mencionados en las entradas del blog para fines de mostrar los diversos menús que hay en el monitor vamos a emplear la tecla de PRINT SCREEN alternándola con la tecla Alt según sea el caso.
1.- PRINT SCREEN:
También se localiza en el teclado como IMPRIMIR PANTALLA, en algunas laptops requiere la presión de la tecla FUNCIÓN (Fn) para accesar a esta función en el teclado alternativo. presionar esta tecla captura lo que sea que este en pantalla y lo pega en el CLIPBOARD (que es la memoria que se accesa con el COPY-PASTE) y nos permite pegarla en la forma de una FOTOGRAFÍA, incluyendo TODAS LAS VENTANAS ABIERTAS Y LA BARRA DEL MENÚ.
2.- ALT+PRINT SCREEN:
En esta variante de la instrucción podemos capturar EXCLUSIVAMENTE la ventana que tenemos activada. En otras palabras, solo fotografiamos lo que estamos operando en ese preciso momento. La foto va a parar directamente a la instruccion de PASTE (CTRL+V).
3.- ALMACENANDO LA FOTOGRAFÍA
Ya que esta capturada la imagen, en cualquiera de las dos modalidades previas, podemos vaciarla directamente a un documento de WORD o POWER POINT con la instrucción de PEGAR, o bien la podemos vaciar, en un documento nuevo de MICROSOFT PAINT para exportarla a un archivo independiente de JPG, BMP, etc.
ANEXO 2
DESCARGA DE VÍDEOS Y TRACKS DE MÚSICA DIRECTOS DE YOUTUBE
Por lo regular visitamos un portal de vídeos como el de www.youtube.vom y seleccionamos uno para ver en pantalla.
Internamente en nuestra computadora, dicho vídeo se almacena en un folder temporal que se elimina en el momento en que cerramos el programa. Empleando aplicaciones como la de www.keepvid.com podemos cambiar la ruta de almacenamiento de dichos vídeos y convertirla en un archivo guardado en la ubicación de nuestra elección.
Paso 1.- Seleccionamos el vídeo de nuestra preferencia en YOUTUBE, y copiamos la dirección que nos muestra el navegador.
Paso 2.- La dirección la pegamos en el recuadro azul que nos indica la pagina www.keepvid.com y presionamos DOWNLOAD .
IMPORTANTE: Nos solicita que activemos el proceso de JAVA dos veces, una en el encabezado de la pagina (en una franja amarilla) y dos, en un dialogo por encima de la pagina.
Paso 3.- Seleccionamos el formato de descarga por lo regular es MP4 y el tamaño mínimo para una buena resolución es de 480 pixels. En este punto adicional podemos seleccionar EXCLUSIVAMENTE EL AUDIO en forma de un MP3.
Sin comentarios:
Publicar un comentario en la entrada