Tabelopmaak GoLive in DreamWeaver
17 mei 2008 - 00:10   
geplaatst door: WebmasterX
In GoLive is het mogelijk om een tabel op te maken via "Table Style".
Zo kan je bvb de rijen wisselend wit en grijs maken.
vb: http://www.amarant.be/MenuLinks/agenda.html
Hoe doe je dat in DreamWeaver?

Dank.

Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 00:15    reactie #1
geplaatst door: WebmasterX
Niemand?
Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 11:01    reactie #2
geplaatst door: denn88
Dit fenomeen heet: alternating row colors, of zebra-tabellen (iTunes heeft het bv ook). Zo heet dat niet in Dreamweaver maar is een algemene term. Als je een beetje verstand van HTML/Css is dit heel simpel.

Via CSS classes wordt aangegeven of een HTML tabel rij (een tr, ofwel table-row) een 'even' of een 'odd' rij is. Via CSS geef je aan dat de 'even' rijen een grijze kleur krijgen en de 'odd' rijen bijvoorbeeld wit blijven.

Op Alistapart staat het Zebra table artikel. Zo doe je dat in princiepe ook in Dreamweaver.

Vroeger zat er een mooie optie in Dreamweaver om dit voor je te doen: Table Format. Maar Dreamweaver is nu een en al CSS geworden. In CSS maak je een td.odd class aan, geef het een achtergrond kleur van bv grijs. Maak ook een td.even aan en geef die een andere kleur.

Selecteer een rij in Dreamweaver en ken via het CSS window de class to aan de rij. Dit doe je dan om en om.

Wij gebruiken hier een zelf geprogrammeerd stukje Javascriptje voor die dat automatisch voor ons doet. Hiermee hebben we er geen omkijken meer naar als we ineens besluiten om tussen de rijen door nieuwe rijen te maken. Dan moet je dus al die CSS classes ombouwen en opschuiven. Met een scriptje gaat dit heel simpel.

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 13:10    reactie #3
geplaatst door: Peter Villevoye
Verhip, den88 is me voor geweest !

Nee, zoiets is er dus niet - althans niet zoals GoLive deed.
Wat zou moeten gebeuren, is dat je met CSS gaat werken,
want daarin zitten opties om in een tabel de rijen om en om
aan te spreken. Ik ben daar helaas nog niet zo goed in thuis,
want het zijn wat nieuwe mogelijkheden die ook niet overal
zullen werken (in oudere browsers).

Hier zie je een uitleg die a.h.v. een database de stylesheets
laat wisselen, maar ja, dan moet je wel databases hebben...
http://www.somacon.com/p338.php
Onderaan de pagina meldt de schrijver ook al dat met CSS
e.e.a. beter zou kunnen gaan.
Datzelfde probleem lees je (uitgebreid) ook bij A List Apart:
http://www.alistapart.com/articles/zebratables
Kortom: zolang we niet op brede ondersteuning van CSS 3
kunnen rekenen, blijft het bij handwerk...

Je kan natuurlijk je tabel wèl nog steeds maken in GoLive
en dan botweg copiëren en plakken in DreamWeaver.

(Bewerkt door Peter Villevoye om 13:11, 18-05-2008)

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 13:17    reactie #4
geplaatst door: Peter Villevoye
Overigens lees ik op Adobe Exchange dat er wel wat
extensions te koop zijn, maar die zijn nogal outdated.
(Voor DreamWeaver 4 of MX.)

(Bewerkt door Peter Villevoye om 13:18, 18-05-2008)

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 13:22    reactie #5
geplaatst door: WebmasterX
Bedankt voor de reacties.
Toch stom dat men zoiets handigs niet voorzien heeft in DreamWeaver?

@Peter Villevoye
"Je kan natuurlijk je tabel wèl nog steeds maken in GoLive
en dan botweg copiëren en plakken in DreamWeaver. "
Inderdaad Peter, dat lijkt me voorlopig nog de "vlotste" manier.

Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 19:54    reactie #6
geplaatst door: denn88
@Peter,
Een database dat stylesheets laat wisselen??? Neem aan dat je een server-side scripting taal bedoelt als bijvoorbeeld ASP (in jou voorbeeld) of PHP. Die zelf dat 'odd' en 'even' als css class al in de tabel laat genereren.

Dat is natuurlijk ook mogelijk maar via een klein javascriptje ken je 'odd' en 'even' css classes toe aan de html tr-tags. Via CSS geef je aan wat de achtergrond kleur van de td die na zo'n tr (met class) wordt.

Terug on topic
Voor het handwerk zou ik gewoon zelf in de source code zo'n CSS class op een tr-tag zetten en via CSS de kleur aangegeven. Inderdaad jammer dat die optie niet meer in Dreamweaver zit. Met javascript gaat het toekennen van de CSS classes vele malen sneller.

Leuk en aardig dat HTML'en in 2 pakketten die in feite hetzelfde doen: HTML source-code genereren. Ik hoop dat GoLive dit ook op de CSS manier doet (deed: want GoLive is discontinued): classes toevoegen op de tr-tag. Anders wordt het echt een zooitje aan HTML en inline hex-kleurtjes. Een draak om te onderhouden ...

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 23:17    reactie #7
geplaatst door: Jan van Es
Toch wel onbegrijpelijk dat Adobe deze functie uit Dreamweaver heeft gehaald. Er bestaat wel een (gratis) downloadbare extensie voor Dreamweaver ("Format Table CSS"), maar die is een stuk primitiever dan het oude "Format Table" command. Dat had ook een reeks kant-en-klare tabel-opmaken, en je kon je eigen kleurschema's er ook aan toevoegen.

Maar goed, vermoedelijk presenteert Adobe straks Dreamweaver CS4, en dan kunnen we weer een paar honderd euro betalen om zo'n functie terug te krijgen...   :sad:

Ik had 't zonder succes al geprobeerd - maar 't schijnt toch te kunnen: het "Format Table" command van een oudere Dreamweaver "transplanteren" naar Dreamweaver CS3. Hier staat hoe het zou moeten lukken. Maar ook als ik deze uitleg (voor de Windows-versie) volg, kom ik er niet uit.

(Bewerkt door Jan van Es om 23:34, 18-05-2008)

(Bewerkt door Jan van Es om 0:04, 19-05-2008)

Tabelopmaak GoLive in DreamWeaver
18 mei 2008 - 23:33    reactie #8
geplaatst door: Peter Villevoye
GoLive deed dit met keiharde kleuren in de HTML, geen spoortje CSS.
DreamWeaver zou zoiets dus netjes met "odd" en "even" CSS-classes
kunnen flikken. (Ik voel een "Feature Request" voor CS4 opborrelen.)
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Tabelopmaak GoLive in DreamWeaver
19 mei 2008 - 11:21    reactie #9
geplaatst door: WebmasterX
@Jan van Es
"Er bestaat wel een (gratis) downloadbare extensie voor Dreamweaver ("Format Table CSS")"

Dank voor de tip Jan. Dit is bruikbaar en bespaart me al heel wat werk!