CLASE 6
“Creación de sitios web en
Blogger”
Lics. en Periodismo y Comunicación Social
FCH-UNSL
(Año 2014)
CREATIVE COMMONS...
Requiere tener en cuenta los siguientes
aspectos:
• Propósito y Diseño del sitio
• Construcción y Puesta en línea
CREACIÓN...
PROPÓSITO
¿Qué voy a comunicar? ¿A quién me voy a
dirigir? ¿Con qué periodicidad lo voy a
hacer?
DISEÑO
¿Qué elementos se ...
CONSTRUCCIÓN
¿Con qué herramienta de creación de páginas web
implementaré mi sitio? ¿Será de fácil o complejo
manejo?
PUES...
Consiste en la aplicación sucesiva de las
siguientes etapas:
• Diagramación
• Redacción
• Edición
• Armada
• Publicación…
...
DIAGRAMACIÓN DE UN SITIO
WEB
Apariencia visual del sitio web y
disposición de los elementos que lo
componen de forma armón...
DIAGRAMACIONES DE
PERIÓDICOS
DIAGRAMACIONES DE
REVISTAS
Presenta la información en dos o más columnas de
acuerdo al patrón de lectura que sigue el usuario…
ETAPA DE DIAGRAMACIÓN
Ejemplo particular de la diagramación de un diario…
ENCABEZADO
PARTE
CENTRAL
ETAPA DE DIAGRAMACIÓN
Ejemplo particular de la diagramación de un diario…
ETAPA DE DIAGRAMACIÓN
PARTE
CENTRAL
PIE DE
PAGINA
ENCABEZADO
PARTE
CENTRAL
PIE DE
PÁGINA
Ejemplo
particular
de la
diagramación
de una
revista…
ETAPA DE DIAGRAMACIÓN
Etapa en la que se redacta el texto de
acuerdo a:
• Patrón de lectura
• Estructura de la noticia en la Web…
El uso de los ...
PATRÓN DE LECTURA EN LA
WEB
Según (Jakob Nielsen, 2006): “Los lectores de Internet siguen
mayormente un patrón de lectura ...
REDACCIÓN DE LA NOTICIA EN
LA WEB
Se basa en la estructura de la pirámide invertida con las
consideraciones del formato di...
REDACCIÓN DE LA INFORMACIÓN
NOTICIA EN LA WEB
Puede ser breve y/o extensa y su
carácter es permanente. Suele
utilizar enla...
REDACCIÓN DE LA
INFORMACIÓN
NOTICIA EN EL CELULAR
Generalmente es más corta y concisa y su carácter
es fugaz…
No debe conf...
EDICIÓN DE LA INFORMACIÓN
Etapa en la que se corrigen los textos de forma
sintáctica y semántica, se corroboran los datos ...
REDACCIÓN/EDICIÓN DE
LA INFORMACIÓN
ESTILOS DIVERSOS
REDACCIÓN/EDICIÓN
DE LA INFORMACIÓN
ESTILOS DIVERSOS
Consiste en elaborar las páginas del sitio mediante
un programa de creación de sitios web (Web Page
Maker, Blogger, Wix, D...
Etapa en donde se publica (de forma
gratuita o paga) el sitio web del
periódico y se comunica su dirección URL
para que se...
CONCEPTOS DE INTERÉS
BLOGGER: servicio o plataforma de Google que permite crear
blogs.
BLOG (O BITÁCORA): sitio web periód...
NOTICIAS DE
TAPA DE UN
PERIÓDICO
(SOLIDARIDAD)
Fuente:
http://periodico-solidaridad.blogspot.com.ar
páginas
entradas
EJEMP...
EJEMPLOS DE SITIOS EN
BLOGGER
NOTICIA COMPLETA DEL PERIÓDICO SOLIDARIDAD
entradas
EJEMPLOS DE SITIOS EN
BLOGGER
NOTICIAS DE
TAPA DE UN
PERIÓDICO
(VILLARINO)
Fuente:
http://diariovillarino.blogspo...
Entrada más reciente
Publicado por LA TRASTIENDA DE
BAHÍA en 14:13
EJEMPLOS DE SITIOS EN
BLOGGER
NOTICIA COMPLETA
DEL PERI...
Entrada menos reciente
Publicado por LA TRASTIENDA DE
BAHÍA en 13:07
EJEMPLOS DE SITIOS EN
BLOGGER
NOTICIA COMPLETA
DEL PE...
entradas
Fuente:
http://revista-utopia.blogspot.com.ar
NOTAS DE
TAPA DE UNA
REVISTA
(UTOPÍA)
EJEMPLOS DE SITIOS EN
BLOGGER
entradas
Fuente:
http://revista-gatos.blogspot.com.ar/
EJEMPLOS DE SITIOS EN
BLOGGER
NOTAS DE
TAPA DE UNA
REVISTA
(GATOS)
¿CÓMO CREAR UN BLOG?
PASO 1: CREAR UNA CUENTA EN GMAIL
Con los datos de Gmail se puede acceder a Blogger…
CREANDO UN SITIO...
¿CÓMO CREAR UN
BLOG?
PASO 1: CREAR UNA
CUENTA EN GMAIL
Para disponer de una
cuenta en GMAIL es
necesario completar el
form...
¿CÓMO CREAR UN BLOG?
PASO 2: CREAR UNA CUENTA EN BLOGGER
Con los datos de Gmail se puede acceder a Blogger…
CREANDO UN SIT...
¿CÓMO CREAR UN BLOG?
PASO 2: CREAR UNA
CUENTA EN
BLOGGER
Colocamos Título y
Dirección al blog que
estamos por crear,
selec...
¿CÓMO CREAR UN BLOG?
PASO 2: CREAR UNA CUENTA EN BLOGGER
Luego de creado el blog podremos:
•Comenzar a publicar informació...
VISUALIZAR UN BLOG EN
BLOGGER
A partir del botón “Ver blog”, podremos ver la
dirección web y el aspecto que tendrá nuestro...
Acceso a la
interfaz
general del
blog
Creación de
una nueva
entrada
Acceso a la
lista de
entradas
del blog
Acceso a un
com...
PASO 3: TRABAJANDO EN BLOGGER
INTERFAZ GENERAL
Permite realizar todas las operaciones relacionadas con el trabajo
con un b...
INTERFAZ GENERAL
VISIÓN GENERAL
Muestra estadísticas de acceso y actualizaciones del blog, junto
con noticias relacionadas...
INTERFAZ GENERAL
ENTRADAS
Permite agregar información (artículos o post) a la página
principal de nuestro blog…
CREANDO UN...
INTERFAZ GENERAL
PÁGINAS
Permite organizar el contenido de nuestro blog en dos o más
secciones que agrupan o categorizan l...
INTERFAZ GENERAL
COMENTARIOS
Permite efectuar la lectura y moderación de los comentarios
emitidos por los lectores del blo...
INTERFAZ GENERAL
GOOGLE +
Permite conectar Blogger con Google+ a través de las publicaciones
efectuadas en el blog con el ...
INTERFAZ GENERAL
INGRESOS
Muestra alternativas de ingresos económicos que podemos obtener a
través de nuestro blog…
CREAND...
INTERFAZ GENERAL
DISEÑO
Ofrece diferentes formas de organización de los componentes de un
blog y puede ser modificado desd...
INTERFAZ GENERAL
PLANTILLAS
Ofrece distintas formas de organización del contenido de un blog.
Trabaja en conjunto con el “...
DISEÑADOR DE PLANTILLAS
PLANTILLAS
Permite personalizar cada uno de los elementos del blog (fondo,
fuentes, entradas, etc....
DISEÑADOR DE PLANTILLAS
FONDO
Permite elegir un color o imagen de fondo para el blog…
CREANDO UN SITIO EN BLOGGER
DISEÑADOR DE PLANTILLAS
AJUSTAR ANCHO
Permite elegir el ancho del contenido de nuestro blog
(información principal) o su i...
DISEÑADOR DE PLANTILLAS
DISEÑO
Permite modificar la organización de elementos de una plantilla
predeterminada…
CREANDO UN ...
DISEÑADOR DE PLANTILLAS
AVANZADO
Permite personalizar el texto, fondo (de la página y entradas)
enlaces, fuentes (del títu...
INTERFAZ GENERAL
CONFIGURACIÓN-LO BÁSICO
Permite configurar título, descripción, dirección URL, autores y
lectores del blo...
INTERFAZ GENERAL
CONFIGURACIÓN-ENTRADAS Y COMENTARIOS
Permite configurar las entradas y comentarios de un blog…
CREANDO UN...
INTERFAZ GENERAL
CONFIGURACIÓN-MÓVIL Y CORREO ELECTRÓNICO
Permite configurar el envío de la información publicada en el bl...
¿CÓMO CREAR UN BLOG?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Consiste en agregar información a una o más páginas de un blog....
PASO 4: AGREGANDO CONTENIDO A UN BLOG
ENTRADAS- VISTA REDACTAR
Permite agregar texto, imágenes, videos pero no audios, por...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
ENTRADAS- VISTA HTML
Permite agregar cualquier tipo de objeto y código de programaci...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
ENTRADAS- PERSONALIZACIÓN
El trabajo con las entradas puede ser
personalizado desde ...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
REDACTANDO NOTICIAS MEDIANTE EL ENLACE “MÁS
INFORMACIÓN”
Se coloca Título, Bajada o ...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
REDACTANDO ENTRADAS MEDIANTE EL ENLACE “MÁS
INFORMACIÓN”
Al visualizar el blog solo ...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
REDACTANDO ENTRADAS MEDIANTE EL ENLACE “MÁS
INFORMACIÓN”
La frase “Más información” ...
Inserta
imagen
ENTRADAS Y ELEMENTOS MULTIMEDIALES
AGREGANDO UNA IMAGEN
El blog permite el trabajo con imágenes que pueden ...
Insertar
un video
ENTRADAS Y ELEMENTOS MULTIMEDIALES
AGREGANDO UN VIDEO
El blog permite el trabajo con videos que pueden s...
ENTRADAS Y ELEMENTOS MULTIMEDIALES
AGREGANDO UN AUDIO
Blogger no permite agregar audios por lo que éstos deben ser alojado...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
PÁGINAS PARA LA CREACIÓN DE MENÚ CON OPCIONES
O SECCIONES
Constituyen otro de los el...
Ingreso y formato
de fecha
Ingreso y formato
de titular
Ingreso de fecha ,
formatos y enlace al
editor
PASO 4: AGREGANDO C...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
CREANDO UN SITIO EN BLOGGER
PÁGINAS-INSERCIÓN DE ENLACES
Los enlaces o hipervínculos...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
CREANDO UN SITIO EN BLOGGER
PÁGINAS-OPCIONES DE VISUALIZACIÓN
Al crear las páginas, ...
PÁGINAS- OPCIONES DE VISUALIZACIÓN
CREANDO UN SITIO EN BLOGGER
PESTAÑAS PRINCIPALES
ENLACES LATERALES
REDACTANDO NOTICIAS MEDIANTE LA
COMBINACIÓN DE ENTRADAS Y PÁGINAS
PASO 1- CREAR Y EDITAR UNA NUEVA ENTRADA
En una nueva en...
REDACTANDO NOTICIAS MEDIANTE LA
COMBINACIÓN DE ENTRADAS Y PÁGINAS
PASO 2- CREAR UNA NUEVA PÁGINA
En una nueva página coloc...
REDACTANDO NOTICIAS MEDIANTE LA
COMBINACIÓN DE ENTRADAS Y PÁGINAS
PASO 3- CONFIGURAR ENLACES A LOS TÍTULOS DE LAS
ENTRADAS...
REDACTANDO NOTICIAS MEDIANTE LA
COMBINACIÓN DE ENTRADAS Y PÁGINAS
PASO 4- ENLAZAR ENTRADA A LA PÁGINA
En el campo “Enlace ...
REDACTANDO NOTICIAS MEDIANTE LA
COMBINACIÓN DE ENTRADAS Y PÁGINAS
PASO 5- ENLAZAR ENTRADA A LA PÁGINA
Al visualizar el blo...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
CREANDO UN SITIO EN BLOGGER
PÁGINAS-OPCIONES DE VISUALIZACIÓN
El problema nuevo que ...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
CREANDO UN SITIO EN BLOGGER
GADGETS
Son pequeñas aplicaciones con distintas funciona...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
CREANDO UN SITIO EN BLOGGER
GADGETS
En Blogger existe diversidad de gadgets que pued...
GADGETS
CREANDO UN SITIO EN BLOGGER
BOTÓN +1
Permite a las personas recomendar la marca y el contenido de tu
blog…
GADGETS
CREANDO UN SITIO EN BLOGGER
TRADUCTOR
Permite traducir al blog en diversos idiomas…
GADGETS
CREANDO UN SITIO EN BLOGGER
SEGUIR POR CORREO ELECTRÓNICO
Permite a las personas suscriptas a un blog recibir el c...
GADGETS
CREANDO UN SITIO EN BLOGGER
ENTRADAS POPULARES
Muestra una lista de las entradas más populares de un blog…
GADGETS
CREANDO UN SITIO EN BLOGGER
CUADRO DE BÚSQUEDA
Permite buscar información en los enlaces y contenido de un blog…
GADGETS
CREANDO UN SITIO EN BLOGGER
ENLACES DE SUSCRIPCIÓN
Permite a los lectores suscribirse al blog mediante los lectore...
GADGETS
CREANDO UN SITIO EN BLOGGER
ENCUESTA
Permite conocer la opinión de los lectores del blog en una o más
temas de int...
PASO 4: AGREGANDO CONTENIDO A UN BLOG
CREANDO UN SITIO EN BLOGGER
GADGETS
Existen muchos más gadgets que pueden ser agrega...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
CLIMA
Puede ser agregado desde el sitio Meteored.com
(http://www.meteo...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
CLIMA
El código html puede ser colocado en el blog a través del gadget...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
CHAT
Puede ser agregado desde el sitio Chatango.com
(http://chatango.c...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
CHAT
El código HTML puede ser colocado en el blog mediante el Gadget
H...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
FECHA
Puede ser obtenido su código en formato html desde la diversidad...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
FECHA
El código html también puede ser modificado en función de los
co...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
FECHA
El efecto final es el siguiente…
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
JUEGOS
Pueden agregarse desde distintas páginas, entre ellas
http://es...
MÁS ELEMENTOS DINÁMICOS
CREANDO UN SITIO EN BLOGGER
JUEGOS
Modificación del ancho y alto del juego y vista final…
<table s...
FIN DE PRESENTACIÓN…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-...
Upcoming SlideShare
Loading in...5
×

Clase 6 construccion blogger

439

Published on

Construcción de un sitio web en Blogger

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
439
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Clase 6 construccion blogger

  1. 1. CLASE 6 “Creación de sitios web en Blogger” Lics. en Periodismo y Comunicación Social FCH-UNSL (Año 2014) CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL- COMPARTIRIGUAL 3.0 UNPORTED LICENSE
  2. 2. Requiere tener en cuenta los siguientes aspectos: • Propósito y Diseño del sitio • Construcción y Puesta en línea CREACIÓN DE SITIOS WEB EN BLOGGER
  3. 3. PROPÓSITO ¿Qué voy a comunicar? ¿A quién me voy a dirigir? ¿Con qué periodicidad lo voy a hacer? DISEÑO ¿Qué elementos se colocarán en el sitio? ¿Cómo se organizarán? ¿Cuáles serán los colores utilizados? ¿Cómo será la tipografía y el tamaño de cada elemento?… PROPÓSITO Y DISEÑO DEL SITIO
  4. 4. CONSTRUCCIÓN ¿Con qué herramienta de creación de páginas web implementaré mi sitio? ¿Será de fácil o complejo manejo? PUESTA EN LÍNEA La herramienta seleccionada en la etapa anterior… ¿permite a las páginas su visualización en línea o se deben subir los archivos mediante un servicio externo?… CONSTRUCCIÓN Y PUESTA EN LÍNEA Todas estas consideraciones se reducen en 4 etapas: Diagramación, Redacción, Edición, Armada y Publicación.
  5. 5. Consiste en la aplicación sucesiva de las siguientes etapas: • Diagramación • Redacción • Edición • Armada • Publicación… ELBORACIÓN DE UN SITIO WEB
  6. 6. DIAGRAMACIÓN DE UN SITIO WEB Apariencia visual del sitio web y disposición de los elementos que lo componen de forma armónica y organizada Presenta algunas diferencias de acuerdo al medio del que se trate…
  7. 7. DIAGRAMACIONES DE PERIÓDICOS
  8. 8. DIAGRAMACIONES DE REVISTAS
  9. 9. Presenta la información en dos o más columnas de acuerdo al patrón de lectura que sigue el usuario… ETAPA DE DIAGRAMACIÓN
  10. 10. Ejemplo particular de la diagramación de un diario… ENCABEZADO PARTE CENTRAL ETAPA DE DIAGRAMACIÓN
  11. 11. Ejemplo particular de la diagramación de un diario… ETAPA DE DIAGRAMACIÓN PARTE CENTRAL PIE DE PAGINA
  12. 12. ENCABEZADO PARTE CENTRAL PIE DE PÁGINA Ejemplo particular de la diagramación de una revista… ETAPA DE DIAGRAMACIÓN
  13. 13. Etapa en la que se redacta el texto de acuerdo a: • Patrón de lectura • Estructura de la noticia en la Web… El uso de los hipervínculos es primordial. ETAPA DE REDACCIÓN
  14. 14. PATRÓN DE LECTURA EN LA WEB Según (Jakob Nielsen, 2006): “Los lectores de Internet siguen mayormente un patrón de lectura en F, aunque también leen en forma de E, e incluso de L invertida”…
  15. 15. REDACCIÓN DE LA NOTICIA EN LA WEB Se basa en la estructura de la pirámide invertida con las consideraciones del formato digital y la nueva forma de organización de la información que usa el enlace o hipervínculo…
  16. 16. REDACCIÓN DE LA INFORMACIÓN NOTICIA EN LA WEB Puede ser breve y/o extensa y su carácter es permanente. Suele utilizar enlaces relacionados para ampliar la información…
  17. 17. REDACCIÓN DE LA INFORMACIÓN NOTICIA EN EL CELULAR Generalmente es más corta y concisa y su carácter es fugaz… No debe confundirse la noticia para la Web que se puede ver en un celular que la noticia que exclusivamente se produce y visualiza en un celular.
  18. 18. EDICIÓN DE LA INFORMACIÓN Etapa en la que se corrigen los textos de forma sintáctica y semántica, se corroboran los datos y se da uniformidad a la información…
  19. 19. REDACCIÓN/EDICIÓN DE LA INFORMACIÓN ESTILOS DIVERSOS
  20. 20. REDACCIÓN/EDICIÓN DE LA INFORMACIÓN ESTILOS DIVERSOS
  21. 21. Consiste en elaborar las páginas del sitio mediante un programa de creación de sitios web (Web Page Maker, Blogger, Wix, Dreamweaver, entre otros)… ARMADA DE LA INFORMACIÓN
  22. 22. Etapa en donde se publica (de forma gratuita o paga) el sitio web del periódico y se comunica su dirección URL para que sea posible su acceso. El programa seleccionado para la construcción del sitio puede o no realizar su publicación de forma automática… PUBLICACIÓN DE LA INFORMACIÓN
  23. 23. CONCEPTOS DE INTERÉS BLOGGER: servicio o plataforma de Google que permite crear blogs. BLOG (O BITÁCORA): sitio web periódicamente actualizado que recopila cronológicamente textos o artículos. Se compone de entradas y páginas de contenido. BLOGGERO: persona que escribe en un blog. BLOGOSFERA: comunidades de blogs categorizados temáticamente o por perfiles de interés. POST: artículo o entrada que forma parte de las publicaciones de un blog. PLANTILLA (O TEMPLATE): diseño gráfico de dos o más atributos que componen el blog. CREACIÓN DE UN SITIO EN BLOGGER
  24. 24. NOTICIAS DE TAPA DE UN PERIÓDICO (SOLIDARIDAD) Fuente: http://periodico-solidaridad.blogspot.com.ar páginas entradas EJEMPLOS DE SITIOS EN BLOGGER
  25. 25. EJEMPLOS DE SITIOS EN BLOGGER NOTICIA COMPLETA DEL PERIÓDICO SOLIDARIDAD
  26. 26. entradas EJEMPLOS DE SITIOS EN BLOGGER NOTICIAS DE TAPA DE UN PERIÓDICO (VILLARINO) Fuente: http://diariovillarino.blogspot.com.ar
  27. 27. Entrada más reciente Publicado por LA TRASTIENDA DE BAHÍA en 14:13 EJEMPLOS DE SITIOS EN BLOGGER NOTICIA COMPLETA DEL PERIÓDICO VILLARINO Las entradas o post más nuevos aparecen en primer lugar, mientras que los post más viejos aparecen lugares más debajo…
  28. 28. Entrada menos reciente Publicado por LA TRASTIENDA DE BAHÍA en 13:07 EJEMPLOS DE SITIOS EN BLOGGER NOTICIA COMPLETA DEL PERIÓDICO VILLARINO Las entrada publicada a las 13:07 hs. aparece debajo de la que se publicó a las 14:13 hs…
  29. 29. entradas Fuente: http://revista-utopia.blogspot.com.ar NOTAS DE TAPA DE UNA REVISTA (UTOPÍA) EJEMPLOS DE SITIOS EN BLOGGER
  30. 30. entradas Fuente: http://revista-gatos.blogspot.com.ar/ EJEMPLOS DE SITIOS EN BLOGGER NOTAS DE TAPA DE UNA REVISTA (GATOS)
  31. 31. ¿CÓMO CREAR UN BLOG? PASO 1: CREAR UNA CUENTA EN GMAIL Con los datos de Gmail se puede acceder a Blogger… CREANDO UN SITIO EN BLOGGER
  32. 32. ¿CÓMO CREAR UN BLOG? PASO 1: CREAR UNA CUENTA EN GMAIL Para disponer de una cuenta en GMAIL es necesario completar el formulario de datos de este servidor de correo electrónico. La dirección asignada tendrá dominio @gmail.com CREANDO UN SITIO EN BLOGGER
  33. 33. ¿CÓMO CREAR UN BLOG? PASO 2: CREAR UNA CUENTA EN BLOGGER Con los datos de Gmail se puede acceder a Blogger… CREANDO UN SITIO EN BLOGGER
  34. 34. ¿CÓMO CREAR UN BLOG? PASO 2: CREAR UNA CUENTA EN BLOGGER Colocamos Título y Dirección al blog que estamos por crear, seleccionamos una Plantilla de diseño y cliqueamos en el botón: “Crear blog”… CREANDO UN SITIO EN BLOGGER
  35. 35. ¿CÓMO CREAR UN BLOG? PASO 2: CREAR UNA CUENTA EN BLOGGER Luego de creado el blog podremos: •Comenzar a publicar información (“Empezar a publicar”) . •Dirigirnos a su interfaz general (“Ignorar”). •Visualizar el blog (“Ver blog”)… CREANDO UN SITIO EN BLOGGER
  36. 36. VISUALIZAR UN BLOG EN BLOGGER A partir del botón “Ver blog”, podremos ver la dirección web y el aspecto que tendrá nuestro sitio…
  37. 37. Acceso a la interfaz general del blog Creación de una nueva entrada Acceso a la lista de entradas del blog Acceso a un componente particular del blog ¿CÓMO CREAR UN BLOG? PASO 3: TRABAJANDO EN BLOGGER Desde la Interfaz general del blog podemos acceder a una gran cantidad de operaciones relacionadas con su manejo… CREANDO UN SITIO EN BLOGGER
  38. 38. PASO 3: TRABAJANDO EN BLOGGER INTERFAZ GENERAL Permite realizar todas las operaciones relacionadas con el trabajo con un blog… CREANDO UN SITIO EN BLOGGER
  39. 39. INTERFAZ GENERAL VISIÓN GENERAL Muestra estadísticas de acceso y actualizaciones del blog, junto con noticias relacionadas a otros blogs de Blogger… CREANDO UN SITIO EN BLOGGER
  40. 40. INTERFAZ GENERAL ENTRADAS Permite agregar información (artículos o post) a la página principal de nuestro blog… CREANDO UN SITIO EN BLOGGER
  41. 41. INTERFAZ GENERAL PÁGINAS Permite organizar el contenido de nuestro blog en dos o más secciones que agrupan o categorizan la información… CREANDO UN SITIO EN BLOGGER
  42. 42. INTERFAZ GENERAL COMENTARIOS Permite efectuar la lectura y moderación de los comentarios emitidos por los lectores del blog… CREANDO UN SITIO EN BLOGGER
  43. 43. INTERFAZ GENERAL GOOGLE + Permite conectar Blogger con Google+ a través de las publicaciones efectuadas en el blog con el objeto de llegar a más lectores… CREANDO UN SITIO EN BLOGGER
  44. 44. INTERFAZ GENERAL INGRESOS Muestra alternativas de ingresos económicos que podemos obtener a través de nuestro blog… CREANDO UN SITIO EN BLOGGER
  45. 45. INTERFAZ GENERAL DISEÑO Ofrece diferentes formas de organización de los componentes de un blog y puede ser modificado desde el “Diseñador de Plantillas”… CREANDO UN SITIO EN BLOGGER
  46. 46. INTERFAZ GENERAL PLANTILLAS Ofrece distintas formas de organización del contenido de un blog. Trabaja en conjunto con el “Diseñador de Plantillas”… CREANDO UN SITIO EN BLOGGER
  47. 47. DISEÑADOR DE PLANTILLAS PLANTILLAS Permite personalizar cada uno de los elementos del blog (fondo, fuentes, entradas, etc.)… CREANDO UN SITIO EN BLOGGER
  48. 48. DISEÑADOR DE PLANTILLAS FONDO Permite elegir un color o imagen de fondo para el blog… CREANDO UN SITIO EN BLOGGER
  49. 49. DISEÑADOR DE PLANTILLAS AJUSTAR ANCHO Permite elegir el ancho del contenido de nuestro blog (información principal) o su información relacionada (barra lateral, información general, etc.)… CREANDO UN SITIO EN BLOGGER
  50. 50. DISEÑADOR DE PLANTILLAS DISEÑO Permite modificar la organización de elementos de una plantilla predeterminada… CREANDO UN SITIO EN BLOGGER
  51. 51. DISEÑADOR DE PLANTILLAS AVANZADO Permite personalizar el texto, fondo (de la página y entradas) enlaces, fuentes (del título, descripción, pestañas), cabecera y pie de página de las entradas y gadgets)… CREANDO UN SITIO EN BLOGGER
  52. 52. INTERFAZ GENERAL CONFIGURACIÓN-LO BÁSICO Permite configurar título, descripción, dirección URL, autores y lectores del blog… CREANDO UN SITIO EN BLOGGER
  53. 53. INTERFAZ GENERAL CONFIGURACIÓN-ENTRADAS Y COMENTARIOS Permite configurar las entradas y comentarios de un blog… CREANDO UN SITIO EN BLOGGER
  54. 54. INTERFAZ GENERAL CONFIGURACIÓN-MÓVIL Y CORREO ELECTRÓNICO Permite configurar el envío de la información publicada en el blog a un celular o correo electrónico… CREANDO UN SITIO EN BLOGGER
  55. 55. ¿CÓMO CREAR UN BLOG? PASO 4: AGREGANDO CONTENIDO A UN BLOG Consiste en agregar información a una o más páginas de un blog. En el caso de la página principal se trata de agregar una o más entradas las que pueden estar compuestas de título y contenido (texto, imágenes, enlaces y elementos multimediales). Cada entrada puede ser escrita en modo usuario (“Redactar”) o en modo programación de páginas web (“HTML”)… CREANDO UN SITIO EN BLOGGER
  56. 56. PASO 4: AGREGANDO CONTENIDO A UN BLOG ENTRADAS- VISTA REDACTAR Permite agregar texto, imágenes, videos pero no audios, por lo que éste elemento multimedial debe ser agregado en la vista “HTML”… Nota: El contenido de las entradas ha sido tomado del Diario de la República (http://www.eldiariodelarepublica.com) y se utiliza solo con fines educativos CREANDO UN SITIO EN BLOGGER
  57. 57. PASO 4: AGREGANDO CONTENIDO A UN BLOG ENTRADAS- VISTA HTML Permite agregar cualquier tipo de objeto y código de programación… Si se agrega un elemento que el blog no puede almacenar (por ej. un audio) éste debe ser subido a un sitio externo, como por ej. Goear y desde allí debe ser referenciado a partir del código html proporcionado mediante el enlace: Compartir. CREANDO UN SITIO EN BLOGGER
  58. 58. PASO 4: AGREGANDO CONTENIDO A UN BLOG ENTRADAS- PERSONALIZACIÓN El trabajo con las entradas puede ser personalizado desde el modo “Diseño”, editando la caja de entradas del blog… CREANDO UN SITIO EN BLOGGER
  59. 59. PASO 4: AGREGANDO CONTENIDO A UN BLOG REDACTANDO NOTICIAS MEDIANTE EL ENLACE “MÁS INFORMACIÓN” Se coloca Título, Bajada o Copete, Imagen, Audio o Video que complemente la noticia y por último la Nota completa con demás información adicional que desee agregar. Debajo del copete o su imagen relacionada (depende de cómo organice la información) se presiona en el botón: “Salto de línea” para establecer una división entre la información que se verá o no al cargar inicialmente el blog… CREANDO UN SITIO EN BLOGGER
  60. 60. PASO 4: AGREGANDO CONTENIDO A UN BLOG REDACTANDO ENTRADAS MEDIANTE EL ENLACE “MÁS INFORMACIÓN” Al visualizar el blog solo se verá la información anterior al Salto de línea insertado. Para poder ver el resto de la misma se deberá hacer clic en el enlace: “Más información”… CREANDO UN SITIO EN BLOGGER
  61. 61. PASO 4: AGREGANDO CONTENIDO A UN BLOG REDACTANDO ENTRADAS MEDIANTE EL ENLACE “MÁS INFORMACIÓN” La frase “Más información” puede ser personalizada desde el menú DiseñoEntradas del BlogEditarTexto del enlace en la página de entrada… CREANDO UN SITIO EN BLOGGER
  62. 62. Inserta imagen ENTRADAS Y ELEMENTOS MULTIMEDIALES AGREGANDO UNA IMAGEN El blog permite el trabajo con imágenes que pueden ser subidas desde el disco rígido, el blog, un álbum de Picasa, el celular, la cámara o una dirección web… CREANDO UN SITIO EN BLOGGER
  63. 63. Insertar un video ENTRADAS Y ELEMENTOS MULTIMEDIALES AGREGANDO UN VIDEO El blog permite el trabajo con videos que pueden ser subidos desde el disco rígido, Youtube, el celular o la cámara web… CREANDO UN SITIO EN BLOGGER
  64. 64. ENTRADAS Y ELEMENTOS MULTIMEDIALES AGREGANDO UN AUDIO Blogger no permite agregar audios por lo que éstos deben ser alojados en un sitio externo. El código html provisto por el sitio web externo permite que el audio sea embebido y reproducido directamente desde el blog… Con esta misma lógica puede ser insertado cualquier elemento multimedial, de animación, interactivo, etc. siempre que exista un sitio web externo donde almacenar y obtener un código html. CREANDO UN SITIO EN BLOGGER
  65. 65. PASO 4: AGREGANDO CONTENIDO A UN BLOG PÁGINAS PARA LA CREACIÓN DE MENÚ CON OPCIONES O SECCIONES Constituyen otro de los elementos que conforman un blog. Pero a diferencia de las entradas no organizan su información de forma cronológica ni permiten el trabajo con el botón: “Salto de línea”, lo que significa que estas acciones deben ser realizadas por otras vías… CREANDO UN SITIO EN BLOGGER El trabajo con las páginas se realiza desde el menú Páginas de la Interfaz General de Blogger.
  66. 66. Ingreso y formato de fecha Ingreso y formato de titular Ingreso de fecha , formatos y enlace al editor PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER PÁGINAS- EDICIÓN El orden cronológico de las entradas así también como el formato de los títulos, ingreso de fechas y enlaces, se establece de forma manual por el editor del blog. Si las notas aparecen completas estas no deberían ser muy largas…
  67. 67. PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER PÁGINAS-INSERCIÓN DE ENLACES Los enlaces o hipervínculos deben ser insertados a través del botón “Enlace”. Se pueden enlazar textos a una dirección web (interna o externa al sitio) o bien, a una dirección de correo electrónica. El contenido de los enlaces puede ser desplegado en la misma ventana o en una ventana nueva.
  68. 68. PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER PÁGINAS-OPCIONES DE VISUALIZACIÓN Al crear las páginas, el usuario puede decidir opciones de visualización. Las opciones básicas consisten en mostrar o no las páginas del blog. Las opciones avanzadas consisten (en el caso de mostrarlas) en decidir si estas se visualizarán en la parte Superior (seleccionando la opción: “Pestañas principales”) o bien en el costado izquierdo o derecho (seleccionando la opción: “Enlaces laterales”)…
  69. 69. PÁGINAS- OPCIONES DE VISUALIZACIÓN CREANDO UN SITIO EN BLOGGER PESTAÑAS PRINCIPALES ENLACES LATERALES
  70. 70. REDACTANDO NOTICIAS MEDIANTE LA COMBINACIÓN DE ENTRADAS Y PÁGINAS PASO 1- CREAR Y EDITAR UNA NUEVA ENTRADA En una nueva entrada, colocamos título, bajada o copete y elemento multimedial que la complemente… CREANDO UN SITIO EN BLOGGER
  71. 71. REDACTANDO NOTICIAS MEDIANTE LA COMBINACIÓN DE ENTRADAS Y PÁGINAS PASO 2- CREAR UNA NUEVA PÁGINA En una nueva página colocamos la noticia completa. Posteriormente agendamos su dirección web para poder enlazarla con la entrada que creamos en el paso anterior… CREANDO UN SITIO EN BLOGGER http://el-informantee.blogspot.com.ar/p/luis-salinas_28.html
  72. 72. REDACTANDO NOTICIAS MEDIANTE LA COMBINACIÓN DE ENTRADAS Y PÁGINAS PASO 3- CONFIGURAR ENLACES A LOS TÍTULOS DE LAS ENTRADAS Configuramos las entradas para que al cliquear en sus títulos nos permita enlazar a una página determinada. Esta acción se realiza desde el menú ConfiguraciónOtrosActivar enlaces al título y enlaces a adjuntos… CREANDO UN SITIO EN BLOGGER
  73. 73. REDACTANDO NOTICIAS MEDIANTE LA COMBINACIÓN DE ENTRADAS Y PÁGINAS PASO 4- ENLAZAR ENTRADA A LA PÁGINA En el campo “Enlace al título” colocamos la dirección de la página que agendamos en el Paso 2. Luego cliqueamos en la opción: “Listo”… CREANDO UN SITIO EN BLOGGER
  74. 74. REDACTANDO NOTICIAS MEDIANTE LA COMBINACIÓN DE ENTRADAS Y PÁGINAS PASO 5- ENLAZAR ENTRADA A LA PÁGINA Al visualizar el blog en la Web y al cliquear en el título de entrada se abrirá una nueva página donde se despliega el contenido de esta… CREANDO UN SITIO EN BLOGGER
  75. 75. PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER PÁGINAS-OPCIONES DE VISUALIZACIÓN El problema nuevo que aparece es que algunas páginas no deben verse (como la Página Principal y Luis Salinas) como parte de las secciones del periódico… Ocultar o mostrar una o más páginas de nuestro blog es posible desde el menú DiseñoPáginasEditar… Destildamos la pestaña
  76. 76. PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER GADGETS Son pequeñas aplicaciones con distintas funcionalidades que se pueden colocar en diversos apartados de un blog. Se consideran elementos dinámicos puesto que cambian de valor en tiempo de ejecución y se activan desde el menú ConfiguraciónDiseño…
  77. 77. PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER GADGETS En Blogger existe diversidad de gadgets que pueden ser agregados de forma muy sencilla. Estos se encuentran clasificados en básicos, extras y personalizados…
  78. 78. GADGETS CREANDO UN SITIO EN BLOGGER BOTÓN +1 Permite a las personas recomendar la marca y el contenido de tu blog…
  79. 79. GADGETS CREANDO UN SITIO EN BLOGGER TRADUCTOR Permite traducir al blog en diversos idiomas…
  80. 80. GADGETS CREANDO UN SITIO EN BLOGGER SEGUIR POR CORREO ELECTRÓNICO Permite a las personas suscriptas a un blog recibir el contenido de las entradas por email…
  81. 81. GADGETS CREANDO UN SITIO EN BLOGGER ENTRADAS POPULARES Muestra una lista de las entradas más populares de un blog…
  82. 82. GADGETS CREANDO UN SITIO EN BLOGGER CUADRO DE BÚSQUEDA Permite buscar información en los enlaces y contenido de un blog…
  83. 83. GADGETS CREANDO UN SITIO EN BLOGGER ENLACES DE SUSCRIPCIÓN Permite a los lectores suscribirse al blog mediante los lectores de feed conocidos…
  84. 84. GADGETS CREANDO UN SITIO EN BLOGGER ENCUESTA Permite conocer la opinión de los lectores del blog en una o más temas de interés…
  85. 85. PASO 4: AGREGANDO CONTENIDO A UN BLOG CREANDO UN SITIO EN BLOGGER GADGETS Existen muchos más gadgets que pueden ser agregados. La elección depende del tipo de información que se desee incluir en el blog…
  86. 86. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER CLIMA Puede ser agregado desde el sitio Meteored.com (http://www.meteored.com) que nos brinda códigos html gratuitos para embeber en un blog. Para ello se debe configurar previamente los parámetros de Localidad, Formato, Contenido y Estilo…
  87. 87. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER CLIMA El código html puede ser colocado en el blog a través del gadget “HTML/Java Script” …
  88. 88. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER CHAT Puede ser agregado desde el sitio Chatango.com (http://chatango.com) que nos brinda códigos html gratuitos para embeber en un blog. Para ello se debe realizar un registro y configuración de la Sala de Chat …
  89. 89. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER CHAT El código HTML puede ser colocado en el blog mediante el Gadget HTML/Java Script …
  90. 90. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER FECHA Puede ser obtenido su código en formato html desde la diversidad de sitios existentes en la WWW, como por ejemplo: http://www.javascriptkit.com/script/cutindex1.shtml …
  91. 91. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER FECHA El código html también puede ser modificado en función de los conocimientos en lenguajes de programación de páginas web de los que se disponga…
  92. 92. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER FECHA El efecto final es el siguiente…
  93. 93. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER JUEGOS Pueden agregarse desde distintas páginas, entre ellas http://es.games68.com/games-for-website-list.php El código html provisto por el juego puede ser colocado en el blog dentro de una entrada. El modo a trabajar debe ser HTML… Nota: El ancho y alto del juego a embeber puede ser modificado a través de los parámetros Widht & Height.
  94. 94. MÁS ELEMENTOS DINÁMICOS CREANDO UN SITIO EN BLOGGER JUEGOS Modificación del ancho y alto del juego y vista final… <table style="margin:0 0 10px 0; width:244px; background:#fff; border:1px solid #F3F3F3;" cellspacing="0" cellpadding="0"><tr><td style="font- family:verdana; font-size:11px; color:#000; padding:5px 5px;"><object classid="clsid:D27CDB6E- AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"><param name="movie" value="http://www.games68.com/games/bubble_sho oter.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.games68.com/games/bubble_shoot er.swf" width="640" height="480" quality="high" pluginspage="http://www.macromedia.com/go/getfl ashplayer" type="application/x-shockwave-flash" menu="false" wmode="direct"></embed></object></td></tr><tr><t d style="font-family:verdana; font-size:11px; padding:5px 10px; border-top:1px solid #F3F3F3;" align="center"><strong><a href="http://www.games68.com/games.php?id=414" target="_blank">Bubble Shooter</a></strong> | <a href="http://www.games68.com">juegos gratis</a> con <a href="http://www.games68.com">Games68.com</a> </td></tr></table>
  95. 95. FIN DE PRESENTACIÓN… Elaborado por Prof. Viviana M. Ponce vmponce@unsl.edu.ar CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL- COMPARTIRIGUAL 3.0 UNPORTED LICENSE

×