Daxdi now accepts payments with Bitcoin

Granskning av Adobe Dreamweaver CC | Daxdi

Du kan bygga webbplatser med något av dussintals verktyg - några som körs online, andra som körs på din lokala dator, andra som körs delvis online, delvis på din maskin - men Adobe Dreamweaver 2020 står ensam som den enda webbplatsbyggnadsappen som bara är lika lämplig för enskilda designers som det för företagsprojekt.

Det är lika användbart när du bygger en webbplats genom att skriva verklig kod som när du arbetar i WYSIWYG grafisk layout som döljer all kod tills du behöver den.

Appen får jobbet gjort för enskilda användare eller team där olika teammedlemmar har olika nivåer av frihet att lägga till eller ändra innehåll, och det fungerar naturligtvis smidigt med Adobes arsenal av grafikappar och webbtjänster.

Liksom alla andra Adobe-appar kommer den i praktiskt taget identiska Mac- och Windows-versioner, och den är tillgänglig antingen via en Dreamweaver-betalad prenumeration ($ 20,99 per månad med ett års åtagande, $ 31,49 månad för månad eller $ 239,88 för ett års förbetalt ) eller som en del av hela Creative Cloud-sviten ($ 52,99 per månad), som ger dig Photoshop, Illustrator och all annan kreativ programvara och appar.

Både den enskilda appen och hela svitprenumerationen levereras med 100 GB molnlagring.

Responsiv webbdesign

Dreamweaver utmärker sig på att skapa webbplatser med flera plattformar (responsiva) som fungerar lika bra på en telefon, surfplatta eller dator.

Alla privata eller företags webbdesigners som vill ersätta en gammal webbplats med stationär eller bärbar dator med en modern webbplats med flera plattformar kommer att hitta Dreamweaver som det självklara första valet.

Jag kommer att beskriva några alternativ senare i den här historien, men ingen av dem kommer nära Dreamweaver när det gäller kraft och lätthet.

Efter mer än 20 års utveckling har Dreamweaver fortfarande några besvärliga fläckar där det inte kan avgöra om det är ett verktyg för avancerade kodare eller för visuellt orienterade designers, men det är lätt för seriösa användare att arbeta runt - och Adobes prissättning för prenumerationer innebär Det är troligt att bara seriösa användare har det.

Dreamweaver är inte billigt, men för webbdesign på professionell nivå betalar det priset i kraft och bekvämlighet.

Adobes prenumerationsmodell innebär att du får periodiska funktionsuppdateringar utan extra kostnad.

Adobe vill att du ska arbeta med Adobes verktyg, så det är enkelt att använda Photoshop och Illustrator för att redigera bilder eller Premiere Pro och Audition för video- och ljudfiler.

Du kan också använda Photoshop för att skapa en mock-up av hur du vill att din webbplats ska se ut och sedan använda Dreamweavers Extract-meny för att dra element från Photoshop-filen till dina webbsidor.

Men Dreamweaver fungerar också med nästan alla verktyg för att bygga webbplatser från tredje part som du kanske vill använda.

Du kan till exempel använda Dreamweaver för att designa och redigera webbplatser som hanteras av WordPress, Joomla !, eller Drupal, eller så kan du skapa ett Git-arkiv och använda det för att hålla reda på ändringar på din webbplats.

Dreamweaver använder Bootstrap-ramverket för responsiva webbplatser och använder som standard den senaste Bootstrap-versionen, 4.3.1, även om den tidigare 3.4.1-versionen fortfarande är inbyggd om du vill fortsätta använda den.

Dreamweaver guidar dig genom att uppgradera webbplatser baserat på den tidigare versionen och försöker lösa inkompatibilitetshicka genom att skapa nya CSS- och JavaScript-filer som använder den senaste standarden.

Bootstraps responsiva webbplatser är mobila först, vilket innebär att Bootstrap-ramverket mestadels är optimerat för telefoner eller surfplattor, men Adobes inbyggda Bootstrap-mallar är väl konstruerade för att se lika bra ut på skrivbord och telefoner.

Dreamweaver-upplevelsen

Första gången användare står inför en brant inlärningskurva, men om du är bekant med Photoshop eller Illustrator borde du kunna klättra den ganska snabbt.

Om du som jag blir förvirrad att söka efter en obskär funktion, kan menyn Hjälp leda dig till exakt det menyalternativ du behöver, även när det är djupt inne i menystrukturen.

Dreamweaver använder Adobe-standardgränssnittet, ett huvudredigeringsfönster omgivet av ett verktygsfält till vänster och informationspaneler med flera flikar till höger.

Om du inte är en expertkodare som inte behöver alla verktyg och paneler på skärmen, tänk inte ens på att använda Dreamweaver på en liten bärbar dator.

Denna app behöver alla skärmfastigheter du kan ge den.

När du redigerar en typisk, relativt enkel webbplats har du minst fyra dokumentflikar öppna, en för den aktuella sidan, den andra för JavaScript och CSS-filer och en informationspanel med minst sju flikar, som visar filer, Creative Cloud-bibliotek, HTML taggar som du kan dra till en fil, en komplex uppsättning CSS-kontroller, ett DOM-träd (Document Object Model), en lista över tillgångar (sorterade i URL: er, bilder, media och mer) och en lång lista med förbyggda och anpassade -byggda utdrag.

Lägg till detta ett anpassningsbart verktygsfält till vänster och en tätbefolkad meny överst, och du har ett av de mest komplexa gränssnitt som någonsin inbyggts i appen, som bara rivaliseras av annan utvecklingsprogramvara som Microsoft Visual Studio.

Lyckligtvis, om du är expert på kodning eller om du vill ha en så rymlig WYSIWYG-vy som möjligt, kan du dölja allt utom Dreamweavers huvudredigeringsfönster.

Och det fönstret är ett kameleontliknande underverk av flexibilitet.

Fönstrets visningsalternativ inkluderar en helkodsvy med den typiska kodningsfönstrets indrag och färgkodning för att göra strukturen i ditt projekt synlig.

Du kan välja mellan två typer av WYSIWYG-vyer.

Den ena är en Live-vy som approximerar vad du skulle se i en webbläsare, förutom med sidelement som beskrivs för tydlighet och med knappar som låter dig ändra taggarna för enskilda element helt enkelt genom att klicka på elementet.

Den andra är en designvy som visar alla designelement på en sida, inklusive de som kan vara osynliga i en webbläsare tills en användare klickar på dem.

Slutligen kan du dela fönstret för att visa kod i ena rutan och antingen Live- eller Design-vy i den andra — eller med kod i båda rutorna så att du kan visa och redigera två olika delar av koden samtidigt.

Avancerade alternativ låter dig synkronisera de ändringar du gör på skrivbordet med koden på din fjärrwebbserver.

Nya egenskaper

Den just släppta Dreamweaver 2020 ser ut och fungerar nästan exakt som förra årets Dreamweaver 2019.

Adobe nämner bara tre nya funktioner: förenklad klicka för att redigera i Live view, så att du kan redigera text, inte bara taggar, i Live view helt enkelt genom att klicka på ett textelement; nya standardinställningar för japanska teckensnitt; och förbättrade kod-antydande popup-fönster.

Det finns ingen ny inlärningskurva, och gränssnittet och andra funktioner har inte förändrats.

En mindre potentiell gotcha i den förbättrade redigeringsfunktionen för Live View är att vissa tangenttryckningar inte fungerar som du förväntar dig.

Du kan till exempel dela ett stycke genom att trycka på Enter i en del text i Live-vyn, men Backspace kombinerar inte delade stycken igen - du måste växla till kodvy och ta bort taggen för det nya stycket.

Webbredaktörer har alltid haft en funktion som förhandsgranskar deras webbsida i en stationär webbläsare.

Dreamweaver går bättre genom att lägga till liveförhandsgranskningar på mobila enheter - en viktig funktion när du utformar en responsiv sida som måste fungera på flera plattformar.

Du klickar på en förhandsgranskningsikon längst ned till höger i redigeringsfönstret, använder din telefon eller surfplatta för att skanna en QR-kod som visas i förhandsgranskningsikonens popup-meny, ange ditt Adobe-lösenord på din enhet.

Efter detta kan du förhandsgranska din kod i standardwebbläsaren på din enhet, med de ändringar du gör på skrivbordet visas omedelbart.

Du behöver inte installera några nya appar på din telefon eller surfplatta.

Ska du köpa ett abonnemang på Dreamweaver? Om du redan använder Photoshop eller Illustrator eller om du bygger en företags- eller designtung webbplats är Dreamweaver ett självklart val.

Om du inte vill koda kan du göra vad hälften av onlinevärlden verkar göra och använda WordPress för att bygga din webbplats genom att välja ett visuellt tema och använda eller ändra det från enkla menyer.

Du kommer att behöva vissa teknisk kunskap, men du kan klara dig med nästan ingen.

Om du inte alls vill tänka på kodning, använd sedan en värdtjänst som erbjuder Wix eller Weebly eller någon annan helt visuell platsbyggnadsmiljö som inte kräver någon kodning.

Varna dock att du offrar viss anpassningsbarhet och kontroll.

Weebly låter dig ändra teman när som helst, men ger dig begränsade alternativ för textformatering.

Båda erbjuder betalda e-handelsalternativ.

Du kan också prova en gratis version av det företagsorienterade CKEditor-systemet, som erbjuder avancerade funktioner som samarbetsredigering, WYSIWYG-redigering och full kontroll över webbplatsens kod.

För mindre webbplatser designade främst för bärbara och stationära webbläsare kan du använda någon av dussintals traditionella webbredigerare som RapidWeaver eller Coda på Mac - men du får inte sann WYSIWYG-redigering som du gör i Dreamweaver eller webbläsarbaserade system som WordPress eller Wix.

Många traditionella webbsidoredigerare erbjuder förhandsgranskningslägen, och vissa (som Adobes fantastiska och gratis Brackets-redigerare) erbjuder förhandsgranskning i realtid i din webbläsare, men det är inte detsamma som att redigera helt i WYSIWYG-läge som i Dreamweavers Live-redigeringsläge.

Min favorit snabba och rena WYSIWYG webbredigerare för enkla webbplatser är Microsofts exklusiva Windows Expression Web, tidigare en dyra app, men nu en gratis nedladdning, eftersom Microsoft slutade uppdatera det efter Visual Studio tillhandahöll mer avancerad webbplatsbyggnad verktyg.

Expression Web har inte uppdaterats sedan 2011, men dess funktionsuppsättning gör fortfarande jobbet för grundläggande webbplatser, och du kan inte argumentera med priset.

Dreamweaver kan ibland verka lite cranky.

Om du till exempel klickar på fel plats kan skärmlayouten plötsligt förändras på sätt som det kan vara svårt att återhämta sig från utan att återställa skärmlayouten till standard.

Ångra-funktionen fungerar perfekt när du arbetar i kodfönstret, men fungerar inte i alla sammanhang - till exempel när du drar tillgångar till ett fönster med funktionen som extraherar sidelement från en Photoshop-fil.

Fortfarande utmärkt

Trots några mindre bråk är Adobe Dreamweaver 2020 mestadels byggt som ett slagskepp, och det har den bästa kombinationen av flexibilitet, kraft och lätthet hos alla instrument som någonsin uppfunnits för att bygga webbplatser.

Dreamweaver har ingen verklig konkurrens, och ingen seriös webbdesigner borde vara utan den.

Dreamweaver är Daxdi Editors 'Choice för webbplatsutvecklingsprogram.

Fördelar

  • Flexibel och kraftfull.

  • Fullt stöd för tredjepartsplattformar.

  • Inbyggt responsivt designstöd.

  • Tät integration med andra Adobe-appar.

  • Full IDE-stil kodredigerare med live WYSIWYG-redigering.

  • Förhandsgranskning i realtid.

Du kan bygga webbplatser med något av dussintals verktyg - några som körs online, andra som körs på din lokala dator, andra som körs delvis online, delvis på din maskin - men Adobe Dreamweaver 2020 står ensam som den enda webbplatsbyggnadsappen som bara är lika lämplig för enskilda designers som det för företagsprojekt.

Det är lika användbart när du bygger en webbplats genom att skriva verklig kod som när du arbetar i WYSIWYG grafisk layout som döljer all kod tills du behöver den.

Appen får jobbet gjort för enskilda användare eller team där olika teammedlemmar har olika nivåer av frihet att lägga till eller ändra innehåll, och det fungerar naturligtvis smidigt med Adobes arsenal av grafikappar och webbtjänster.

Liksom alla andra Adobe-appar kommer den i praktiskt taget identiska Mac- och Windows-versioner, och den är tillgänglig antingen via en Dreamweaver-betalad prenumeration ($ 20,99 per månad med ett års åtagande, $ 31,49 månad för månad eller $ 239,88 för ett års förbetalt ) eller som en del av hela Creative Cloud-sviten ($ 52,99 per månad), som ger dig Photoshop, Illustrator och all annan kreativ programvara och appar.

Både den enskilda appen och hela svitprenumerationen levereras med 100 GB molnlagring.

Responsiv webbdesign

Dreamweaver utmärker sig på att skapa webbplatser med flera plattformar (responsiva) som fungerar lika bra på en telefon, surfplatta eller dator.

Alla privata eller företags webbdesigners som vill ersätta en gammal webbplats med stationär eller bärbar dator med en modern webbplats med flera plattformar kommer att hitta Dreamweaver som det självklara första valet.

Jag kommer att beskriva några alternativ senare i den här historien, men ingen av dem kommer nära Dreamweaver när det gäller kraft och lätthet.

Efter mer än 20 års utveckling har Dreamweaver fortfarande några besvärliga fläckar där det inte kan avgöra om det är ett verktyg för avancerade kodare eller för visuellt orienterade designers, men det är lätt för seriösa användare att arbeta runt - och Adobes prissättning för prenumerationer innebär Det är troligt att bara seriösa användare har det.

Dreamweaver är inte billigt, men för webbdesign på professionell nivå betalar det priset i kraft och bekvämlighet.

Adobes prenumerationsmodell innebär att du får periodiska funktionsuppdateringar utan extra kostnad.

Adobe vill att du ska arbeta med Adobes verktyg, så det är enkelt att använda Photoshop och Illustrator för att redigera bilder eller Premiere Pro och Audition för video- och ljudfiler.

Du kan också använda Photoshop för att skapa en mock-up av hur du vill att din webbplats ska se ut och sedan använda Dreamweavers Extract-meny för att dra element från Photoshop-filen till dina webbsidor.

Men Dreamweaver fungerar också med nästan alla verktyg för att bygga webbplatser från tredje part som du kanske vill använda.

Du kan till exempel använda Dreamweaver för att designa och redigera webbplatser som hanteras av WordPress, Joomla !, eller Drupal, eller så kan du skapa ett Git-arkiv och använda det för att hålla reda på ändringar på din webbplats.

Dreamweaver använder Bootstrap-ramverket för responsiva webbplatser och använder som standard den senaste Bootstrap-versionen, 4.3.1, även om den tidigare 3.4.1-versionen fortfarande är inbyggd om du vill fortsätta använda den.

Dreamweaver guidar dig genom att uppgradera webbplatser baserat på den tidigare versionen och försöker lösa inkompatibilitetshicka genom att skapa nya CSS- och JavaScript-filer som använder den senaste standarden.

Bootstraps responsiva webbplatser är mobila först, vilket innebär att Bootstrap-ramverket mestadels är optimerat för telefoner eller surfplattor, men Adobes inbyggda Bootstrap-mallar är väl konstruerade för att se lika bra ut på skrivbord och telefoner.

Dreamweaver-upplevelsen

Första gången användare står inför en brant inlärningskurva, men om du är bekant med Photoshop eller Illustrator borde du kunna klättra den ganska snabbt.

Om du som jag blir förvirrad att söka efter en obskär funktion, kan menyn Hjälp leda dig till exakt det menyalternativ du behöver, även när det är djupt inne i menystrukturen.

Dreamweaver använder Adobe-standardgränssnittet, ett huvudredigeringsfönster omgivet av ett verktygsfält till vänster och informationspaneler med flera flikar till höger.

Om du inte är en expertkodare som inte behöver alla verktyg och paneler på skärmen, tänk inte ens på att använda Dreamweaver på en liten bärbar dator.

Denna app behöver alla skärmfastigheter du kan ge den.

När du redigerar en typisk, relativt enkel webbplats har du minst fyra dokumentflikar öppna, en för den aktuella sidan, den andra för JavaScript och CSS-filer och en informationspanel med minst sju flikar, som visar filer, Creative Cloud-bibliotek, HTML taggar som du kan dra till en fil, en komplex uppsättning CSS-kontroller, ett DOM-träd (Document Object Model), en lista över tillgångar (sorterade i URL: er, bilder, media och mer) och en lång lista med förbyggda och anpassade -byggda utdrag.

Lägg till detta ett anpassningsbart verktygsfält till vänster och en tätbefolkad meny överst, och du har ett av de mest komplexa gränssnitt som någonsin inbyggts i appen, som bara rivaliseras av annan utvecklingsprogramvara som Microsoft Visual Studio.

Lyckligtvis, om du är expert på kodning eller om du vill ha en så rymlig WYSIWYG-vy som möjligt, kan du dölja allt utom Dreamweavers huvudredigeringsfönster.

Och det fönstret är ett kameleontliknande underverk av flexibilitet.

Fönstrets visningsalternativ inkluderar en helkodsvy med den typiska kodningsfönstrets indrag och färgkodning för att göra strukturen i ditt projekt synlig.

Du kan välja mellan två typer av WYSIWYG-vyer.

Den ena är en Live-vy som approximerar vad du skulle se i en webbläsare, förutom med sidelement som beskrivs för tydlighet och med knappar som låter dig ändra taggarna för enskilda element helt enkelt genom att klicka på elementet.

Den andra är en designvy som visar alla designelement på en sida, inklusive de som kan vara osynliga i en webbläsare tills en användare klickar på dem.

Slutligen kan du dela fönstret för att visa kod i ena rutan och antingen Live- eller Design-vy i den andra — eller med kod i båda rutorna så att du kan visa och redigera två olika delar av koden samtidigt.

Avancerade alternativ låter dig synkronisera de ändringar du gör på skrivbordet med koden på din fjärrwebbserver.

Nya egenskaper

Den just släppta Dreamweaver 2020 ser ut och fungerar nästan exakt som förra årets Dreamweaver 2019.

Adobe nämner bara tre nya funktioner: förenklad klicka för att redigera i Live view, så att du kan redigera text, inte bara taggar, i Live view helt enkelt genom att klicka på ett textelement; nya standardinställningar för japanska teckensnitt; och förbättrade kod-antydande popup-fönster.

Det finns ingen ny inlärningskurva, och gränssnittet och andra funktioner har inte förändrats.

En mindre potentiell gotcha i den förbättrade redigeringsfunktionen för Live View är att vissa tangenttryckningar inte fungerar som du förväntar dig.

Du kan till exempel dela ett stycke genom att trycka på Enter i en del text i Live-vyn, men Backspace kombinerar inte delade stycken igen - du måste växla till kodvy och ta bort taggen för det nya stycket.

Webbredaktörer har alltid haft en funktion som förhandsgranskar deras webbsida i en stationär webbläsare.

Dreamweaver går bättre genom att lägga till liveförhandsgranskningar på mobila enheter - en viktig funktion när du utformar en responsiv sida som måste fungera på flera plattformar.

Du klickar på en förhandsgranskningsikon längst ned till höger i redigeringsfönstret, använder din telefon eller surfplatta för att skanna en QR-kod som visas i förhandsgranskningsikonens popup-meny, ange ditt Adobe-lösenord på din enhet.

Efter detta kan du förhandsgranska din kod i standardwebbläsaren på din enhet, med de ändringar du gör på skrivbordet visas omedelbart.

Du behöver inte installera några nya appar på din telefon eller surfplatta.

Ska du köpa ett abonnemang på Dreamweaver? Om du redan använder Photoshop eller Illustrator eller om du bygger en företags- eller designtung webbplats är Dreamweaver ett självklart val.

Om du inte vill koda kan du göra vad hälften av onlinevärlden verkar göra och använda WordPress för att bygga din webbplats genom att välja ett visuellt tema och använda eller ändra det från enkla menyer.

Du kommer att behöva vissa teknisk kunskap, men du kan klara dig med nästan ingen.

Om du inte alls vill tänka på kodning, använd sedan en värdtjänst som erbjuder Wix eller Weebly eller någon annan helt visuell platsbyggnadsmiljö som inte kräver någon kodning.

Varna dock att du offrar viss anpassningsbarhet och kontroll.

Weebly låter dig ändra teman när som helst, men ger dig begränsade alternativ för textformatering.

Båda erbjuder betalda e-handelsalternativ.

Du kan också prova en gratis version av det företagsorienterade CKEditor-systemet, som erbjuder avancerade funktioner som samarbetsredigering, WYSIWYG-redigering och full kontroll över webbplatsens kod.

För mindre webbplatser designade främst för bärbara och stationära webbläsare kan du använda någon av dussintals traditionella webbredigerare som RapidWeaver eller Coda på Mac - men du får inte sann WYSIWYG-redigering som du gör i Dreamweaver eller webbläsarbaserade system som WordPress eller Wix.

Många traditionella webbsidoredigerare erbjuder förhandsgranskningslägen, och vissa (som Adobes fantastiska och gratis Brackets-redigerare) erbjuder förhandsgranskning i realtid i din webbläsare, men det är inte detsamma som att redigera helt i WYSIWYG-läge som i Dreamweavers Live-redigeringsläge.

Min favorit snabba och rena WYSIWYG webbredigerare för enkla webbplatser är Microsofts exklusiva Windows Expression Web, tidigare en dyra app, men nu en gratis nedladdning, eftersom Microsoft slutade uppdatera det efter Visual Studio tillhandahöll mer avancerad webbplatsbyggnad verktyg.

Expression Web har inte uppdaterats sedan 2011, men dess funktionsuppsättning gör fortfarande jobbet för grundläggande webbplatser, och du kan inte argumentera med priset.

Dreamweaver kan ibland verka lite cranky.

Om du till exempel klickar på fel plats kan skärmlayouten plötsligt förändras på sätt som det kan vara svårt att återhämta sig från utan att återställa skärmlayouten till standard.

Ångra-funktionen fungerar perfekt när du arbetar i kodfönstret, men fungerar inte i alla sammanhang - till exempel när du drar tillgångar till ett fönster med funktionen som extraherar sidelement från en Photoshop-fil.

Fortfarande utmärkt

Trots några mindre bråk är Adobe Dreamweaver 2020 mestadels byggt som ett slagskepp, och det har den bästa kombinationen av flexibilitet, kraft och lätthet hos alla instrument som någonsin uppfunnits för att bygga webbplatser.

Dreamweaver har ingen verklig konkurrens, och ingen seriös webbdesigner borde vara utan den.

Dreamweaver är Daxdi Editors 'Choice för webbplatsutvecklingsprogram.

Fördelar

  • Flexibel och kraftfull.

  • Fullt stöd för tredjepartsplattformar.

  • Inbyggt responsivt designstöd.

  • Tät integration med andra Adobe-appar.

  • Full IDE-stil kodredigerare med live WYSIWYG-redigering.

  • Förhandsgranskning i realtid.

PakaPuka

pakapuka.com Cookies

På pakapuka.com använder vi cookies (tekniska och profilkakor, både våra egna och tredje part) för att ge dig en bättre online-upplevelse och för att skicka dig personliga kommersiella meddelanden online enligt dina önskemål. Om du väljer fortsätt eller kommer åt något innehåll på vår webbplats utan att anpassa dina val godkänner du användningen av cookies.

För mer information om vår policy för cookies och hur du avvisar cookies

tillgång här.

Inställningar

Fortsätta