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:


Ejercicios sobre comandos Linux para Bachillerato

28 - enero - 2015

1165_oYa hemos terminado de ver en clase la selección de comandos para la terminal de Linux que nos permite gestionar el sistema de archivos y los procesos del sistema.

Hoy vamos a terminar de repasarlos haciendo los siguientes ejercicios:

1.- ¿Qué representa cada una de las columnas que vemos por pantalla al ejecutar un ls -l?

-rw-r–r– 1 alumno alumno 0 2005-02-08 00:42 test

2.- ¿Qué son los comodines ? ¿Para qué se utilizan? Cita algunos ejemplos.

3.- ¿Quien es TUX?

4.- Crea un subdirectorio que se llame ejercicioslinux en tu directorio personal.

5.- Crea otro subdirectorio que se llame documentos en tu directorio personal.

6.- Crea otro subdirectorio llamado sera y dentro de él los archivos carta1.txt, carta2.txt, cartaMagna.txt, respuesta1.txt, respuesta2.txt, respuestaMagna.txt, ej1.txt, ej2.txt, ej3.txt .

7.- Copia los ficheros que comienzan por carta y que se encuentran en el directorio sera en el subdirectorio documentos.

8.- Copia los ficheros que terminan por .txt y que se encuentran en el directorio sera en el subdirectorio ejercicioslinux

9.- Comprueba tu situación actual

10.- Entra en el subdirectorio ejercicioslinux

11.- Vuelve a comprobar tu situación actual.

12.- Visualiza el contenido del directorio, de forma que sólo aparezcan los nombre de los ficheros.

13.- Vuelve a visualizar el contenido del directorio, pero esta vez deben de aparecer los nombres de los ficheros, sus permisos, fechas,. . . (formato largo).

14.- Suponiendo que existe el fichero ej1.txt. Borra el fichero ej1.txt de tal forma que se confirme el borrado del mismo.

15.- Suponiendo que existe el fichero ej2.txt, con permisos 777, elimina todos los permisos de escritura del fichero ej2.txt

16.- Visualiza el contenido del directorio en formato largo y compruebe que se han denegado dichos permisos.

17.- Otorga el permiso de escritura de usuario al fichero ej2.txt

18.- Regresa a tu directorio personal.

19.- Elimina el fichero ej3.txt que se encuentra en el subdirectorio ejercicioslinux sin cambiar de directorio.

20.- ¿De qué manera podemos evitar que los otros usuarios puedan ver el contenido de un directorio?

21.- ¿Cómo podemos hacer para que el directorio documentos tenga los siguientes permisos?

  • De lectura y escritura, solo para el dueño del archivo.
  • De lectura y ejecución para todos los usuarios.
  • Lectura para todos los usuarios, y escritura solo para el dueño.

22.- ¿Qué permisos asigna el comando “chmod 755 /bin” ? ¿Por qué, cuando ejecutamos este comando, nos dice que no poseemos los permisos necesarios?

23.- Explica qué permisos asignan o desasignan los siguientes comandos:

  • chmod 752 /bin
  • chmod 644 /etc/passwd

24.- Sobre el directorio /usr/bin ¿Qué tipo de archivos hay en ese directorio?

25.- ¿Cuáles son los permisos del directorio /usr/bin?

26.- Sobre el directorio /etc ¿Qué tipo de archivos hay en ese directorio?


Comandos de terminal para Linux

23 - enero - 2015

En este ejercicio vamos a aprender los comandos básicos de linux usando la siguiente presentación:

En primer lugar haz un resumen en tu cuaderno de los comandos así como de las opciones de cada uno.

En segundo lugar, haz el ejercicio que podrás encontrar en la última página de la presentación.


Combinaciones de teclas (en Ubuntu/Guadalinex)

22 - enero - 2015

En primer lugar os presento las partes y principales teclas del teclado alfanumérico QWERTY:

partes_del_teclado

En el siguiente enlace tenéis 40 combinaciones diferentes de teclas. La mayoría son genéricas aunque también podemos encontrar muchas específicas de sistemas Linux.

DESCARGAR: Combinaciones de teclas

Estos son los ejercicios:

1.- Haz un esquema en el cuaderno del teclado, sus partes y las principales teclas con su significado.

2.- Copia en tu cuaderno las 15 que consideras más importantes y que consideras que no son exclusivas de Guadalinex.

3.- Copia en tu cuaderno 10 diferentes a las anteriores que no conocías con anterioridad.

4.- Pruébalas todas en el ordenador de clase.


Murales de Bachillerato sobre el Software Libre

20 - enero - 2015

Hemos estado trabajando en clase el concepto de Software Libre así como sus ventajas e inconvenientes sobre el software privado.

Para terminar de afianzar los conceptos, los alumnos de bachillerato han usado las siguientes herramientas para crear murales con información multimedia:

smore

Lino-It

logo32

640px-Glogster_Logo

Y estas son las presentaciones realizadas por los alumnos:

Callum Hamper y Antonio Guerrero

http://edu.glogengine.com/view/ACW8qqYAuP2yQNk2bPV7:6jf3pv64hfp3cmae7mu0e7e

Paula Burgos y Juan Jesús Cabrera

http://edu.glogengine.com/view/r5ffl5KpSnoFbUkOPkW0:6jf3psqardqevghmgps7psa

Juan Antonio Gómez y Natalia Rodríguez

//es.padlet.com/embed/v3f7ixdn99hi

Alejandro Vera y Antonio Jesús Guerrero

//es.padlet.com/embed/xd1wwbwhhaby

Lisa Catrinici y Raúl Sánchez

http://edu.glogengine.com/view/3Z6FalyDDgZeTURrqKKX:6jf3qgro4oqov6cdo60stel

Rocío Cabello y Ana María Rodríguez

//es.padlet.com/embed/u47wp3g98ztn

Álvaro Martín y Daniel Torrente

http://edu.glogengine.com/view/jmlllwNoEFMjymGg5aVW:6jf1a45tm8qdb6i4ifc27mq
http://edu.glogengine.com/view/jmlllwNoEFMjymGg5aVW:6jf3qh97bedt35af7rsr9s6

Fernando González

http://linoit.com/users/Fernandogonz/canvases/software%20libre

Juan Antonio Jiménez y Jose Antonio García Solano

http://linoit.com/users/juananprimero/canvases/SOFTWARE%20LIBRE


Seguir

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