Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Diseñando su blog
1.
2. JIMENAGONZÁLEZOROZCO
Colombiana, nació en Pereira Risaralda .
Actualmente se desempeña como
docente del área de informática y
tecnología.
A participado en algunos proyectos como
Medellín Digital y Pre prensa Digital para
Medios Impresos INICIO
3. INTRODUCCION
1. EL BLOG
1.1. Utilidad del blog
1.2. Crear cuenta para el blog
2. TRABAJO CON OBJETOS
2.1. Ventana de inicio
2.2. Creando el blog paso a paso
2.3. Pantalla en modo de diseño
2.3.1. Menú externo: Entradas y páginas
2.3.2. Insertar objetos – la letra
4. 3. DISEÑO Y PERSONALIZACIÓN DE LA PÁGINA
3.1.1. Menú externo: Diseño
3.1.2. Menú externo: Tema
3.1.2.1. Menú Interno: Temas – Fondos
3.1.2.2. Menú Interno: Ajustar ancho
3.1.2.3. Menú Interno: Diseño
3.1.2.4. Menú Interno: Avanzado
3.1.3. Menú externo: Configuración
3.1.4. Otras opciones del Menú externo
4. GADGET Y EFECTOS
5. 1. EL BLOG
2. TRABAJO CON
OBJETOS
3. PERSONALIZACION DE LA
PAGINA 4. GADGET Y EFECTOS
SOBRE EL
AUTOR
SOBRE EL libro Acerca de…
Utilidad
Crear Cuenta
Ventana Inicio
Creación Blog
Modo Diseño
Entradas - Páginas
Letra
Imágenes - Multimedia
Temas - fondos
Configuración
Otras Opciones
Avanzado
Diseño
Ajustar Ancho
Tema
Diseño
6. Diseñando su blog es un libro electrónico interactivo
que ofrece un tutorial didáctico para un aprendizaje
significativo sobre la creación y diseño de un blog.
Hoy en día resulta muy útil un blog porque
es un espacio web para desarrollar
contenidos.
INICIO
8. Es un sitio web, donde uno o varios autores
desarrollan contenidos
Organiza la información en orden cronológico,
desde la más reciente, y se puede actualizar
periódicamente
Conocido como weblog o cuaderno de
bitácora
INICIO
9. 1. Se tener un correo
preferiblemente en gmail
2. Se registra en el sitio
www.blogger.com con usuario
y contraseña
INICIO
11. Puedes crear tu nuevo blog o iniciar sesión con usuario y
contraseña
INICIO
12. La dirección no debe llevar
espacios
Extensión del sitioTítulo del blog es modificable
Direccion-web.blogspot.com
Fondo del blog, se sugiere
elegir viajes para que salga
transparente y se visualice
la imagen de fondo
Valida la existencia
de la dirección
INICIO
13. Visualiza los blog creado
Visualiza el blog en internet
Zona de trabajo, visualiza
las diferentes opciones del
menú
Menú externo de
trabajo para diseñar
el blog
INICIO
14. 2. Páginas: Organiza la
información en diferentes
páginas
1. Entradas:
Visualización continua
en una misma página
Al dar clic se visualizan en la
parte de abajo
Menú externo
Entradas y páginas
INICIO
15. Zona visualización de diseño
Herramientas de diseño
Sea nueva página o nueva entrada,
visualiza el siguiente espacio de
trabajo. INICIO
17. Todo lo que publique en una ENTRADA se
visualizara inmediatamente
Todo lo que publique en una PÁGINA para que
se visualice debe realizar los siguientes pasos:
2. Visualizar en la zona de
trabajo “GADGET” (Se
recomienda en la parte
superior)
Anuncio
1. Ir al menú externo de diseño
INICIO
18. 3. Añadir un gadget llamado páginas
4. Configuramos la página con clic en cada casilla,
le damos el orden de visualización arrastrando el
mouse sobre los puntos y guardamos
Resultado
INICIO
19. Fuente
Tamaño Color letra
Color fondo
de texto
Tachado
SubrayadoNegrita
CursivaEncabezado
Alineación
Cita
Insertar objetos
La letra
Viñetas
Ortografía
Eliminar
texto
INICIO
20. Insertar objetos
Imágenes y multimedia
Link a otras
páginas
Caracteres
especialesImágenes
Video Salto de
línea
Deshacer
Rehacer
Modo Diseño
Código
Este icono es
solo para los que
entienden de
Programación
INICIO
22. Menú externo
diseño
Espacio para Diseñar
la cabecera del blog
Editar
Principal: es la zona de
visualización del contenido
de las diferentes páginas del
blog
Se pueden insertar diferentes
gadget ( contador de visitas,
seguidores, calendario,
código html entre otros)
Editar
INICIO
23. Si editamos los diferentes espacios ofrecidos por el
menú diseño, el blog toma la siguiente forma
Resultado Menú diseño
Gadget páginas
Espacio
visualización
contenido del
blog
Cabecera
Gadget Contador
de visitas
Gadget Perfil
Gadget
Traductor INICIO
24. Menú externo tema
Visualización
en la web
Visualización
en la web
Cambiar código HTML
Personalizar
el blog
Zona visualización
de diseño
Zona visualización
de cambios al
diseño
Menú interno para
personalizar el
diseño
INICIO
25. Ten cuidado con…
INICIO
Menú externo
Menú interno
No confundir estas dos
opciones que se visualizan
tanto en el menú externo como
en el interno porque cumplen
diferente función
Tema del menú externo le abre el menú interno para aplicar otros efectos
Temas del menú interno le muestra las plantillas que ofrece el blog
Diseño de menú externo le permite modificar el diseño de su cabecera,
insertar gadget
Diseño del menú interno le permite distribuir la información
en columnas
26. Menú interno temas - fondo
Temas: Fondo
plantillas del blog
Opciones color de
fondo del blog, se
puede subir imágenes
personalizadas.
Galería de imágenes
según la opción
elegida del menú de
la izquierda (azul)
Clic en listo para guardar el cambio INICIO
27. Menú interno tema
ajustar ancho
Menú interno tema diseño
Se ajusta el blog al
tamaño deseado, la
cantidad de barras
visualizadas depende
del siguiente diseño
INICIO
28. Menú interno AVANZADO
Avanzado despliega un
tercer menú que
permite personalizar
los diferentes espacios
del blog
Cualquiera de las opciones del menú despliega la
posibilidad de elegir la fuente, el color de letra
y de fondo de los diferentes objetos del blog
Vuelve al
menú externo
Visualiza el
blog en la web
Aplica los cambios
realizados
INICIO
29. Menú externo
configuración
Información sobre el blog
como: nombre, dirección
web y permisos
Manejo de errores y
re direccionamiento
Importar, eliminar o hacerle
copia de seguridad al blog
Configuración tiene las siguientes opciones el funcionamiento.
INICIO
30. Otra opciones del
Menú externo
Opciones para ganar
dinero mediante el blog
Opciones para dar
a conocer el blog
Información sobre las
visitas a las diferentes
páginas del blog, y sobre
los navegadores de donde
la han consultado
Administración de
los comentarios
INICIO
31. Un gadget es un pequeño programa que se
inserta dentro de una página Web o Blog que
tiene un propósito y una función específica,
algunos de ellos agregan efectos a los objetos
que contiene el blog o a el directamente.
INICIO
32. Lista los diferentes tipos de
gadget como: páginas,
contadores de visitas, perfil
en; estos se pueden
personalizar
Inserta el gadget
elegido
Inserta código html
para mejorar la
apariencia
INICIO