Ejercicio:
2.Realización de Un blog en Clase
Vas a realizar un blog de clase que va a ser como tu cuaderno. Debes realizarlo en blogger herramientas de google donde ya tendremos una cuenta. El profesor indicará paso por paso como hacerlo, pero aquí os dejo unos enlaces para repasar el procedimiento de creación de un blog. y en los documentos importantes:
Crea tu propio blog con bloger para informática. Haz una configuración básica, con título y añade varios gadgets. Revisa que tenga dos columnas, indica el horario de Madrid, etc. Realiza una entrada con tu horario de clase, tal y como hemos indicado en clase: primero inserta la imagen del horario, y después enlazála con el horario en pdf, también introduce una palabras. Por último mandar por correo electrónico la URL del blog (http://.................................)
Apuntes creación blogs
Apuntes personalización blogs
Apuntes publicación blogs
Tutorial youtube creación blogs
Enlace Creación Blogs en el ITE
Apuntes Creación Blogger 2 Parte
Se enviará un email al profesor con la URL del blog
Fecha de Entrega:
11 OCTUBRE 2018
Unidad 9: Diseño y presentación de páginas web.
TAREAS
NOTA DEL TRABAJO
ACTUACIONES A TENER EN CUENTA PARA LA EVALUACION 11 MARZO
TAREA 1 PRIMERA PARTE1.Antes del Viernes 11 el profesor recibirá un email con la url de cada blog
2.En el blog saldrá la galería de imágnes de los ejercicios de GIMP perfectamente puesta por los métodos estudiados
3.Estética del blog
4.Páginas fijas como pestañas
5.Cabecera original vuestra con los conocimientos de GIMP
6.Logotipo original vuestro con los conocimientos GIMP
7.Algún Widget puesto con HTML
Realización del siguiente trabajo sobre creación de contenidos:
-Realizaremos un blog en cualquiera de las plataformas explicadas (Jimdo, Blogger, Wordpress) preferiblemente Blogger
-El blog se realizará por parejas
-Tendremos que tener perfectamente enlazado a los contenidos en blogger tales como alguna descarga de documentos, galerías de fotos, videos, todos en nuestra cuenta blogger
-Contendrá obligatoriamente:
1.Enlace para descargar archivos
2.Galería de imágenes
3.Uso de Html para enlazar imágenes en los gadgets
4.Uso de Gadgets como contadores, ubicación, meteorología, calendario, redes sociales.
5.Acceso a la compartición en una página sobre nuestro blog creada en google+
6.logotipo original
7.Cabecera original
8.Montaje de un video con los diferentes programas estudiados, subido a youtube y enlazado en nuestro blog
9.Diseño atractivo y fácil de localizar
10.Diferentes Posts
11.Páginas fijas
12.Páginas de enlaces externos
13.Código qr de nuestro blog visible como gadget
14.La temática será todo lo relacionado con el foro nativos digitales y los contenidos que vaya diciendo el profesor que pongamos
15.Utilización de los códigos html a la hora de crear contenidos.
-Todo lo que queráis incluir en el blog.
Para el día 11 de Marzo el Profesor tendrá la Url del blog de cada grupo y en esta fecha tenemos que tener ya los siguientes puntos en el blog:
2,6,7,11,3. y se evaluará con una nota para el primer trimestre.
2 PARTE SERÁ LA FINALIZACIÓN DE TODAS LAS TAREAS DEL BLOG
COMIENZO DEL PROYECTO 8 DE ENERO 2016-FINALIZACIÓN 3 DE JUNIO 2016
Se Realizará un Examen sobre todos estos contenidos
TEMA 2 TEMA 8 BLOGS Y CREACION DE CONTENIDOS
TEORÍA: BLOGS Y BITÁCORAS
SEGUIREMOS EL SIGUIENTE ENLACE
1.LA HISTORIA DE LOS BLOGS
tutorial Blogger 1 parte
tutorial blogger 2 parte
TUTORIAL BLOGS EN WORDPRESS
APUNTES WORDPRESS
MANUAL CREAR BLOG WORDPRESS
Como hacer blogs en blogger primeros pasos
CÓDIGOS QR
Se pueden conseguir
códigos qr en imágenes de casi cualquier cosa, texto, url, redes
sociales, email, ubicación etc... para ello según la explicación
que di tendremos que hacer dos cosas:
1.Acceder a una
página de creación de códigos
c)http://www.qrcode.es/es/generador-qr-code/
2.Descargarnos en
nuestro dispositivo móvil una app de escaneo de códigos qr
1.barcode
2.qr code reader
3.qr droid code
scanner
Para poner botones
paypal en tiendas online
entramos en nuestra
cuenta paypal
vamos a preferencias
del vendedor en la parte de la izquierda
y nos fijamos en la
opción botones pay pal damos a la opción cambiar crear nuevo botón
rellenamos todas las opciones tal y como queramos y damos a crear
botón, esto nos genera un código html que pegamos en el sitio donde
queramos hacer la venta.
2.PARTE DISEÑOS Y PÁGINAS WEB
a)HTML
b)JOOMLA
Seguiremos puntualmente las explicaciones del profesor donde aprenderemos también programación HTML
CURSO HTML
Siguiendo este curso y las explicaciones del profesor podremos dar solución a algunas cuestiones de programación en HTML
EN ESTA SECCIÓN PONDREMOS DIFERENTES CÓDIGOS HTML QUE NOS PUEDEN VENIR BIEN PARA MEJORAR NUESTRO BLOG, SI ENCONTRÁIS ALGUNO BUENO PODÉIS COMUNICARLO AL PROFESOR Y PASARLO POR EMAIL
1.Poner Texto 2 Columnas o texto e imágenes
<div style="padding: 10px; float: left; width: 45%; text-align: justify;">Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>
2.imagen en dos columnas
<div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img style="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos blogger” border="0" />Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de
la columna (lado derecho)</div>
2.PARTE DISEÑOS Y PÁGINAS WEB
a)HTML
b)JOOMLA
Seguiremos puntualmente las explicaciones del profesor donde aprenderemos también programación HTML
CURSO HTML
Siguiendo este curso y las explicaciones del profesor podremos dar solución a algunas cuestiones de programación en HTML
EN ESTA SECCIÓN PONDREMOS DIFERENTES CÓDIGOS HTML QUE NOS PUEDEN VENIR BIEN PARA MEJORAR NUESTRO BLOG, SI ENCONTRÁIS ALGUNO BUENO PODÉIS COMUNICARLO AL PROFESOR Y PASARLO POR EMAIL
1.Poner Texto 2 Columnas o texto e imágenes
<div style="padding: 10px; float: left; width: 45%; text-align: justify;">Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>
2.imagen en dos columnas
<div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img style="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos blogger” border="0" />Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de
la columna (lado derecho)</div>
Código
para enlazar una imagen
<a href="AQUÍ
SE PONE EL ENLACE DONDE QUERÁIS QUE SEÑALE LA IMAGEN"><img
src="AQUÍ PONÉIS LA URL DE LA IMAGEN
DONDE LA TENÁIS SUBIDA" / /></a>
Código
para hacer un slide
<marquee
scrolldelay="50" scrollamount="10"
direction="right" loop="infinite"
onmouseout="this.start()" onmouseover="this.stop()"><a
href="AQUÍ
PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN"
target="_blank"><img title="PORTADA"
alt="PORTADA" src="AQUÍ
PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN"
height ="300px"
width="1000px"/></a>
Podéis repetir la
secuencia tantas veces como imágenes queráis poner
<marquee
scrolldelay="50" scrollamount="10"
direction="right" loop="infinite"
onmouseout="this.start()" onmouseover="this.stop()"><a
href="AQUÍ
PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN"
target="_blank"><img title="PORTADA"
alt="PORTADA" src="AQUÍ
PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN"
height ="300px"
width="1000px"/></a><marquee
scrolldelay="50" scrollamount="10"
direction="right" loop="infinite"
onmouseout="this.start()" onmouseover="this.stop()"><a
href="AQUÍ
PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN"
target="_blank"><img title="PORTADA"
alt="PORTADA" src="AQUÍ
PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN"
height ="300px"
width="1000px"/></a>
Slide
de los botones horizontales
<a href="AQUÍ
PONÉIS DONDE QUERÁIS QUE SE ENLACE LA IMAGEN"
target="_blank"><img src="AQUÍ
PONÉIS LA URL DE LA IMAGEN EN CUESTIÓN"
title="Facebook Buttons By ButtonsHut.com" alt="Facebook
Buttons By ButtonsHut.com" width="50px" border="0"
/></a> <a href="http://www.youtube.com/user/viajesdemanu"
target="_blank"><img
src="http://www.buttonshut.com/Youtube-Buttons/youtube-badge-128x128
(565).png" title="Facebook Buttons By ButtonsHut.com"
alt="Facebook Buttons By ButtonsHut.com" width="50px"
border="0" /></a> <a
href="http://www.facebook.com/viajesdemanu"
target="_blank"><img
src="http://www.buttonshut.com/Facebook-Buttons/Facebook-Buttons-56-64-.png"
title="Facebook Buttons By ButtonsHut.com" alt="Facebook
Buttons By ButtonsHut.com" width="50px" border="0"
/></a><a href="http://www.facebook.com/viajesdemanu"
target="_blank"><img
src="https://tecnodemanu.files.wordpress.com/2015/01/google.png"
title="Facebook Buttons By ButtonsHut.com" alt="Facebook
Buttons By ButtonsHut.com" width="50px" border="0"
/></a><a href="http://www.facebook.com/viajesdemanu"
target="_blank"><img
src="https://tecnodemanu.files.wordpress.com/2015/01/instagram.png"
title="Facebook Buttons By ButtonsHut.com" alt="Facebook
Buttons By ButtonsHut.com" width="50px" border="0"
/></a><a href="http://www.facebook.com/viajesdemanu"
target="_blank"><img
src="https://tecnodemanu.files.wordpress.com/2015/01/email.png"
title="Facebook Buttons By ButtonsHut.com" alt="Facebook
Buttons By ButtonsHut.com" width="50px" border="0"
/></a><a href="http://www.viajesdemanu.wordpress.com"
target="_blank"><img
src="https://tecnodemanu.files.wordpress.com/2015/01/y1psta7lm8niy1ouqb7yr0u6xqjxmtzinwct-2ihqyjt3lzpboaaik4r31qtdkhko9bajou0ev53jxpvmy_eua6lw.gif"
title="Facebook Buttons By ButtonsHut.com" alt="Facebook
Buttons By ButtonsHut.com" width="50px" border="0"
/></a>
Se puede repetir
tantas veces como botones pongáis
Como conseguir las
URL'S de las imágenes:
-Abrimos una cuenta
en wordpress, entramos en la administración de mi sitio, nos vamos a
la opción media, añadir nuevo, buscamos la imagen y la subimos,
cuando la tengamos vamos a la biblioteca y editar y allí en la
derecha tenemos nuestra url. Copiamos y pegamos donde corresponda
para hacer esto
necesitamos tener una cuenta en la plataforma wordpress
Como
hacer imágenes de cabecera y de perfil para un blog con GIMP
-Tenemos que coger
la imagen con la medida adecuada, con los pixeles que se necesiten,
si mi imagen tiene otra medida, con la herramienta escalar ajustamos
al tamaño deseado, o en el menú imagen escalar imagen
-Podemos hacer un
logotipo para nuestro blog que sea original aunque podemos
inspirarnos en otras imágenes que queramos, para que este logotipo
podamos ponerlo encima de la cabecera sin que moleste el fondo, o sea
con transparencia hacemos lo siguiente,
a)abrimos nuestro
logotipo hecho
b)pinchamos en capa,
transparencia, añadir canal alfa
c)damos en la parte
del fondo que queramos quitar con la herramienta selección por
colores y se queda todo el fondo que queremos quitar con el mismo
color seleccionado
d)editar cortar
e)exportar como y
ponemos un nombre y la extensión .png
Para todos los alumnos de 4º E.S.O.C os informamos que el examen de creación blogs, códigos qr y html que estamos dando será el día 2 de junio, previamente instalaremos en nuestro móviles las aplicaciones barcode escaner o similar (esta es válida en cualquier sistema operativo android, ios, phone) y la aplicación latecnodemanu,(android) en el play store, si no tenéis android simplemente escaneando el código que está en esta página y lo instaláis, en esta aplicación recibiréis una notificación anunciándoos el examen, y a través de esta app podemos manejar todo lo de la página web latecnodemanu. el día del examen llegaremos con nuestro móviles y a la entrada de la clase escaneamos el código que tenemos en la puerta, nos saldrá un enlace de este estilopincháis en él llegáis al examen, solamente se podrá hacer una vez y cuando terminéis de hacer el examen lo enviáis, al acabar toda la clase se os enviará un email con la nota.
Si no tenéis suficientes datos, en principio lo intentamos porque puede ser que si funcione ya que se necesita muy poco. Si no tenéis espacio habría que desistalar alguna app que no uséis mucho. Si falla todo lo anterior el profesor os colocará en un ordenador y por email os llegará el enlace al examen y lo hacéis en el ordenador.
No hay comentarios:
Publicar un comentario