Vorige maand is het Handboek Dreamweaver CS5 verschenen. In de aanloop naar het verschijnen hiervan schreef ik een aantal columns voor de nieuwsbrief van computerboek.nl.

De laatste column wil ik hier graag herpubliceren, omdat ik nog regelmatig vragen krijg over het wel-of-niet-upgraden naar een nieuwe versie van software. Hopelijk is dit artikel hierbij een beetje behulpzaam.

• Bestel Handboek Dreamweaver CS5

Dreamweaver CS5 – upgraden of niet?

Gedurende de afgelopen verkiezingsperiode was de onlinedienst Stemwijzer.nl ongekend populair. Bij de stemwijzer kan een bezoeker over dertig politieke stellingen zijn mening geven. Aan het eind van de rit rolt er een advies uit, welke partij het beste bij zijn of haar voorkeur past. De stemwijzer geeft een onbevooroordeeld oordeel over de voorkeur van de bezoeker. Dat is natuurlijk veel objectiever dan de verkiezingspropaganda van de partijen zelf.

Nu bestaat er niet zoiets als een stemwijzer voor software. Dat is wel eens jammer, want regelmatig krijg ik van lezers en cursisten de vraag 'of upgraden de moeite waard is'. Want iedereen weet natuurlijk wel dat wanneer je die vraag voorlegt aan de softwareboer zelf, het antwoord altijd 'ja, natuurlijk. Liever gisteren dan vandaag!' luidt.

Ook voor Dreamweaver CS5 is deze vraag de laatste weken al weer verschillende keren voorbij gekomen. Daarom bij gebrek aan een CS5-stemwijzer, hierbij mijn onbevooroordeeld en hopelijk nuttig advies.

1. De belangrijkste toevoeging aan Dreamweaver CS5 is zonder twijfel de ondersteuning voor CMS'en zoals Joomla!, Drupal en WordPress. Als u daarom regelmatig sites ontwikkelt met deze systemen of hier templates voor bouwt, dan is de upgradevraag een 'no-brainer'. Direct doen. Liever gisteren dan vandaag. De opties om CMS-sites in Live View direct binnen Dreamweaver te tonen en te bewerken zijn enig in zijn soort in webdesignland.

2. Gebruikt u Dreamweaver om dynamische sites en webapplicaties met PHP te onderhouden? Ook dan kan de upgradevraag zonder twijfel positief worden beantwoord. De Dreamweaver-mogelijkheden voor codehinting en inzicht in PHP-klassen en objecten begint eindelijk volwassen te worden. Sneller werken en veel minder typefouten en opzoekwerk maken een upgrade al snel de moeite waard.

3. Hetzelfde kan worden gezegd als u regelmatig JavaScript-bibliotheken gebruikt in uw sites. Denk hierbij aan tools als jQuery, MooTools en (uiteraard) Adobe Spry. De JavaScript-ondersteuning is vergelijkbaar met die van PHP, en biedt in CS5 ook codetips, aanvulling van functieparameters en meer. Helaas ontbreekt een JavaScript-debugger nog in de Live View van Dreamweaver CS5, hiervoor moet u alsnog omzien naar gespecialiseerde tools van Mozilla Firefox (Firebug) of Internet Explorer.

4. Adobe geeft ook hoog op van de verbeterde CSS-controle. Nu is het zeker handig dat u binnen de Dreamweaver-ontwerpomgeving het (visuele) effect kunt beoordelen van het selectief in- en uitschakelen van CSS-regels. Tegelijkertijd zijn de mogelijkheden vooralsnog beperkter dan in Firebug of vergelijkbare tools. Relatief eenvoudig CSS-opmaakwerk kan nu binnen de Dreamweaver-werkomgeving en dit bespaart zeker roundtrips naar de browser. Maar bij meer ingewikkelde lay-outs of CSS-opties moet u toch alsnog schakelen naar een externe tool en gaat de tijdwinst verloren. Daarom: als u nu tevreden bent met de combi Dreamweaver CS4 (of eerder) en aanvullende externe CSS-tools, dan is een upgrade voor wat betreft dit onderdeel niet beslist noodzakelijk.

5. Nieuw zijn ook de CS-Live diensten in Dreamweaver, zoals Adobe Browserlab, SiteCatalyst NetAverages en Acrobat.com . Ofschoon dit stuk voor stuk beslist nuttige toevoegingen zijn, acht ik ze niet van dusdanig 'must-have'-niveau dat ze een upgrade verplicht maken. Als u hierop uw hoop had gevestigd, bekijk dan eerst op de site van Adobe of u werkelijk niet zonder deze diensten kunt. Ze zijn ook zonder Dreamweaver CS5 te gebruiken (met CS4 bijvoorbeeld). Alleen zijn ze in CS5 handig gebundeld onder één knop. Da's alles.

6. De ondersteuning voor Photoshop-bestanden, andere externe media en samenwerking met overige Adobe-producten is ook in eerdere versies van Dreamweaver al zeer goed. Deze zijn in CS5 op een vergelijkbaar niveau gebleven. Hetzelfde geldt voor het maken van 'gewone' statische websites met behulp van HTML, CSS, afbeeldingen, sjablonen enzovoort. Als dit uw dagelijks werk is, dan kunt u de upgradeprijs beter in uw zak houden. Dergelijk werk is in CS5 fantastisch geregeld, maar was ook eerder al erg goed.

Hopelijk helpt dit u bij uw beslissing of een upgrade de moeite waard is. Rest nog de vraag of de aanschaf van een boek om te leren werken met Dreamweaver CS5 noodzakelijk is. Ook daarvoor kan ik u een prima advies geven, zij het dit keer niet geheel onbevooroordeeld.

Ja, natuurlijk! Liever gisteren dan vandaag. Het 'Handboek Dreamweaver CS5' lijkt mij een uitstekende keuze. ;-)

Peter Kassenaar.
7 juli 2010

Deze  week is het Handboek Dreamweaver CS5 verschenen. Dit Handboek is de logische opvolger van het Handboek Dreamweaver CS4 en bespreekt het maken van websites met Dreamweaver CS5 vanaf het startpunt. Er is veel veranderd in Dreamweaver CS5 en de manier waarop nieuwe sites worden ingesteld is daar één van. Hier krijgt u dus direct mee te maken.

Het boek is bij uitstek geschikt voor de beginnende webdesigner die nieuwe sites wil maken – of bestaande sites wil gaan onderhouden – met Dreamweaver CS5. Naast de basishandelingen voor het opzetten van websites, worden ook meer gevorderde onderwerpen besproken, zoals het zelf maken van webformulieren en het werken met een Content Management System (CMS) vanuit Dreamweaver CS5

Specificaties

• Boek, paperback, 438 pagina’s
• Geschikt voor Nederlandse en Engelstalige versie van Dreamweaver CS5
• Geschikt voor Windows en Macintosh
• ISBN-13: 9789059404779
• Prijs: EUR 24,90

Van de flaptekst

“ Adobe Dreamweaver CS5 is een krachtig gereedschap om websites mee te ontwikkelen. Veel professionals maken gebruik van deze software. Dreamweaver CS5 is zowel voor beginners als gevorderde webdesigners de eerste keuze als het gaat om het ontwerpen van nieuwe websites of het bijhouden van bestaande sites. Dreamweaver biedt brede ondersteuning voor moderne technieken als het vormgeven en opmaken met Web 2.0 en AJAX.

In dit 'Handboek' laat Peter Kassenaar u aan de hand van vele praktische voorbeelden en workshops zien hoe u snel een professioneel ogende website opzet en onderhoudt. Daarbij wordt ook uitgebreid stilgestaan bij achterliggende ontwerptechnieken en de workflow rond het maken van een site.”

Beknopte inhoudsopgave

Tot de behandelde onderwerpen behoren:

• kennismaken met de Dreamweaver-werkomgeving en de nieuwe mogelijkheden
• Basishandelingen om een website op te zetten die is gebaseerd op sjablonen
• bestanden, mappen en uw site beheren
• teksten opmaken en kennismaken met CSS
• pagina’s vormgeven en afbeeldingen toevoegen
• Photoshop-afbeeldingen invoegen en bewerken
• Werken met AJAX-technieken zoals een Spry-menu en Spry-accordeon
• Formulieren maken
• Flash-media invoegen
• Dreamweaver CS5 gebruiken in combinatie met een CMS (WordPress)

Oefenbestanden

In het boek staan tal van workshops om ook daadwerkelijk met Dreamweaver aan de slag te gaan. Het is typisch een boek om naast het toetsenbord te leggen en zelf mee te oefenen. Het boek is daarmee buitengewoon geschikt voor opleidingen of zelfstudie. De oefenbestanden zijn te downloaden als één groot zip-bestand. Hierin staan de afzonderlijke zipbestanden met de oefenbestanden gerangschikt per hoofdstuk.

Oefenbestanden Dreamweaver CS5.zip (21 MB)

Hebt u het boek gelezen en heb je er opmerkingen over ter verbetering van een eventuele volgende druk? Of wilt u andere lezers laten delen in uw ervaringen? Laat dan een berichtje achter.

• Bestellen bij Computerboek.nl
• Bestellen bij bol.com

-- Peter Kassenaar
28 juni 2010

Tip: bent u bekend met het ontwikkelen van standaard, ‘statische’ sites in Dreamweaver? Kijk dan ook naar het Handboek Dynamische websites met Dreamweaver. Hierin wordt het maken van een dynamische website met databases en formulieren besproken. Ofschoon dit boek al wat ouder is, kan het prima als opvolger van het Handboek Dreamweaver CS5 worden gelezen.

In het Handboek Windows 7 beschrijf ik onder meer hoe Internet Explorer in de modus InPrivate-navigatie gestart kan worden. Dit is een handige instelling als je wilt dat een surfsessie geen sporen achterlaat op de computer in de vorm van cookies, tijdelijke bestanden en meer.

Ik heb hierover eerder een blogartikel geschreven, InPrivate browsing - meer dan een pornoknop.

Nu stuurde een lezer mij onlangs een mailtje met de volgende vraag:

“Kan ik bij IE8 en Mozilla Firefox 3.6.3. regelen dat ik bij opstarten direct in de privé-navigatie terecht kom?”

En ik moest bekennen dat ik niet wist of dat kon. Maar het blijkt wel degelijk mogelijk te zijn. Alle browsers (dus: Internet Explorer, Firefox, Chrome, Opera) hebben een switch waarmee je tijdens het opstarten al kunt aangeven of de privé-navigatie gestart moet worden. Deze geef je op in de snelkoppeling die het betreffende programma start.

Op de volgende manier stel je dit in.

1) Klik met de rechtermuisknop op de snelkoppeling naar de browser. Ik gebruik hier Internet Explorer, maar de werkwijze voor Firefox, Chrome en Opera is hetzelfde. Je kunt de snelkoppeling vinden het menu Start, op je bureaublad of in de Taakbalk.

2) Kies Eigenschappen.

3) Controleer of in het dialoogvenster het tabblad Algemeen is geselecteerd en klik in het vak Doel.

4) De opstartlocatie van Internet Explorer is waarschijnlijk zoiets als "C:\Program Files\Internet Explorer\iexplore.exe" (inclusief de aanhalingstekens!). Voeg hierachter de switch –private toe. De complete opstartregel wordt dus

"S:\Program Files\Internet Explorer\iexplore.exe" –private

5) Klik op OK om het venster te sluiten.

6) Sluit alle IE-vensters en start de browser opnieuw. Vanaf nu zal elke keer als de browser wordt gestart via deze snelkoppeling automatisch de modus InPrivate actief zijn.

Andere browsers

De werkwijze bij andere browsers is gelijk. U kunt altijd bij de snelkoppeling de switch opgeven. Alleen is de naam van switch (soms) anders. Dit zijn de instellingen:

• Mozilla Firefox: -private
• Google Chrome: --incognito (let op: twee liggende streepjes)
• Opera: –newprivatetab
• Apple Safari: heeft wel een privé-modus, maar geen switch om automatisch in deze modus te starten.

Op internet is bij download.cnet.com ook een (Amerikaanse) video beschikbaar die dit proces laat zien: http://download.cnet.com/8301-2007_4-20004471-12.html?tag=mncol;txt

Peter Kassenaar
-- 27 mei 2010

Medio juni 2010 verschijnt mijn nieuwe Handboek Dreamweaver CS5. Dit handboek is helemaal bijgewerkt voor de laatste versie van Dreamweaver. Oudere onderdelen (rollover-afbeeldingen, tabellen) zijn verdwenen en toegevoegd zijn onder meer hoofdstukken over CMS-integratie, formulieren en Spry.

Via computerboek.nl kun je al vast een exemplaar reserveren. Je weet dan zeker dat je als eerste over het boek beschikt. Speciaal voor de nieuwsbrief van computerboek.nl heb ik ook dit keer weer een aantal columns geschreven. Dit is de eerste.

Klussen met Dreamweaver CS5

Wij hebben een ja/nee-sticker op de brievenbus. De meeste foldertjes ontvangen wij dus niet. Toch zat er vorige week een folder van een bouwmarkt meegevouwen in het plaatselijke weekkrantje. Ik ben niet zo’n klusser, en keek mijn ogen uit. Allerlei gereedschappen die mij onbekend voorkwamen werden gepresenteerd als de ultieme oplossing voor alle doe-het-zelfproblemen.

Een 115-delige gereedschapskoffer (mijn huidige gereedschapskoffer bestaat uit twee schroevendraaiers, een oude hamer en talloze losliggende schroeven en spijkertjes), een Power poetsmachine en dito Shaper (que?), een 8-bar pneumatisch spijkerpistool en een Reciprozaag zijn nog maar enkele uit de vele pagina’s glanzende elektrische hulpmiddelen die mij -uiteraard tegen een spotprijs- werden aangeboden.

Ergens klein in hoekje stonden ook attributen die mij bekender voorkwamen. Een set werkhandschoenen. Een onkruidborstel. Tuinschepje Gardena. Ik voelde mij ineens gelukkig niet meer zo’n ongelofelijke sukkel.

Wat heeft dit allemaal met Dreamweaver CS5 te maken? Rechtstreeks natuurlijk niet zo veel. Of ik moet weer eens de neiging krijgen de computer te willen bedienen met hamer en pneumatisch spijkerpistool, als het werk niet zo wil vlotten. Maar die momenten zijn gelukkig zeldzaam.

Een overeenkomst viel mij echter wel op. Toen een paar maanden geleden de eerste betaversies van Dreamweaver werden afgeleverd was er zoals gebruikelijk ook weer veel aandacht voor de lijst met nieuwe eigenschappen. Hierop stonden dit keer termen als PHP Code Hinting, CSS Inspect, Adobe BrowserLab en Live View Navigation.
Ik begrijp dat wel. Het is natuurlijk niet sexy om te adverteren met Kopteksten en Alinea’s. Afbeeldingen en hyperlinks. Dat verkoopt niet.

Toch zijn deze basisvaardigheden wel degelijk onontbeerlijk om vervolgens gebruik te kunnen maken van de geavanceerde nieuwe functies van Dreamweaver. Dit probeer ik bij het schrijven van een nieuw boek over Dreamweaver CS5 niet uit het oog te verliezen. Eerst het eenvoudige werk, daarna de toeters en bellen.

Ik neem tenminste aan dat je op de technische vakopleidingen van tegenwoordig ook nog steeds leert om eerst een plankje recht af te zagen met een handzaag. En dat de bouwvakkers van de toekomst pas daarna worden losgelaten op modelletje 3-in-1 Tafel-, Afkort- en Verstekcirkelzaag GKS 1600W.

Zo probeer ik in een boek over webdesign met de uitgebreide Dreamweaver-gereedschapskist ook altijd eerst de achtergrond en context, het eenvoudige handwerk uit te leggen. Daarna kun je altijd nog aan de slag met Live View Navigation, Simplified Site Setup en SubVersion 1.6 Enhancements. Hebben jullie ook zo’n zin in CS5?

Peter Kassenaar
-- 18 mei 2010

Het is al weer een tijd geleden dat ik een video heb gepost op mijn blog. Maar nu was er weer een leuke aanleiding voor. Mijn uitgever vroeg me of ik niet eens wat indrukken kon geven van de huidige stand van zaken en vooral de ervaringen van het lezen van eBooks op de iPhone en de bediening van de applicaties.

En in plaats van een Word-documentje in elkaar te knutselen met screenshots en toelichtingen is het net zo makkelijk om even een video te maken en deze op YouTube te plaatsen. Dan kunnen er bovendien meer mensen meekijken.

Onderstaande video geeft voornamelijk een impressie van de werking van eBook-applicaties op de iPhone. Je ziet tips voor het downloaden, lezen en navigeren binnen een boek. Zo nu en dan geef ik mijn mening, maar verder het is vooral een (redelijk) objectief overzicht.

Of het lezen van boeken op een iPhone een prettige leeservaring oplevert, zal iedereen voor zichzelf moeten uitmaken. Persoonlijk kan ik best langere teksten lezen vanaf het beeldscherm en vind ik de zoekfuncties binnen de complete tekst van het boek erg handig. Maar anderen zullen het lezen vanaf een (klein) beeldschermpje te vermoeiend vinden, of gewoon niet leuk. Maak zelf je keuze.

Samenvattend, ik vind handig:

• Veel boeken direct onder handbereik. Vooral technische titels en naslagwerken zijn best goed te lezen. Afbeeldingen komen ook goed over (al zie je hier in de video geen voorbeelden van).
• Zoekfunctie binnen complete tekst van het boek.
• Bladwijzers maken en aantekeningen bij het boek en daar snel naar toe navigeren.
• Lage prijs per boek. EUR 3,99 voor een boek dat in de winkel 20 euro of meer kost, is een koopje.

Ik vind niet handig:

• Scrollen door de superlange inhoudsopgaven. Het ontbreken van in/uitklappen per hoofdstuk is een gemis.
• Losse applicaties voor elk boek. Ik zou het handiger vinden een overkoepelende app te hebben, waarbinnen de boeken gebundeld zijn (zoals de toekomstige iBookStore?)
• Geen integratie tussen Stanza (en het kopen vanuit Stanza) en de book-apps? Ik snap nog steeds niet wat de onderlinge relatie is.

Peter Kassenaar
-- 17 februari 2010