Manual de WordPress para los alumnos de Bachillerato

19 - abril - 2015

Comparto con vosotros aquí un manual que redacté hace unos años sobre la creación de blogs usando WordPress. Es muy interesante que le echéis un vistazo porque puede seros de ayuda a la hora de realizar algunas tareas concretas o resolver dudas.

 


Apuntes del tema 4: Procesador de textos

19 - abril - 2015

Comparto aquí con vosotros los apuntes del tema 4: procesador de textos.

En cualquier caso, también lo he compartido en Slideshare por lo que ha continuación tenéis la versión incrustada:


Blogs creados por los alumnos de Bachillerato

14 - abril - 2015

Os dejo a continuación las direcciones de los blogs de todos los alumnos de segundo de bachillerato.

Os recuerdo que en vuestros blogrolls tienen que aparecer enlaces a los blogs de todos vuestros compañeros (tanto de vuestra clase como de la otra clase de bachillerato) así como un enlace al blog de la asignatura de informática.

2º Bachillerato

Lisa M. Catrinici http://palomitasalasdoce.wordpress.com
Daniel Torrente http://diariodelrespawn.wordpress.com
Raúl Sánchez http://ageeksday.wordpress.com
Fernándo González http://fernandogonzalezgomez.wordpress.com
Callum J. Hamper http://theblueflame101.wordpress.com
Antonio Guerrero García http://antoniostreetbikes.wordpress.com
Álvaro Martín http://mipadremegana.wordpress.com
Juan Jesús Cabrera
Paula Burgos
http://curiosidadesactuales.wordpress.com
Ana Mª y Rocío http://martinezcabello.wordpress.com
Antonio Burgos
Patricia Valero
http://burgosvalero.wordpress.com
Antonio J. Guerrero http://escaladaenroca.wordpress.com
 Alejandro Vera http://alejandroverablog.wordpress.com
 Juan Antonio Gómez http://rockalternativomusic.wordpress.com
 Natalia Rodríguez http://turecetariodecocina.wordpress.com
 Juan A. Jímenez http://memoriasdeunestudiantedebachillerato.wordpress.com
 José A. García http://cinematizate.wordpress.com

Ejercicio para Bachillerato: tenéis que crear vuestro propio Blog

10 - abril - 2015

En clase ya hemos visto el funcionamiento de un blog y cómo se crea uno nuevo.

En este ejercicio tenéis que crear el vuestro propio. Para ello tenéis que ir a la página de WordPress.com y registraros con vuestra dirección de gmail.

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:

  1. 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.
  2. El blog es individual y todo el mundo tiene que crearse uno, independientemente de su participación en el concurso de educared.
  3. 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.
  4. 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.
  5. 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.
  6. Tenéis que publicar al menos un artículo diario durante un mes.
  7. 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.
  8. En vuestro Blogroll tenéis que añadir los blogs de todos vuestros compañeros y el de informática.
  9. El diseño de la página será elegido por vosotros aunque se recomienda una presentación que sea fácilmente legible.
  10. No vale que todas las noticias sean del mismo tema. Cada día tiene que ser una noticia distinta.

FECHAS:

  • Hasta el 13 de Abril: creación y configuración del blog.
  • A partir del 13 de abril y hasta el 13 de mayo (incluido), tenéis que publicar un artículo diario.

Trabajo de HTML para Bachillerato

16 - marzo - 2015

En el tema 4 hemos visto el lenguaje HTML y, además del examen que váis a hacer muy pronto, tenéis que entregar un trabajo en el que cada uno de vosotros va a hacer un sitio web sobre un tema propuesto en clase.

Fecha de entrega: viernes 20 de marzo de 2015.

Formato de entrega: Pendrive con el título del trabajo y vuestro nombre y curso o entrega mediante archivo ZIP enviado al profesor por correo electrónico.

Tema del trabajo: elegido en clase y aprobado por el profesor. Tiene que estar directamente relacionado con los contenidos de alguna de las asignaturas de 2º de Bachillerato.

Extensión del trabajo: tiene que constar de una página principal llamada “índice.html” o “index.html” y, al menos, cuatro páginas más que contengan los diferentes apartados del trabajo correctamente desarrollados.

El trabajo tiene que tener la siguiente estructura:

trabajobachillerato
(pinchad sobre la imagen para ampliarla)

Os recuerdo que hay que respetar la fecha de entrega. No recogeré ningún trabajo después de la fecha indicada.

CONSEJO: haced uso de las hojas de estilo con el fin de mejorar el aspecto de las páginas.


Cómo hacer las páginas web en casa igual que en el instituto (todos los cursos)

8 - marzo - 2015

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 softwarelibre, gratuito y ocupa muy poco espacio. Podéis descargarlo pinchando en la imagen:

pspad

Además, en clase no usáis el Internet Explorer sino que trabajáis con el navegador Mozilla Firefox o el Google Chorme también los podéis instalar en casa si pincháis en las imágenes siguientes:


Etiquetas HTML (todos los cursos)

1 - febrero - 2015

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:


Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 29 seguidores