"ETIQUETAS Y PROGRAMACIÓN EN HTML"

C08 – Insertar Etiquetas

     E1: La etiqueta correspondiente a las entradas o post en el blog, se insertan como se expresa a continuación. Estas etiquetas en nuestro blog van a ir estableciendo las Competencias correspondientes que integraran cada post. Una vez que se ha insertado en el editor de entradas el o las correspondientes Competencias, en el margen superior del editor se muestra el cuadro de Config. de Entradas (imagen), en el cual el primer icono es de Etiquetas, al hacer clic en ella se despliega un pequeño recuadro en el cual se insertan en forma manual las etiquetas, en nuestro caso cada Competencia ( C01 –titulo-, C02 –titulo-, etc.).

      E2: También se pueden insertar en forma manual, las etiquetas en la pantalla principal de Entradas (imagen), en la cual se hace clic en el icono (lápiz) y se ingresan las nuevas etiquetas.

C09 – Programación de código HTML

El código HTML te permite modificar manualmente el código de lo que se ha insertado en el editor de entradas (imagen), como ser texto, imagen y vídeo en sus formatos. El código HTML brevemente se puede conceptualizar como:

Es un lenguaje descriptivo, formado por una serie de etiquetas que el navegador interpretará de una u otra forma para mostrar distintos contenidos por pantalla.…”; “…HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc….”

      E1: En nuestro blog, el manejo del código HTML es el básico, usado para modificar los formatos de las ediciones de Entradas. Plantillas, etc. En el editor de Entradas, en la pestaña Redactar se coloca un texto, imagen o vídeo, haciendo clic en la pestaña de HTML se verá el texto sin formato, el cual podrás modificarlo con el uso de los código HTML como muestran las imágenes.

      E2: Utilizando los códigos básicos para HTML, se podrá dar forma a lo incluido en el editor de entradas. Estos códigos se encuentran en sitios web y brindan la escritura básica aceptada por los distintos navegadores, cambiando el aspecto de textos, imágenes, vídeos.

Reflexión: Sobre las competencias aquí expresadas, llego a la conclusión que las herramientas presentadas son de vital importancia para el aspecto del blog; brindando al usuario la manera de personalización sin dependencia externa. 

Fuentes: sitio web http//es.wikipedia.org/wiki/html – 28/04/2015,

"CODE EMBED"

C07 – Insertar Imagen y Vídeo en el Blog

En tu blog puedes insertar imágenes y vídeos, de la siguiente manera:

     E1: Ubicado en una Entrada nueva, se selecciona el icono de imagen del cuadro de herramientas de la parte superior; al hacer clic en ese icono se despliega una ventana de donde se hace clic en “Elegir Archivo”. Los formatos de archivos de imagen que se pueden subir son: -JPG, GIF, PNG, TIF y BMP.

     E2: Una vez insertada la imagen en el editor de Entradas, se puede hacer clic sobre la imagen y realizar los cambios de formato; como así también en la pestaña de “HTML” modificar manualmente su posición, tamaño, etc. Además de agregar texto.

     E3: Ubicado en la ventana de Entrada, también podemos insertar un vídeo; seleccionando el icono de vídeo del cuadro de herramientas de la parte superior; al hacer clic en el icono de la claqueta blanca y negra se despliega una venta de la cual aparecen opciones –Subir, Desde You Tube, Desde mi Teléfono y Desde mi Cámara. Elegir una de las opciones.

     E4: El vídeo se puede insertar además, directamente desde la página de www.yuo tube.com, en forma manual y de la manera como se detalla a continuación: una vez que se busca el tema y se tiene el listado de vídeos, se hace clic en el botón “compartir” debajo del vídeo, luego se selecciona el botón “Mostrar más” y se hace clic en el icono de Blogger, se debe tener iniciada la sesión y se elige Subir.

     E5: También se pude subir de la forma manual directa, en la cual se debe seleccionar la opción “compartir” y luego hacer clic en el icono de “insertar vinculo”, que mostrara una barra de dirección Code embebed, en la cual se selecciona dicha dirección –código- y luego se pega en el editor de Entradas en la pestaña “Html”; quedando de esa manera el vídeo seleccionado.

Les dejo un vídeo sobre el tema:

             

Reflexión: Esta forma de publicar imágenes y vídeos cambian el aspecto del blog, haciéndolo dinámico con las personalizaciones agregadas.
Fuentes: www.youtube.com - 27/04/2015; www.blogger.com - 27/04/2015.-

“CREACIÓN DE MI BLOGFOLIO”

La primera actividad de la cátedra de informática, es la creación de un blog, nuestro blog personal; nueva competencia para mí. La cual desarrollo seguidamente:

C04 – Como crear un Blog

   E1: Para la creación de blogs gratis, son utilizados dos aplicativos, los más conocidos son “Wordpress.com” y “Blogger.com”. Nosotros utilizaremos Blogger. Se ingresa a la página de blogger, luego se selecciona la opción “Crear Blog”, luego aparece la pantalla de –Lista de Blog – Crear un nuevo blog- en la cual se solicita –Titulo- y –Dirección blog spot-, como comienzo. 

     E2: Una vez creado el blog, se debe configurar su estructura, para lo cual en el lado izquierdo de la página se encuentra la lista de opciones, tal como lo muestra la imagen. 

     E3: El diseñador de plantillas de blogger posee una gama amplia de plantillas, imágenes, colores, etc, haciendo clic en una de la miniaturas, se muestran las distintas variantes que presenta. Una vez seleccionada la plantilla puedes verlo en forma inmediata en tu blog “ver blog”. 

      E4: De esta manera se van configurando todas las opciones de la página del blog, Diseño, Entradas, y en la opción –Configuración- que se encuentra en última posición encontramos todo lo referente a Básico, en el cual se editan el título, descripción del blog, las entradas y preferencias y otros. Este último es para utilizar las herramientas del blog.

Reflexión: Una gran satisfacción personal, haber logrado crear un blog como el que se presenta.

C05 – Creación de Plantillas

      E1: Una vez creado el blog, con su configuración Básica correspondiente, la elección de la plantilla es la imagen Personal de cómo se va a ver el blog. “ . . .Cuando pruebes el Diseñador de plantillas, observarás una vista previa que muestra el aspecto que tendrá el blog según las opciones que elijas; puedes ampliarla si pulsas en Mostrar vista previa entre el panel de control del Diseñador de plantillas de Blogger y la vista previa. Cuando estés satisfecho con el aspecto del blog, puedes aplicarlo directamente si pulsas la opción Aplicar al blog en la esquina superior derecha del Diseñador de plantillas. . . “. –Ayuda de Blogger-.

     E2: Se puede trabajar con el Diseñador de plantillas de blogger o, también se pueden bajar modelos desde una página de plantillas para blogger: “btemplates.com”; página de la que se puede extraer múltiples modelos de plantillas.

     E3: Elegida la plantilla, se procede a su configuración, la elección de Fondo, cambiando su aspecto, color, imagen. La elección de Diseño, con una variedad de opciones como 2, 3, columnas, Gadgets, pie de página, etc.. Ajuste de Ancho, con el cual se podrá cambiar el ancho del blog, sus columnas, y cuerpo principal.

Reflexión: Con la elección de mi plantilla, aun debo seguir investigando las opciones que se presentan en otras paginas; necesario para mejorar e impulsar mi blog.

C06 – Como Guardar Blog y Plantillas

El resguardo del blog como de la plantilla elegida, nos permite seguridad a la hora de afrontar imponderables.

      E1: Para el resguardo de la plantilla, se selecciona la opción “Crear copia de seguridad” en el margen derecho superior de la página de Config-Plantilla.

       E2: Una vez seleccionada la opción, antes mencionada, se abrirá una ventana, como muestra la imagen, y se debe hacer clic en el botón  “Descargar plantilla”. Este proceso hará una descarga de la plantilla, la cual se deberá guardar en una carpeta de resguardo del blog.

        E3: Para el resguardo del Blog, se procede a seleccionar en la página de Configuración la opción “Otros”; luego se debe ir a “Herramientas del Blog” que se encuentra en la parte superior de la página y hacer clic en “Exportar blog”. Luego se debe hacer clic en la opción “Descargar blog”; el blog se guardara en un archivo con extensión “.XML” el cual contendrá la configuración elegida como asi también la plantilla, las entradas y comentarios al momento del resguardo.

Reflexión: Como mencione al principio de la competencia, es necesario e importante el resguardo de toda la información incorporada en el blog; permitiéndonos mantener los datos brindados y aportes recibidos.

Fuente: WWW.blogger.com/ayuda del blogger - 26/04/2015

"Mi primer Post. Mis Primeras Competencias".

C01- Crear una cuenta en Google.

      E1: Se inicia Google y se procede a hacer click en la parte superior derecha de la pantalla "+tu" 

     E2: Se accede a la pantalla de "Cuenta Google", debajo del recuadro de ingreso, se selecciona la opción "Crear una cuenta"; ya creada se pueden realizar comentarios, inclusiones a grupos en blogs.

Reflexión: Una experiencia nueva, que me ha llevado a seguir completando los conocimientos de las herramientas tecnológicas.

C02: Mi Primer Post:

       E1: Ingrese al blog de la cátedra, seleccione el post deseado y al final del mismo se encuentra el bloque para la inserción del Comentario. 

      E2: Procedí a modificar mi cuenta en "Google", ya que tenia una cuenta creada como ejemplo; luego de la modificación ingrese nuevamente al blog de la cátedra y deje expresado mi comentario.

     E3: Una vez ingresado el comentario, se selecciona la cuenta, en mi caso "Google" y luego se selecciona el usuario; para luego proceder a la publicación del comentario en el post. 

Dificultades y/o errores:  En mi caso, la publicación no presento imagen de usuario, motivo que me llevo a realizar el siguiente paso: Se ingresa a la cuenta de "Google", se selecciona "Perfil del Blogger", luego se selecciona "Editar Perfil", se busca "foto de Perfil" se busca una imagen con los requisitos solicitados -(jpg, jpeg, gif).

Reflexión: Una experiencia nueva, que me ha llevado a seguir completando los conocimientos de las herramientas tecnológicas.

C03: Unirme a la Tribu - Blog de la cátedra -

    E1: Una vez creada mi cuenta de Google e iniciada mi sesión, e ingresar al blog de la cátedra, realizando mi primer Comentario; procedí a unirme a la "tribu".

       E2: Se selecciona "Participar en este sitio", luego se elige una de las cuentas: 

             en mi caso particular elegí:    , 

      introduje mi contraseña y accedí a la tribu; luego procedí a unirme al grupo. Seleccione Opciones y en Configuración del sitio, cambie la opción de Eres seguidor: Anónimo, por Eres seguidor: de forma Publica.

           E3: Así quede incluido en el grupo como seguidor. 

Dificultades y/o errores: En el primer ingreso no quede unido a la tribu debido a que no me configuraba como seguidor en forma publica, sino que estaba por defecto como anónimo.

Reflexión:  Nueva experiencia de inclusión en grupos de blog; primera vez para mi caso.

Fuente: https://informatica-bertocchi.blogspot.com.ar - 11-04-2015; www.Google.com.ar - 11-04-2015