Taulukon luominen ja muotoilu Adobe CS5 Dreamweaverissa

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver tukee taulukoiden luomista ja muotoilua verkkosivustollasi. Kun ajattelet taulukkoa , ajattele ruudukkoa, kuten laskentataulukkoa. Voit vaihtaa väriä solujen taulukoissa, jakaa tai kattavat solut (yhdistää niitä muihin soluihin), ja Reunaviivojen niihin.

Joissakin tapauksissa et näe itse taulukkoa, koska voit sijoittaa sisällön rivi- ja sarakemuotoon näyttämättä taulukkoa. tässä tapauksessa se on vain muotoilutyökalu. Kun luot taulukon, voit määrittää, kuinka monta riviä ja saraketta se sisältää. Voit myös kattaa rivit ja sarakkeet luodaksesi ainutlaatuisia taulukoita.

Taulukko, jossa rivit ja sarakkeet on yhdistetty.

Aseta kohdistin kohtaan, jossa haluat taulukon näkyvän, varmista, että Lisää-paneelin Yhteinen-välilehti on näkyvissä, ja napsauta sitten Taulukko-painiketta.

Vaihtoehtoisesti voit valita Lisää → Taulukko. Mitä tahansa menetelmää käytät, Taulukko-valintaikkuna tulee näkyviin.

Aseta taulukon tiedot Taulukko-valintaikkunassa.

Kirjoita tai valitse luotavan taulukon attribuutit:

• Rivit: Kirjoita Rivit-tekstiruutuun taulukkoon haluamasi rivien määrä. Rivit pinotaan pystysuunnassa, ja ne voidaan lisätä tai poistaa taulukon luomisen jälkeen.

• Sarakkeet: Kirjoita Sarakkeet-tekstiruutuun taulukkoon haluamasi sarakkeiden määrä. Sarakkeet luodaan vaakasuunnassa taulukon poikki, ja ne voidaan lisätä tai poistaa sen luomisen jälkeen.

• Taulukon leveys: Syötä leveysmitta Taulukon leveys -tekstiruutuun ja valitse sitten mitta (pikseliä tai prosenttia) oikealla olevasta avattavasta luettelosta. Taulukon leveys määrittää taulukon oletuskoon. Kun taulukko on 100 prosenttia, se kattaa 100 prosenttia verkkosivustasi, ja koko muuttuu, kun sivun kokoa muutetaan. Anna pikseliarvo varmistaaksesi, että taulukko pysyy aina samana.

• Reunuksen paksuus: Syötä (pikseleinä) paksuus, jonka haluat soluja ympäröivän ja taulukon ulkopuolella olevan reunuksen leveydeksi. Jos et halua nähdä taulukon muotoilua, kirjoita 0 Reunuksen paksuus -tekstiruutuun. Suunnittelunäkymässä näet edelleen katkoviivan taulukon reunan. Näet todelliset reunat, kun tarkastelet sivua selaimessa tai live-näkymässä.

• Solun täyttö: Kirjoita numero Solun täyttö -tekstiruutuun, jos haluat luoda marginaalin kaiken solun sisällön ympärille.

• Soluvälit: Kirjoita numero Soluvälit-tekstiruutuun, jos haluat siirtää soluja erilleen.

• Otsikko: Valitse otsikkotyyppi, jonka haluat sisällyttää taulukkoon (tai valitse Ei mitään, jos et halua otsikoita).

• Helppokäyttöisyys: Lisää Otsikko-tekstikenttään taulukkoon liittyvä kuvateksti. Lisää Yhteenveto-alueelle useita tekstirivejä saadaksesi lisätietoja taulukon tarkoituksesta.

Napsauta OK.

Taulukkosi on luotu.

Kun työskentelet taulukoiden kanssa, yritä hyödyntää Dreamweaverin laajennettu taulukko -ominaisuutta. (Etsi Laajennettu-painike Lisää-paneelin Asettelu-osiossa.) Laajennettu näkymä lisää taulukkoon solujen täyttöä ja välilyöntejä sekä suurentaa reunuksen kokoa valinnan helpottamiseksi. Saat tarkan esikatselun palaamalla vakionäkymään (napsauta Vakio-painiketta Lisää-paneelin Asettelu-osiossa), kun olet lopettanut muokkauksen.