Com treballar amb taules a Adobe Dreamweaver CS6

Quan penseu en una taula a l'Adobe Dreamweaver CS6 , penseu en una quadrícula que conté diverses cel·les, com un full de càlcul. Les taules s'utilitzen a les pàgines HTML perquè els elements i les dades es puguin contenir i col·locar dins de cel·les específiques en una sèrie de files i columnes.

Podeu canviar els colors de les cel·les de les taules, dividir o allargar les cel·les (combinar-les amb altres cel·les) i aplicar-hi vores.

Quan creeu una taula, podeu determinar quantes files i columnes conté, així com establir amplades fixes o escalables per a files i columnes quan sigui necessari. També podeu optar per combinar files i columnes per crear taules úniques.

Per crear una taula a Dreamweaver, seguiu aquests passos:

Col·loqueu el cursor on voleu que aparegui la taula, assegureu-vos que la pestanya Comú del panell Insereix sigui visible i, a continuació, feu clic al botó Taula.

Alternativament, podeu triar Insereix → Taula. Sigui quin sigui el mètode que utilitzeu, apareixerà el quadre de diàleg Taula.

Introduïu o seleccioneu els atributs de la taula que voleu crear:

• Files: al quadre de text Files, introduïu el nombre de files que voleu a la taula. Les files s'apilen verticalment i es poden afegir o suprimir després de crear la taula.

• Columnes: al quadre de text Columnes, introduïu el nombre de columnes que voleu a la taula. Les columnes es creen horitzontalment a través d'una taula i es poden afegir o suprimir després de crear-les.

• Amplada de la taula: introduïu una mesura d'amplada al quadre de text Amplada de la taula i, a continuació, seleccioneu una mesura (píxels o percentatge) a la llista desplegable de la dreta. L'amplada de la taula és un atribut important perquè estableix la mida predeterminada de la taula.

• Gruix de la vora: introduïu (en píxels) el gruix que voleu per a l'amplada de la vora que envolta les cel·les i fora de la taula. Si no voleu veure cap format de taula, escriviu 0 al quadre de text Gruix de la vora. Nota: a la vista Disseny, encara veieu una vora de taula discontínua; només és una ajuda visual.

• Farciment de cel·les: introduïu un número al quadre de text de farciment de cel·les si voleu utilitzar el farciment per crear un marge al voltant de tot el contingut de la cel·la.

• Espaiat de cel·les: introduïu un número al quadre de text Espaiat de cel·les si voleu canviar l'espaiat per separar les cel·les.

• Capçalera: la casella de selecció Capçalera converteix la fila superior de la taula d'una fila estàndard a una capçalera definida (utilitzant el

  etiqueta). Això reforça que la primera fila i el seu contingut defineixen la capçalera de la taula.

• Opcions d'accessibilitat: podeu proporcionar informació addicional per ajudar els usuaris amb discapacitat visual a entendre el contingut de la vostra taula. Afegiu un títol que sigui rellevant per a la vostra taula al quadre de text Subtítol. A l'àrea Resum, inclou diverses línies de text per proporcionar més informació sobre la finalitat de la taula i el seu contingut.

Feu clic a D'acord.

La teva taula està creada.

Quan treballeu amb taules, proveu d'aprofitar la funció de taula ampliada a Dreamweaver. (Cerqueu el botó Ampliat a la secció Disseny del panell Insereix.) La vista ampliada afegeix el farciment i l'espaiat de cel·les a una taula i augmenta la mida de la vora per facilitar la selecció de cel·les i contingut.

Per obtenir una vista prèvia precisa, torneu a la vista estàndard (feu clic al botó Estàndard a la secció Disseny del tauler Insereix) un cop acabeu d'editar.