http://www.mediafire.com/file/cx0znkgnzgd//home/usuario/Desktop/videoclub2.odb

Trabajo para después de Navidades

Ya tenemos un punto de partida para el proyecto final. Individualmente, cada uno debe de entregar un nuevo borrador del proyecto actual que está realizando. Este borrador deberá de incluir:
- Las páginas que actualmente existen. Se indicarán que cambios se van a realizar (disposición de texto e imágenes, nuevos enlaces o elementos)
- Boceto de las nuevas páginas (disposición de texto, imágenes y enlaces)

Plazo de entrega: a la vuelta de las vacaciones de Navidad.

Con este boceto de cada uno, se hará una puesta en común y se decidirá que cambios se van a realizar (bajo la supervisión del profesor)

Para continuar con el proyecto, se debe de realizar lo siguiente:
- Modificar los nombres de los archivos tanto html como de imágenes (máximo 8 caracteres, todos en minúscula y sin incluir caracteres especiales)
- Decidir que formato tendrán las páginas, colores, fondos, etc.
- Búsqueda de la nueva información (texto e imágenes)
- Modificar las páginas existentes para su correcto funcionamiento.
- Crear las nuevas páginas y enlazarlas con las anteriores
- Comprobar el correcto funcionamiento en otro ordenador
Todo esto se irá detallando para cada sesión de trabajo y se indicarán que trabajos se realizarán individualmente y cuales en grupo.

Proyectos corregidos

El lunes, 14 de diciembre se termina el plazo para entregar los proyectos.

Ya he corregido los siguientes:
- Las mariposas (faltan las imágenes)
- Efecto invernadero (del grupo de Alejandro Campra)
- Animales en peligro de extinción (grupo de Lidia Capel)
- Los nuevos materiales
- Biología y geología
- Efecto invernadero (del grupo de Daniel González)
- Animales en peligro de extinción (grupo de Samantha)
- Los deportes
- Lengua
- Desastres naturales
- Biomoléculas

He enviado correos con la nota y comentarios de los trabajos (a los que los mandaron por email).

Por favor, revisar el correo y mandar los trabajos que quedan por entregar.

Creación y edición de páginas con NVU

Para la creación y edición de páginas Web existen muchas aplicaciones. Una de ellas y la que vamos a utilizar en el proyecto es NVU. Este programa es gratuito y está disponible para múltiples plataformas (Windows y Linux). Se puede descargar desde www.softonic.es.

Este editor Web básicamente se utiliza como un editor de textos. Dispone de las herramientas básicas para dar formato al texto:
- Tamaño del fuente
- Tipo de fuente
- Color de fuente
- Lista numerada o con viñetas
- Alineación

Otras opciones disponibles en la barra de herramientas, son para insertar imágenes, crear tablas y enlaces (internos dentro del documento y a otras páginas)

IMPORTANTE: A la hora de insertar una imagen o crear enlaces a otras páginas tenemos que tener la precaución de grabar el documento previamente.

En la parte inferior de la ventana tenemos varias pestañas para hacer la edición en modo normal, ver el contenido de la página por bloques de etiquetas, edición visualizando todo el código html y visualización preliminar (como se vería la página en un navegador).

Ejercicio 1.

Creación y edición de páginas con NVU

Para la creación y edición de páginas Web existen muchas aplicaciones. Una de ellas y la que vamos a utilizar en el proyecto es NVU. Este programa es gratuito y está disponible para múltiples plataformas (Windows y Linux). Se puede descargar desde www.softonic.es.

Este editor Web básicamente se utiliza como un editor de textos. Dispone de las herramientas básicas para dar formato al texto:
- Tamaño del fuente
- Tipo de fuente
- Color de fuente
- Lista numerada o con viñetas
- Alineación

Otras opciones disponibles en la barra de herramientas, son para insertar imágenes, crear tablas y enlaces (internos dentro del documento y a otras páginas)

IMPORTANTE: A la hora de insertar una imagen o crear enlaces a otras páginas tenemos que tener la precaución de grabar el documento previamente.

En la parte inferior de la ventana tenemos varias pestañas para hacer la edición en modo normal, ver el contenido de la página por bloques de etiquetas, edición visualizando todo el código html y visualización preliminar (como se vería la página en un navegador).

Ejercicio 1. Elegir el proyecto definitivo a realizar. Para este Primer trimestre se va a pedir un mínimo de 3 páginas. Una deberá ser una portada que incluya varias imágenes y enlaces al resto de las páginas. Todas las páginas deberán tener un enlace a la página principal. Dos páginas deberán desarrollar algo del proyecto (texto e imágenes tal y como aparecen en vuestros libros de texto) ya que durante el segundo trimestre se ampliará.
Ejercicio 2. Elaborar o modificar las páginas que ya se han creado para que se cumpla lo anterior.
- El texto se puede crear en casa para luego copiar y pegar y no perder tiempo durante las clases
- Aplicar formatos al texto (negritas, color, efectos, etc.). Para cambiar el fondo de la página en el menú Formato está la opción Colores y fondo de la página. El fondo puede ser un color o una imagen; en este último caso seleccionar una textura.
- Introducir las tablas e imágenes necesarias (cada página debe incluir un mínimo de tres imágenes).
- Enlazar correctamente todas las páginas. Se tiene que seleccionar previamente el texto o imagen que va a servir de enlace. Pulsamos en el botón de la barra de herramientas Enlace y seleccionamos el archivo con el que queremos enlazar.
- Enviar todas las páginas e imágenes antes del 11 de diciembre

La evaluación del trimestre se realizará de la siguiente forma:
- Ejercicios anteriores 15%.
- Ejercicio final 70%:

• Número de páginas y su contenido 40%
• Formatos aplicados (apariencia, colores, etc.) 25%
• Imágenes y enlaces correctos 25%
• Aportaciones personales vuestras 10%
  

- Asistencia, comportamiento y actitud 15%

Repaso de HTML

Para la creación de páginas Web debemos partir de un documento HTML (archivo con extensión html), que tendrá la siguiente estructura:

Para dar formatos existen muchas etiquetas como son:

< 'p align="right"> < /p> para indicar la alineación de un párrafo (otros posibles valores son center, left y justify)

---

para que se visualice una línea horizontal

<'b> < /b> para texto en negrita

<'i> < /i> para texto en cursiva

<'big> < /big> para texto grande

Las tildes se indican con:

- &aacute; para obtener á

- &eacute; para obtener é

- &iacute; para obtener í

- &oacute; para obtener ó

- &uacute; para obtener ú

Ejercicios

- Terminar los ejercicios anteriores (ejercicio1.html, index.html y creditos.html, donde estos dos últimos ya deben de incluir las imágenes y estar enlazadas)

- Crear una nueva página (con el nombre pagina2.html). Esta página deberá de incluir la misma cabecera que las anteriores. Deberá estar enlazada como creditos.html y tendrá una tabla que se construirá con las siguientes etiquetas:

<'table border="1">

<'tr>

<'td>Fila 1 Columna1>< /td>

<'td>Fila 1 Columna2>< /td>

<'td>Fila 1 Columna3>< /td>

<'/tr>

<'tr>

<'td>Fila 2 Columna1>< /td>

<'td>Fila 2 Columna2>< /td>

<'td>Fila 2 Columna3>< /td>

< /tr>

< /table>

NOTA: las comillas que aparecen en estas etiquetas no se ponen, por ejemplo en <'td>

Ejercicios del día 3 de noviembre

Para insertar una imagen se utiliza la etiqueta < img src="nombre" height="140" width="140" alt="comentario" >

Para hacer un enlace se utiliza la etiqueta < a href="enlace" > Imagen o texto < / a>

Cuidado sin espaciones dentro de la etiqueta.

1. Insertar las imágenes buscadas el día anterior en la página index.html.
2. Sustituir el texto "Volver" de la página creditos.html por la imagen buscada.
3. Enlazar las dos páginas anteriores (de index a creditos y de creditos a index)