We hebben hier tientallen van de beste softwareplatforms voor het bouwen van websites besproken, van het sublieme tot het belachelijke. We hebben ook een app onderzocht die is ontworpen om u te helpen een hele pagina of site uitsluitend in code te schrijven. Geen franje, alleen ruwe HTML. Het is duidelijk dat wat uw expertise ook is, er een app of service zal zijn die aan uw behoeften voldoet.
Maar er is een app die is ontworpen voor professionals en vrijwel uniek is in de branche die de concurrentie in de loop der jaren heeft overleefd of de concurrentie heeft overleefd: de machtige Adobe Dreamweaver. Laten we dus eens kijken naar de nieuwste versie, CC 2022-2023.
Laten we de olifant in de kamer niet negeren en het frontaal aanpakken (let op de slagtanden): alle producten van Adobe zijn uitsluitend op abonnementsbasis verkrijgbaar. Dit betekent dat u elke maand betaalt en dat u altijd de nieuwste en beste versie tot uw beschikking heeft. Als u stopt met betalen, is de app verdwenen en zijn uw projecten niet meer toegankelijk voor u (tenzij u de onbewerkte indelingen eruit haalt).
- Wilt u Adobe Dreamweaver proberen? Bekijk hier de website
U kunt zich alleen op Dreamweaver abonneren voor $ 20,99 (£ 19,97) per maand met een jaarabonnement of $ 31,49 (£ 30,34) per maand.
Met een jaarabonnement van $ 52,99 (£ 49,94) per maand (of $ 79,49 (£ 75,85) per maand) krijgt u echter toegang tot de volledige portfolio van Adobe, wat betekent dat u kunt ontwerpen in Photoshop en Illustrator, die bestanden naar Dreamweaver kunt verplaatsen, een film in Premiere en voeg deze in uw webpagina in. Alles is ontworpen om samen te werken, en alle interfaces hebben overeenkomsten, waardoor u met weinig moeite van de ene app naar de andere kunt gaan - zolang u natuurlijk de fijne kneepjes van elk begrijpt.
Studenten en docenten kunnen de hele suite krijgen voor slechts $ 19,99 (£ 16,24) per maand met een jaarabonnement, wat gewoon een waanzinnige waarde is (of een geweldige manier om je verslaafd te maken).
Beginnen
Zoals u zou verwachten, ondersteunt Dreamweaver alle webstandaarden, van de eenvoudige HTML tot CSS, Javascript en alle moderne functionaliteiten, inclusief Bootstrap. Het is gericht op het maken van responsieve websites die zich aanpassen aan het apparaat waarop de bezoeker het bekijkt (of het nu een computer, tablet of telefoon is), maar niets weerhoudt u er natuurlijk van om niet-responsieve websites te maken en uw site te instrueren om naar specifieke pagina's door te verwijzen. op het apparaat waarop het wordt bekeken.
Als Dreamweaver nieuw voor u is, biedt de app u een aantal sjablonen om aan de slag te gaan. Deze zijn erg handig om u als het ware een vliegende start te geven, en kunnen vaak nuttiger zijn dan naar een lege pagina te staren.
Er zijn echter niet zoveel sjablonen om uit te kiezen, en laat u niet misleiden door te denken dat Dreamweaver al het werk voor u zal doen: behandel de tijdelijke aanduidingen als inspiratie om die pagina's zelf aan te passen.
Een website bouwen
De interface is opgesplitst in verschillende secties die tot op zekere hoogte kunnen worden aangepast. De zijbalk aan de linkerkant geeft u toegang tot veelgebruikte opdrachten, zoals het openen van documenten, bestandsbeheer en Live View-opties.
Op de tabbladen aan de rechterkant beheert u de bestanden van uw site en CC-bibliotheken. Er is een lijst met items die u naar uw pagina kunt slepen en neerzetten, evenals een sectie om Cascading Style Sheets te ontwerpen.
En het grootste deel van de interface is gewijd aan uw code of een voorbeeld van de pagina die u aan het bouwen bent.
U kunt eenvoudig schakelen tussen het zien van een volledig voorbeeld van uw pagina (samen met opties om te simuleren hoe de pagina eruit zou zien op schermen met verschillende formaten), alleen naar de code staren of een combinatie van beide.
Om delen van uw pagina (zoals een afbeelding of tekst) te wijzigen, kunt u door het zwevende venster Eigenschappen te openen de gewenste wijzigingen aanbrengen. Er is zelfs een gemakkelijke manier om een doelpictogram naar een andere afbeelding op het tabblad Bestand te slepen om snel en gemakkelijk tussen afbeeldingen te wisselen.
Ondanks dergelijke functies, zult u vrij snel verdwalen als u geen kennis heeft van codering. Ja, u kunt items van het tabblad 'Invoegen' naar het voorbeeld van de pagina slepen en neerzetten, maar dit zal u slechts tot nu toe brengen, en u zult merken dat u snel en vaak in de code moet duiken om de wijzigingen aan te brengen jij hebt nodig.
Dreamweaver probeert het echter gemakkelijk te maken: markeer tekst in het voorbeeldgedeelte en dezelfde tekst wordt gemarkeerd in de code, waardoor u minder tijd kwijt bent aan het zoeken naar hetzelfde gedeelte. Het omgekeerde is ook waar: markeer een code, en het gedeelte waarop het betrekking heeft, markeert het voorbeeldgebied.
Dit is waarschijnlijk een reden waarom we denken dat de gesplitste weergave de beste optie is, omdat je hiermee items kunt slepen en neerzetten en vervolgens in de code kunt duiken om de benodigde wijzigingen binnen enkele seconden aan te brengen.
Een andere verbetering die we op prijs stelden, waren coderingstips: begin met schrijven, net als wanneer je op een telefoon typt en de interface je een woordkeuze biedt waarvan hij denkt dat je aan het typen bent, zodat je de juiste sneller kunt selecteren dan wanneer je hem volledig typt. code in Dreamweaver en u krijgt hints aangeboden terwijl u dit doet. Het helpt je niet alleen sneller te schrijven, het kan je ook helpen de code nauwkeurig in te typen en typefouten te voorkomen. We denken dat dit zowel voor pro's als voor beginners van groot nut kan zijn.
Laatste toevoegingen met CC2020
Aangezien Dreamweaver voortdurend wordt bijgewerkt en u de nieuwste versie op elk moment kunt downloaden terwijl uw abonnement nog geldig is, worden er geleidelijk nieuwe functies toegevoegd en verbeterd. Grappig genoeg zijn twee van onze favorieten - namelijk bewerken van liveweergave en codehints - enkele van de recente verbeteringen.
De andere grote is een nieuwe lettertypeconfiguratie voor de Japanse Dreamweaver, maar zonder enige kennis van deze taal, konden we dit helaas niet uitproberen.
Ondersteuning
‘Help’ stuurt u naar de online Dreamweaver-kennisbank van Adobe met handleidingen en een grondige gebruikershandleiding. Het forumgedeelte kan u helpen anderen te vinden die soortgelijke problemen hebben gehad waarmee u mogelijk worstelt, en u hopelijk laten zien hoe u ze kunt oplossen.
Als dit niet genoeg is, kunt u chatten met een Adobe-vertegenwoordiger. Toen we dit uittesten, kwam de persoon met wie we aan het chatten waren snel terug met de antwoorden die we nodig hadden.
Eindoordeel
Dreamweaver is een enorm en complex programma en deze recensie heeft nauwelijks zijn oppervlak bekrast, maar we hopen dat je kunt zien dat er hier veel is om van te houden. Er zijn veel functies die zijn ontworpen om u te helpen snel en efficiënt sites te maken, zolang u het niet erg vindt om in de code te duiken. Dreamweaver zal het niet allemaal voor u doen, maar zal zijn best doen om uw creatieproces te vergemakkelijken.
Als uw kennis van HTML echter beperkt of zelfs niet bestaat, raden we u aan met een andere app of service te beginnen, omdat dit te intimiderend kan aanvoelen. Omgekeerd, als u al een Adobe Creative Cloud-abonnement hebt, is er weinig reden om dit programma niet eens te proberen, vooral omdat de ondersteuningsfuncties grondig zijn en de helpdesk zeer goed geïnformeerd is.
- We hebben ook de beste webontwerpsoftware gemarkeerd
