6 - Mayo - 2008
Como todos sabéis, este año participamos en el concurso de recursos educativos de Educared. Se puede participar de dos formas distintas: en modalidad de blog y en modalidad de página web.
En el caso de la modalidad de página web, la suerte ya está echada porque las páginas han sido enviadas ya al concurso.
¿ganarán algún premio? ¡esperamos que si!
Son las siguientes:
- Grupo “El Equipo Web”: formado por Rocío Sánchez, Juan Manuel Díaz, Alfonso Sánchez, Rafael Fúnez y Miguel Martín. Han creado un sitio web sobre la asignatura de Informática Aplicada.
- Grupo “Ana Frank”: formado por Laura Vargas y Cristina Rojas. Han creado un sitio web sobre la Segunda Guerra Mundial.
3 comentarios | 
Tema 3, Trabajos | 
Permalink
Publicado por Antonio Ramos
10 - Abril - 2008
En clase ya hemos visto el funcionamiento de un blog y cómo se crea uno nuevo.
En este ejercicio os tenéis que crear el vuestro propio. Para ello tenéis que ir a la página de WordPress.com y registraros con la dirección de gmail que os creásteis.
A partir de aquí, el proceso de creación del blog ya lo conocéis y no debe daros ningún problema.
De todas formas, el blog creado tiene que cumplir los siguientes requisitos:
- El nombre de usuario del blog va a ser una combinación de vuestro nombre (sin tildes, sin espacios, sin números y sin caracteres especiales). Por ejemplo, si yo tuviera que crearme uno sería: antonioramos.wordpress.com.
- El blog es individual y todo el mundo tiene que crearse uno, independientemente de su participación en el concurso de educared.
- El tema del blog va a ser la actualidad que os rodea. Podéis elegir cualquier tipo de noticias: nacional, internacional, deportes, locales, ocio y tiempo libre, actividades culturales y espectáculos, necrológicas, etc… El medio puede ser tanto la televisión como la prensa escrita u otros blogs de noticias pero en cualquier caso tenéis que indicarlo en el blog. También podéis hablar de todo lo que acontezca en vuestro entorno cercano.
- Tenéis que crear una categoría para cada tipo de noticia y tenéis que clasificar las noticias en la categoría a la que pertenezca.
- Cada uno de los artículos publicados tiene que nombrar la fuente de la que habéis sacado la noticia y tiene que expresar vuestra opinión sobre ella.
- Tenéis que publicar al menos un artículo diario durante un mes.
- También tenéis que entrar de vez en cuando en los blogs de los compañeros y comentar lo que han escrito en sus blogs.
- En vuestro Blogroll tenéis que añadir los blogs de todos vuestros compañeros.
- El diseño de la página será elegido por vosotros aunque se recomienda una presentación que sea fácilmente legible.
- No vale que todas las noticias sean de deportes. Cada día tiene que ser una noticia distinta.
PUBLICAD UN COMENTARIO A ESTA ENTRADA EN EL QUE INDIQUÉIS LA DIRECCIÓN DE VUESTRO BLOG PARA QUE TODOS VUESTROS COMPAÑEROS LO SEPAN.
FECHAS:
- Hasta el domingo 13 de Abril: creación y configuración del blog.
- A partir del lunes 14 de abril y hasta el lunes 5 de mayo (incluido), tenéis que publicar un artículo diario.
34 comentarios | 1º BACHILLERATO, General, Tema 3, Trabajos | Permalink
Publicado por Antonio Ramos
26 - Marzo - 2008
En el artículo anterior os dejé una lista de enlaces a algunas de las herramientas de la Web 2.0 mas conocidas y usadas (wikipedia, flickr, youtube, etc….).
Hoy os dejo aquí algunos enlaces mas a algunas herramientas con las que podéis trabajar:
Last.fm : Web en la que podéis escuchar música de cualquier autor y de cualquier tipo. Todo lo hacéis online y no tenéis que descargaros la música a vuestro ordenador. (http://www.last.fm)- Picnik :
Editor de imágenes online. Podéis modificar las imágenes que subáis al programa o cogerlas directamente de vuestra cuenta en flickr. (http://www.picnik.com )
Pixenate: Otro editor de imágenes online. Tiene menos funcionalidades que el anterior pero está en español. (http://pixenate.com)
Buscador de blogs de google: Google tiene un buscador solo para encontrar blogs al igual que tiene buscadores solo para imágenes o para videos. (http://blogsearch.google.com)
Meebo: Mensajería online. En una misma web puedes usar el messenger, el yahoo y el google talk a la vez. (http://www.meebo.com).- Panoramio: Fotos de todos los lugares del mundo. Es una mezcla entre google maps y
flickr porque puedes buscar cualquier lugar del mundo y ver las fotos de ese lugar que la gente ha subido a Internet. (http://www.panoramio.com)
Cuts: Editor de video online. Web en la que podéis realizar edición de video. Aún está en fase beta por lo que para poderlo usar tenéis que solicitar una invitación. (http://www.cuts.com)
Ejercicios
Lo primero que quiero aclararos para todos los ejercicios es que a partir de ahora en cualquier registro o correo que tengáis que enviar siempre váis a usar vuestra nueva dirección de correo de Gmail.
Los ejercicios son los siguientes:
- Entrad en Panoramio y buscad fotos de: Málaga, de Nueva York, de Moscú, París y Londres. Enviadme un correo con la foto que mas os haya gustado de cada ciudad.
- Volved a entrar en Panoramio y registraros con vuestra dirección de gmail, un nombre de usuario y una contraseña que recordéis. A continuación, váis a subir una foto para algún lugar del mundo y después me váis a enviar un correo en el que indiquéis la foto subida Para enviar el correo usad la opción de “Enviar a un amigo”.
- En este ejercicio váis a practicar la edición de imágenes con los dos editores de imágenes que os he recomendado. En primer lugar váis a entrar a picknik y después váis a acceder a pixenate. En ambos editores váis a realizar algún cambio sobre la misma imagen y después me váis a enviar un correo con la imagen original y las dos modificaciones realizadas en cada programa. Además, en el correo váis a indicar cual de los dos editores de imágenes os a gustado mas y por qué.
- Váis a entrar en meebo y os váis a registrar (siempre con vuestra dirección de gmail). A continuación os váis a poner de acuerdo todos los alumnos de la clase y el profesor para mantener una conversación por el google talk a través de meebo. OJO: no es necesario que inicieis sesión en el messenger.
- Para los que les interese el tema, entrad en CUTS y dad vuestra dirección de correo de gmail para que os envíen una invitación para poder usarlo. Es necesario pedir invitación porque cuts todavía está en una BETA cerrada, es decir, que aun no está terminado del todo y solo dejan que determinadas personas lo usen para poder probarlo. Tenéis que enviarme un correo en el que indiquéis vuestras impresiones sobre este editor de video.
- Usando el buscador de blogs de Google, tenéis que encontrar un blog que os guste y en idioma español sobre cada una de las temáticas que os indico a continuación y enviarme un correo con las direcciones de cada uno de ellos.:
- tecnología
- futbol
- coches
- alimentación
- personal
- cine
- televisión
- política
- herramientas web 2.0
Para poder poneros la nota en estos ejercicios, tengo que haber recibido de cada uno de vosotros al menos cinco correos. Uno por cada uno de lo ejercicios en los que se pide que enviéis uno.
Cuidad que en los correos yo siempre pueda indentificaros correctamente.
Sin Comentarios » | 1º BACHILLERATO, General, Tema 3 | Permalink
Publicado por Antonio Ramos
25 - Marzo - 2008
mundo Web2.0
Como hemos visto en clase, actualmente nos encontramos en “la segunda versión de Internet” (fijáos que lo he encerrado entre comillas) llamada Web 2.0.
Hasta hace poco nos encontrábamos en la Web 1.0 en la que había grandes portales de Internet escritos en lenguaje HTML y en los que el usuario solo podía buscar y leer contenidos. Eran páginas estáticas en las que solo se podía leer. Por ejemplo, las webs que estáis haciendo para el trabajo de HTML.
Hoy día nos encontramos en la Web 2.0 que se caracteriza por:
- El usuario no solo lee los contenidos de la web sino que participa en la construcción y elaboración de los mismos.
- Gracias a la Web 2.0 han aparecido multitud de herramientas web que nos permiten realizar muchísimas tareas sin tener que tener ningún programa instalado en nuestro ordenador. Por ejemplo: edición de video, edición de sonido, de imágenes, ofimática, etc…
Un esquema podría ser el siguiente:
A continuación os dejo una presentación realizada por una profesora en la que se resume lo que hemos visto en clase hasta ahora:
Para verla tenéis que pinchar AQUÍ. Vedla entera antes de continuar. No os la saltéis.
Herramientas 2.0
Hay cientos o miles de herramientas que pertenecen a la Web 2.0 pero algunas de las mas representativas son las siguientes:
Ejercicio:
Tenéis que realizar los siguientes ejercicios en el orden que os indico a continuación:
- Lo primero que váis a hacer es crearos una cuenta de correo de gmail. Este correo es mucho mejor que el de microsoft (hotmail) y pertenece a Google. Un requisito es que la cuenta de correo tiene que coincidir con vuestro nombre pero sin usar tildes ni eñes. Por ejemplo: Si te llamas Miguel López Camuña, tu correo será: miguellopezcamuna@gmail.com
- Acceded a vuestro correo y echadle un vistazo. Investigad un poco.
- Váis a registraros en Writely (que ya veréis que realmente es Google Docs) usando la dirección de correo de gmail creada y váis a crear un nuevo documento de texto en el que váis a anotar vuestro nombre y apellidos y vuestro curso y en el que váis a anotar las direcciones de cinco blogs que hayáis encontrado por Internet y, además, cinco respuestas distintas a la pregunta ¿Para qué puede servir un blog?. Cuidad la presentación del texto y no os copiéis entre vosotros.
- Por último, tenéis que guardar el documento anterior de Google Docs como un documento PDF en vuestro ordenador y enviarme un correo desde vuestro correo de gmail a la dirección: aramosprofe@gmail.com con vuestro nombre y apellidos y con el documento PDF adjunto.
- Busca las fotos del grupo Paradigma Ciego en Flickr. Envía un correo a aramosprofe@gmail.com con la dirección de tu preferida.
- Busca en SlideShare una presentación que explique cómo crear un Blog. Envía la direccion a aramosprofe@gmail.com
Sin Comentarios » | 1º BACHILLERATO, General, Tema 3 | Permalink
Publicado por Antonio Ramos
23 - Marzo - 2008
Ya están corregidas todas las páginas entregadas y las he subido a internet.
Algunas de ellas no han cumplido el esquema básico de tablas y otras tienen algún enlace que no funciona pero en general están muy bien y las notas han sido bastante altas.
He de decir que todas las páginas han sido hechas a mano por los alumnos empleando directamente el lenguaje HTML sobre un editor de textos.
Las páginas son las siguientes:
Bachillerato de Ciencias Sociales
Bachillerato Tecnológico y de la Salud
Comentad qué os parecen.
3 comentarios | 1º BACHILLERATO, Tema 3 | Permalink
Publicado por Antonio Ramos
3 - Marzo - 2008
En el tema 3 estamos viendo el lenguaje HTML y, además del examen que tenéis que hacer el próximo lunes, tenéis que entregar un trabajo en el que cada uno de vosotros va a hacer una página web sobre un tema propuesto en clase.
Fecha de entrega: viernes 14 de marzo de 2008.
Formato de entrega: CDROM (o DVD) con el título del trabajo y vuestro nombre y curso.
El trabajo tiene que tener la siguiente estructura:
(pinchad sobre la imagen para ampliarla)Os recuerdo que hay que respetar la fecha de entrega. No recogeré ningún trabajo después de las vacaciones de Semana Santa.
¡ TRABAJOS CORREGIDOS ! EN CLASE OS DARÉ LAS NOTAS Y, PRÓXIMAMENTE,
TENDRÉIS LAS PÁGINAS SUBIDAS A INTERNET
Sin Comentarios » | 1º BACHILLERATO, Tema 3, Trabajos | Permalink
Publicado por Antonio Ramos
17 - Febrero - 2008
Si habéis intentado hacer las páginas web en casa con el Bloc de Notas os habréis dado cuenta de que es un editor de textos demasiado simple y que no tiene prácticamente ninguna funcionalidad.
Os voy a recomendar un editor de textos que podéis descargaros de internet con el fin de trabajar en casa casi igual que lo hacéis en clase.
El editor se llama PSPAD, es gratuito y ocupa muy poco espacio. Podéis descargarlo pinchando en la imagen:
Además, en clase no usáis el internet explorer sino que trabajáis con el navegador Mozilla Firefox, también lo podéis instalar en casa si pincháis en la imágen siguiente:
1 comentario | 1º BACHILLERATO, 3º ESO, 4º ESO, General, Tema 3 | Permalink
Publicado por Antonio Ramos
16 - Febrero - 2008
Como sabéis, estamos en pleno tema 3 viendo cómo hacer páginas Web usando el lenguaje HTML y en clase hemos visto y usado muchas etiquetas diferentes.
Como se que podéis liaros un poco con todas ellas, os dejo aquí un resumen de todas las que hemos visto para que lo tengáis a mano o incluso lo imprimáis. Os puede venir muy bien para repasar o como guía rápida a la hora de hacer los ejercicios.
Para imprimirlo solo tenéis que copiar todo el contenido de este artículo en el Word y después imprimís pulsando el botón correspondiente.
Esqueleto o estructura de toda página web:
<html>
<head>
<title> Titulo de la página </title>
</head>
<body>
Contenido de la página
</body>
</html>
Etiquetas y atributos:
<body bgcolor=”red“> Fondo de toda la página de color rojo
<body background=”imagen“> El fondo de toda la página será la imagen indicada.
<br/> Salto de línea
<hr color=”red” size=”1“/> Línea horizontal de colo rojo y 1 punto de grosor
<p> …. </p> Etiqueta muy importante para los párrafos. Cada párrafo tiene que tener estas etiquetas. Puede tener un atributo:
- align=”left”, “center”, “right”, “justify” (configuramos la alineación del texto de este párrafo)
<blockquote> …. </blockquote> Etiqueta para sangrar un párrafo.
<b> …. </b> Negrita
<i> …. </i> Cursiva
<u> …. </u> Subrayado
<s> …. </s> Tachado
<center> …. </center> Centrado
<marquee> …. </marquee> Mueve el texto. Puede tener dos atributos:
- direction=”right” , “left” (hacia donde se moverá el texto)
- bgcolor=”red” (color de fondo del texto)
<h1> …. </h1> Para hacer títulos de diferentes tamaños
<h2> …. </h2> el h1 es el mas grande y el h6 el mas pequeño
<h3> …. </h3>
<h4> …. </h4>
<h5> …. </h5>
<h6> …. </h6>
<font> …. </font> Indicamos el tipo de letra, el tamaño y el color del texto con tres atributos distintos:
- face=”Comic Sans MS” (tipo de letra)
- size=”12″ (tamaño de la letra)
- color=”red” (color de la letra)
<sub> …. </sub> subíndices
<sup> …. </sup> superíndices
<img/> Para colocar una imagen. Tiene muchos atributos con los que configuramos la imagen:
- src=”nombre de la imagen” (indicamos el nombre del archivo que contiene la imagen)
- align=”left”, “middle”, “right” (indicamos el lugar en el que aparecerá la imagen con respecto al texto de alrededor)
- border=”1″ (número que indica el grosor del borde que tendrá la imagen)
- width=”200″ (ancho en píxeles de la imagen)
- height=”300″ (alto en píxeles de la imagen)
- hspace=”15″ (espacio que la imagen dejará por la derecha y por la izquierda con el texto que tenga alrededor)
- vspace=”15″ (espacio que la imagen dejará por arriba y por abajo con el texto que tenga alrededor)
<a> …. </a> Sirve para colocar un enlace en la página. Contiene en su interior el nombre con el que el enlace aparecerá. Tiene un atributo:
- href=”http://www.google.es” (dirección de destino del enlace)
Sin Comentarios » | 1º BACHILLERATO, 3º ESO, 4º ESO, General, Tema 3 | Permalink
Publicado por Antonio Ramos
12 - Febrero - 2008
Como sabéis estamos empezando con el tema 3 en el que vamos a ver cómo crear páginas Web usando el lenguaje HTML.
Mirad la foto siguiente a ver si la entendéis:
3 comentarios | 1º BACHILLERATO, 3º ESO, 4º ESO, Tema 3 | Permalink
Publicado por Antonio Ramos
mundo Web2.0 
