Kuinka työskennellä taulukoiden kanssa Adobe Dreamweaver CS6:ssa

Kun ajattelet taulukkoa Adobe Dreamweaver CS6:ssa , ajattele taulukkoa, jossa on useita soluja, aivan kuten laskentataulukossa. Taulukoita käytetään HTML-sivuilla, jotta elementit ja tiedot voidaan sisällyttää ja sijoittaa tiettyihin soluihin rivien ja sarakkeiden sarjassa.

Voit vaihtaa väriä solujen taulukoissa, jakaa tai kattavat solut (yhdistää niitä muihin soluihin), ja Reunaviivojen niihin.

Kun luot taulukon, voit määrittää, kuinka monta riviä ja saraketta se sisältää, sekä tarvittaessa asettaa riveille ja sarakkeille kiinteät tai skaalautuvat leveydet. Voit myös yhdistää rivejä ja sarakkeita luodaksesi ainutlaatuisia taulukoita.

Luo taulukko Dreamweaverissa seuraavasti:

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.

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 luomisen jälkeen.

• Taulukon leveys: Syötä leveysmitta Taulukon leveys -tekstiruutuun ja valitse sitten mitta (pikseliä tai prosenttia) oikealla olevasta avattavasta luettelosta. Taulukon leveys on tärkeä määrite, koska se määrittää taulukon oletuskoon.

• 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. Huomautus: Suunnittelunäkymässä näet edelleen katkoviivan taulukon reunan – se on vain visuaalinen apuväline.

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

• Soluvälit: Kirjoita numero Soluvälit-tekstiruutuun, jos haluat muuttaa soluväliä työntämään soluja toisistaan.

• Otsikko: Otsikko-valintaruutu muuntaa taulukon ylimmän rivin vakioriviltä määritetyksi otsikoksi (käyttäen

  tag). Tämä vahvistaa, että ensimmäinen rivi ja sen sisältö määrittelevät taulukon otsikon.

• Esteettömyysasetukset: Voit antaa lisätietoja, jotka auttavat näkövammaisia ​​käyttäjiä ymmärtämään taulukosi sisältöä. Lisää Otsikko-tekstikenttään taulukkoon liittyvä kuvateksti. Lisää Yhteenveto-alueelle useita tekstirivejä saadaksesi lisätietoja taulukon tarkoituksesta ja sisällöstä.

Napsauta OK.

Taulukkosi on luotu.

Kun työskentelet taulukoiden kanssa, yritä hyödyntää Dreamweaverin laajennettu taulukko -ominaisuutta. (Etsi Laajennettu-painike Lisää-paneelin Asettelu-osiosta.) Laajennettu näkymä lisää taulukkoon solujen täyttöjä ja välilyöntejä sekä suurentaa reunuksen kokoa, mikä helpottaa solujen ja sisällön valitsemista.

Saat tarkan esikatselun palaamalla vakionäkymään (napsauta Vakio-painiketta Lisää-paneelin Asettelu-osiossa), kun olet lopettanut muokkauksen.