Enrera
Bloc B
Formació TIC en centres educatius
Imprimir
Pràctica B145. Inserir taules en una pàgina web
   
Atenció!
Abans de fer la pràctica, cal executar el fitxer B145.exe.
Aquest fitxer us permet crear, al vostre ordinador, una carpeta anomenada tic\blocb, amb els fitxers necessaris per al desenvolupament de la pràctica.
   
Desenvolupament de la pràctica
   
Pràctica
  1. Poseu en funcionament el programa Dreamweaver amb
    Inici | Programes | Macromedia Dreamweaver 4 | Dreamweaver 4
    .
  2. Demaneu Archivo | Abrir... o premeu Ctrl + O.
  3. Localitzeu, a la carpeta tic\blocb, el fitxer taula.htm.
  4. Senyaleu el fitxer amb el ratolí i premeu el botó Obre.
  5. Definiu l'aspecte general de la pàgina:
    • Demaneu Modificar | Propiedades de la página o premeu Ctrl + J.
    • Poseu el títol de la pàgina Web del centre.
    • Establiu, com a imatge de fons, el fitxer fons1.jpg que trobareu a la carpeta tic\blocb:
      • Premeu el botó Examinar al costat de Imagen de fondo.
      • Localitzeu, a la carpeta tic\blocb, el fitxer fons1.jpg.
      • Senyaleu el fitxer amb el ratolí i premeu el botó Seleccionar.
    • Establiu, per al color del text, el valor #000000, bé escrivint-lo directament, bé escollint-lo de la paleta de colors que obteniu en prémer l'eina
  6. Situeu-vos al final de la pàgina prement Ctrl + Fi.
  7. Creeu una taula de 12 fileres i 4 columnes de 600 píxels d'amplada:
    • Demaneu Insertar | Tabla.
    • A la casella Filas: escriviu 12.
    • A la casella Columnas: escriviu 4.
    • A la casella Ancho: escriviu 600.
    • Desplegueu la llista al costat de Ancho i escolliu el valor Píxeles.
    • A la casella Borde: escriviu 0.
    • Premeu, per acabar, el botó Aceptar.
  8. Seleccioneu, fent servir el ratolí, les tres cel·les de la dreta de la primera filera de la taula i combineu-les prement l'eina Combina las celdas... de la finestra Propiedades.
  9. Observeu que les tres cel·les combinades esdevenen una sola casella.
  10. De forma similar, combineu les cel·les perquè l'aspecte final de la taula sigui el de la figura següent:

  11. Seleccioneu les cel·les de la primera columna de la taula de la següent manera:
    • Feu clic amb el ratolí a la cel·la superior esquerra de la taula.
    • Feu Majús + clic del ratolí a la casella inferior esquerra de la taula.
    • L'aspecte de la selecció ha de ser el que es mostra a la figura següent:
  12. Establiu l'amplada per a les cel·les d'aquesta columna a 150 píxels.
    • Feu clic a la casella Ancho de celda en píxeles o porcentaje ( An ) de la finestra de propietats..
    • Escriviu el valor 150.
  13. Canvieu el color de fons de la cel·la superior esquerra de la taula al valor #FF9900:
    • Feu clic amb el ratolí a l'interior de la cel·la.
    • Activeu l'eina Color de fondo de la finestra de propietats.
    • De la paleta de colors que obteniu, senyaleu el color indicat:



  14. De forma similar a la indicada, acoloriu les diferents cel·les de la taula amb colors variats.
  15. Visualitzeu la pàgina al navegador prement la tecla F12. L'aspecte de la taula ha de ser similar al de la imatge següent:

  16. Tanqueu el navegador amb Alt + F4.
  17. Deseu el resultat final de la pàgina que heu creat amb el nom 2bdw6, a la carpeta tic\blocb:
    • Demaneu Archivo | Guardar como...
    • Establiu a Desa a: la destinació tic\blocb.
    • A Nom del fitxer:, escriviu 2bdw6.
    • Premeu, finalment, el botó Desa.
  18. Sortiu del Dreamweaver amb Archivo | Salir.
   
 
Amunt