Les TIC a l’aula
juny 16, 2009 per QuínComo colocar un fondo en tu web
maig 19, 2009 per QuínPara incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta <body>, al que le asignamos el nombre del archivo que deseamos utilizar como fondo. Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo.
<body background=”img/fondo.gif”>
Lo que conseguimos con esto es que el archivo fondo.gif que está en la carpeta img se muestre en la página como fondo. Por defecto, la imagen de fondo aparece como un mosaico, repitiéndose a lo largo de todo el espacio de la página.
Fondo en otros elementos
No solo la página puede tener un fondo, también lo podemos colocar en las tablas o las celdas. Se utiliza el mismo atributo background, aunque aplicado a otras etiquetas.
<table background=”img/fondo.gif”>
<td background=img/fondo.gif”>
En este enlace podeis leer unos consejos para poner fondos correctamente
Como publicar mi web en Internet
maig 13, 2009 per QuínMaquetació del cos de la pàgina amb una taula
maig 11, 2009 per QuínEl cuerpo tendrá una distribución de tres columnas. El código de la tabla que englobaría todo el cuerpo es el siguiente:
<table width=”778″ cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tr>
<td width=150 valign=”top”>
<!–NAVEGADOR LATERAL IZQUIERDO–>
</td>
<td width=10></td>
<td width=484 valign=”top”>
<!–CUERPO PRINCIPAL–>
</td>
<td width=10></td>
<td width=124 align=center valign=”top”>
<!–LATERAL DERECHO–>
</td>
</tr>
</table>
Copiar este código html en el archivo portada.html a continuación de la taba que hace de cabecera.
En el siguiente enlace podeis ver un ejemplo de como usar la estructura de la página web que acabais de crear: http://www.desarrolloweb.com/articulos/ejemplos/tallerhtml/maquetatablas/
Intentad añadir los mismos contenidos a vuestra portada.html para que quede igual a la de la página web anterior.
Maquetació de la capçalera amb una taula
maig 11, 2009 per QuínA continuación tenemos la típica cabecera creada a partir de una tabla con un logotipo, un banner y una barra de navegación horizontal. El código puede ser como el siguiente:
<table width=”778″ cellspacing=”1″ cellpadding=”3″ border=”0″ bgcolor=”#000000″ align=”center”>
<tr>
<td width=180 align=center bgcolor=”#ffffff”>
<img src=”logo.gif” width=”154″ height=”72″ alt=”x” border=”0″>
</td>
<td bgcolor=”#ffffff” align=center>
<img src=”banner.gif” width=”468″ height=”60″ border=”0″>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=”#ffffff” background=”fondohorizontal.gif”>
<font face=”Garamond”>Portada | Noticies | Agenda | …| Contacte</font>
</td>
</tr>
</table>
Copiar esta tabla en un archivo de texto y guardarlo en vuestra carpeta “html” con el nombre portada y la extensión .html (acordaros primero de poner las etiquetas que forman la estructura general de una página web)
Teneis que buscar las imágenes que faltan para que el código anterior sea correcto y guardarlas en la carpeta img.
Ejercicio de tablas
maig 10, 2009 per Quín1. Hacer una tabla como la que se ve en la siguiente imagen:
![[Ejercicio de tablas]](http://geneura.ugr.es/%7Ejmerelo/html101/ejercicio5-1.gif)
Crea esta tabla en un archivo de texto nuevo que se llame tabla_multicolor.html y guárdala en tu carpeta html. Recuerda que lo primero que hay que hacer es crear la estructura general de la página.
Consells i tècniques bàsicas per a parlar en públic
març 24, 2009 per QuínUna vegada heu decidit apostar per fer una presentació efectiva i l’heu preparat i assajat, arriba l’hora de la veritat: exposar-la en públic.
El fet de plantejar la presentació pensant més en l’audiència que en nosaltres mateixos ens va a ajudar en gran mesura quan l’exposem públicament.
És el moment en el qual mostrarem el contingut del nostre treball però cuidant bé la forma d’exposar-lo. No ens limitarem a enumerar una col·lecció de fets i dades, també aportarem un component emocional, contant una o més històries relacionades, demostrant quant ens importa i ens apassiona el tema en qüestió, esperant contagiar a la nostra audiència, interactuant amb ella?
Activitat del mòdul 5
març 16, 2009 per QuínMitjançant una presentació d’Impress, haureu d’explicar als vostres companys una història on el lector sigui el protagonista. Per a aconseguir aixó heu d’inserir botons amb interaccions per donar-li al lector la possibilitat de seleccionar diferents opcions durant el transcurs de la història.
La presentació ha de tenir un mínim de 5 diapositives i un màxim de 15. Has d’inserir les coses que hem aprés fins ara en aquest tema (imatges, sons, transicions, animacions, hiperenllaços, etc).
La història ha de tenir una portada amb el títol de l’aventura. La segona diapositiva ha de contenir el text d’introducció i tres imatges petites amb una interacció cadascuna per a que el lector de la história comenci la seva aventura. Una idea per a començar podria ser la següent:
“Any 2050. M’he aixecat amb l’impuls de viatjar. He ficat a la meva motxila quatre coses i m’he plantat al davant de les tres terminals de l’aeroport de Maó (T1:Vols interinsulars – T2:Vols internacionals – T3:Vols interespacials). Cap a on vull anar?”
Una vegada que tinguis això fet, desa la presentació a la teva carpeta amb el nom lector_prota i agafa els teus apunts per a escriure en brut l’storyboard de la teva aventura.
Envia la presentació a profeinframis@gmail.com amb l’asumpte 4eso31 – Impress M5 – Nom i llinatges
Mòdul 5
març 10, 2009 per QuínEl mòdul 5 es pretén ampliar i revisar els diversos elements que formen part del procés de creació d’una presentació en l’entorn OpenOffice.org Impress.
Continguts
- Interacció
- Afegir diapositives
- Inserir música
- Inserir pel·lícules
- Hiperenllaç
Activitat del mòdul 4
març 10, 2009 per QuínEts guia d’un museu. Has de fer una presentació amb cinc o sis diaposiitves per a simular una visita que un grup d’alumnes del Ramis fan al teu museu. S’han d’incloure les anotacions de l’orador en totes les diapositives.
Has d’incorporar elements treballats en els mòduls 2, 3 i 4. Amagueu una de les diapositives.
Desa la presentació amb el nom E42 i envia-la a profeinframis@gmail.com amb l’asumpte 4eso31 – Impress M4 – Nom i llinatges
