Kokios yra ge­riau­sios nemokamos „Dre­am­we­aver“ al­ter­na­ty­vos? 5 sprendimų pa­ly­gi­ni­mas

„Adobe Dre­am­we­aver“ yra pro­fe­sio­na­li ži­nia­tink­lio kūrimo priemonė, lei­džian­ti kurti svetaines vizualiai arba kodų re­dak­to­riu­je. Ji palaiko HTML, CSS, Ja­vaSc­ript ir kitas ži­nia­tink­lio tech­no­lo­gi­jas bei siūlo tokias funkcijas kaip tie­sio­gi­nis per­žiū­rė­ji­mas ir sintaksės pa­ryš­ki­ni­mas. Ji ypač populiari tarp di­zai­ne­rių ir kūrėjų, norinčių derinti vizualų dizainą su tie­sio­gi­niu kodų valdymu.

Kas yra „Adobe Dre­am­we­aver“?

1997 m. „Mac­ro­me­dia“ išleido pirmąją „Dre­am­we­aver“ versiją, skirtą iš­skir­ti­nai „Apple“ ope­ra­ci­nei sistemai „Mac OS 8“. Tik po beveik trijų mėnesių – su versija 1.2 – buvo įdiegta „Microsoft Windows“ sistemų palaikymo funkcija. Praėjus dešimčiai metų, prog­ra­mi­nės įrangos kompanija „Adobe“ perėmė šią ži­nia­tink­lio kūrimo prog­ra­mi­nę įrangą ir įtraukė ją į savo „Creative Suite“ paketą (kuris vėliau buvo pakeistas „Creative Cloud“) kaip anksčiau įtraukto „GoLive“ re­dak­to­riaus pakaitalą. Kiek­vie­nas, norintis naudoti šią išsamią programą rea­guo­jan­čių interneto programų kūrimui ir dizainui, turi įsigyti atskirą pre­nu­me­ra­tą arba iš­si­nuo­mo­ti visą „Creative Cloud“ paketą, todėl šią prog­ra­mi­nę įrangą naudoja dau­giau­sia pro­fe­sio­na­lūs var­to­to­jai.

Kas išskiria „Adobe Dre­am­we­aver“?

Dre­am­we­aver iš karto patraukia dėmesį savo tipine Adobe sąsaja, kuri yra pažįstama Photoshop, InDesign ir Il­lust­ra­tor nau­do­to­jams. HTML re­dak­to­rius, laikomas pir­mau­jan­čiu WYSIWYG sprendimu, nuo Creative Cloud išleidimo labai pasikeitė, todėl kodavimas tapo daug leng­ves­nis.

Pa­vyz­džiui, galima per­žiū­rė­ti visus pa­kei­ti­mus realiuoju laiku, nereikia perkrauti puslapio ar redaguoti CSS kodo tie­sio­giai HTML faile, naudojant įterptinį re­dak­to­rių. Be to, in­te­gruo­tas kodavimo variklis padeda rašyti švarų kodą, au­to­ma­tiš­kai už­pil­dy­da­mas frag­men­tus su Emmet palaikymu, ge­ne­ruo­da­mas au­to­ma­ti­nius įtrau­ki­mus ir spalvomis iš­ryš­kin­da­mas ati­tin­kan­čius elementus. Be to, Dre­am­we­aver siūlo šias funkcijas:

• Kodo pa­tvir­ti­ni­mas
• CSS prep­ro­ce­so­rių (SASS, Less) pa­lai­ky­mas
• PHP pa­lai­ky­mas (versijos 5.6 ir 7.1)
• Keli kursoriai, lei­džian­tys vienu metu rašyti ir redaguoti skir­tin­gas kodo eilutes
• In­te­gruo­tas CSS framework Bootstrap, skirtas re­s­pon­sy­viam web dizainui
• Prieiga prie nemokamų vaizdų ir vek­to­ri­nės grafikos iš „Adobe Stock“
• Lengva prieiga prie savo grafikos, dizaino ir kitų išteklių per Creative Cloud

Kokios yra nemokamos „Dre­am­we­aver“ al­ter­na­ty­vos?

Patyrę „Dre­am­we­aver“ nau­do­to­jai, turintys prieigą prie „Creative Cloud“ produktų, „Adobe“ prog­ra­mi­nę įrangą laikys patikimu pa­si­rin­ki­mu. Vis dėlto, ribotu biudžetu dirbantys kūrėjai gali rinktis iš kelių nemokamų „Dre­am­we­aver“ al­ter­na­ty­vų. Toliau pa­tei­kia­me penkias galimybes, išsamiai ap­ra­šy­da­mi jų pag­rin­di­nes savybes, unikalius bruožus ir pa­ly­gin­da­mi jas su „Adobe“ prog­ra­mi­ne įranga pagal naudojimo pa­pras­tu­mą ir funk­cio­na­lu­mą.

„Visual Studio Code“

„Visual Studio Code“, dažnai trumpai vadinamas „VS Code“, yra „Microsoft“ atvirojo kodo re­dak­to­rius, kuris nuo jo išleidimo 2015 m. greitai tapo po­pu­lia­riau­sia kūrimo aplinka visame pasaulyje. Kaip nemokama ir kelioms plat­for­moms skirta „Dre­am­we­aver“ al­ter­na­ty­va, šis re­dak­to­rius iš­si­ski­ria dideliu lankstumu, modulinė struktūra ir aktyvia bend­ruo­me­ne. VS Code veikia „Windows“, „macOS“ ir „Linux“ ope­ra­ci­nė­se sistemose, o pag­rin­di­nė­je versijoje jau yra daug funkcijų, ati­tin­kan­čių šiuo­lai­ki­nių ži­nia­tink­lio kūrėjų poreikius. Tai in­te­gruo­ta „Git“ parama, sintaksės pa­ryš­ki­ni­mas, pažangus kodo už­bai­gi­mas (pagrįstas „In­tel­li­Sen­se“), in­te­gruo­tas ter­mi­na­las ir tie­sio­gi­nis per­žiū­rė­ji­mas naudojant ati­tin­ka­mus plėtinius.

Nepaisant to, kad „Visual Studio Code“ ori­en­tuo­tas į gryną kodavimą, o ne į vi­zu­a­li­nio dizaino elementus, kaip „Dre­am­we­aver“, jį galima išplėsti iki galingos WYSIWYG tipo aplinkos, įdiegus keletą pa­pil­di­nių. Tokie pa­pil­di­niai kaip „Live Server“ užtikrina darbo eigą, dėl kurios HTML, CSS ir Ja­vaSc­ript kūrimas tampa toks pat patogus kaip ir naudojant „Dre­am­we­aver“. Tie, kurie naudoja serverio pusės kalbas, pvz., PHP, arba tokius rėmus kaip React, Angular ar Vue, VS Code ras sklandžią kūrimo aplinką su tie­sio­giai in­te­gruo­tais arba vienu spus­te­lė­ji­mu lengvai pri­de­da­mais derinimo, linting ir kūrimo įrankiais.

Dėl daugybės galimų temų, klavišų kom­bi­na­ci­jų, fragmentų bi­b­lio­te­kų ir vartotojo sąsajos pri­tai­ky­mų, re­dak­to­rius yra labai lengvai pri­tai­ko­mas. Kūrėjai, kurie pradėjo dirbti su „Dre­am­we­aver“ grafinės sąsajos programa ir dabar nori pereiti prie kodavimo, „VS Code“ ras modernią, ateities poreikius ati­tin­kan­čią al­ter­na­ty­vą, kuri auga kartu su di­dė­jan­čiais rei­ka­la­vi­mais ir ne­rei­ka­lau­ja ko­mer­ci­nės li­cen­ci­jos.

KompoZer

Tinklo kūrimo prog­ra­mi­nė įranga „KompoZer“ kilo iš „Mozilla“ projekto „Nvu“ ir taip pat yra pagrįsta „Gecko“ varikliu. Iš pradžių „KompoZer“ buvo atlikti nedideli „Nvu“ prog­ra­mi­nės įrangos op­ti­mi­za­vi­mai, kol programa ga­liau­siai buvo išleista kaip ne­pri­klau­so­mas tinklo re­dak­to­rius pagal nemokamas li­cen­ci­jas GNU GPL (GNU General Public License), GNU LGPL (GNU Lesser General Public License) ir MPL (Mozilla Public License). „Mozilla“ aplinkos komanda nutraukė plėtrą 2010 m., tačiau prog­ra­mi­nė įranga vis dar gali būti naudojama daugumoje po­pu­lia­rių „Windows“ ir „macOS“ sistemų, taip pat „Ubuntu“. Kadangi „KompoZer“ yra 32 bitų programa, ji nebėra su­de­ri­na­ma su nau­jes­nė­mis „macOS“ ver­si­jo­mis. „KompoZer“ yra prieinama daugiau nei 20 skirtingų kalbų paketų, įskaitant anglų, vokiečių, prancūzų, italų ir ispanų.

Nors KompoZer nėra tarp Dre­am­we­aver al­ter­na­ty­vų, kurios galėtų prilygti Adobe programai funk­cio­na­lu­mo ir su­dė­tin­gu­mo atžvilgiu, atviro kodo programa vis dėlto siūlo savo var­to­to­jams keletą funkcijų, pa­de­dan­čių kurti pro­fe­sio­na­liai su­p­ro­jek­tuo­tas svetaines:

• Galingas WYSIWYG re­dak­to­rius, lei­džian­tis lengvai pereiti nuo kodo prie peržiūros
• In­te­gruo­tas CSS re­dak­to­rius, įskaitant esamų stilių lapų importo funkciją
• Pri­tai­ko­mos meniu juostos
• Rašybos tik­ri­ni­mas ir sintaksės pa­ryš­ki­ni­mas
• Skirtukai, lei­džian­tys vienu metu redaguoti kelis puslapius
• Formos vedlys
• In­te­gruo­tas žymių valiklis, kuris tikrina jūsų projektų atitiktį W3C stan­dar­tams
• FTP svetainių tvarkyklė, įskaitant „drag-and-drop” funkciją medijos failams, pvz., vaizdams

Be to, programa siūlo keletą naudingų plėtinių, pa­vyz­džiui, nuorodų tik­rin­tu­vą, kuris patikrina įterptų nuorodų galiojimą. Kaip po­ten­cia­li „Adobe Dre­am­we­aver“ al­ter­na­ty­va, „KompoZer“ vis dar nepalaiko PHP ir naujesnių ži­nia­tink­lio standartų, pa­vyz­džiui, CSS3 ir HTML5. Visas at­si­siun­ti­mo versijas skir­tin­goms plat­for­moms bei išsamią do­ku­men­ta­ci­ją galite rasti „KompoZer“ sve­tai­nė­je. Ten taip pat galite pranešti apie aptiktas klaidas arba pateikti pa­siū­ly­mus dėl naujų funkcijų.

Feniksas

Phoenix yra modernus, bend­ruo­me­nės kuriamas kodų re­dak­to­rius, kuris gali būti laikomas tie­sio­gi­niu dabar ne­be­var­to­ja­mo Dre­am­we­aver al­ter­na­ty­vos Brackets įpėdiniu. Po to, kai Adobe 2021 m. ofi­cia­liai nutraukė Brackets veiklą, Phoenix buvo sukurtas at­si­da­vu­sių kūrėjų, sie­kian­čių išsaugoti po­pu­lia­raus re­dak­to­riaus po­ten­cia­lą ir tuo pačiu jį są­mo­nin­gai tobulinti. Prog­ra­mi­nė įranga yra li­cen­ci­juo­ta pagal MIT licenciją ir aktyviai to­bu­li­na­ma. Ji yra prieinama kelioms plat­for­moms: Windows, macOS ir Linux, ir, kaip ir jos pirmtakė, naudoja modernias ži­nia­tink­lio tech­no­lo­gi­jas, pvz., HTML, CSS ar Ja­vaSc­ript. Phoenix turi modernią vartotojo sąsają, kuri aiškiai remiasi originalo pavyzdžiu, tačiau yra at­nau­jin­ta ar­chi­tek­tū­ra, op­ti­mi­zuo­tas našumas ir at­nau­jin­tos bi­b­lio­te­kos.

Re­dak­to­rius yra skirtas būtent front-end kūrėjams, tačiau jo atvira ar­chi­tek­tū­ra ir išplėtimo galimybės leidžia jį naudoti ir kitose srityse. Viena iš svar­biau­sių funkcijų yra in­te­gruo­tas tie­sio­gi­nis peržiūros režimas, kuris au­to­ma­tiš­kai rodo HTML ir CSS kodo pa­kei­ti­mus realiuoju laiku nar­šyk­lė­je (pvz., „Google Chrome“) be rankinio per­kro­vi­mo. Ši funkcija palaikoma dėl sklandaus in­te­g­ra­vi­mo su „Node.js“, lei­džian­čio greitai keistis duo­me­ni­mis tarp re­dak­to­riaus ir naršyklės.

Be to, „Phoenix“ gali pelnyti taškų dėl papildomų funkcijų:

• Inline re­dak­to­riai: CSS ir Ja­vaSc­ript taisykles galima redaguoti tie­sio­giai HTML dokumente, ne­pe­r­jun­giant failų.
• Šiuo­lai­ki­nis plėtinių valdymas: pa­pil­do­mas funkcijas ir temas galima lengvai įdiegti per in­te­gruo­tą įskiepių sąsają. Bend­ruo­me­nė aktyviai dirba prie naujų plėtinių, įskaitant sintaksės pa­ryš­ki­ni­mą, for­ma­ta­vi­mo įrankius arba linterius HTML, CSS ir Ja­vaSc­ript.
• Kelių platformų projektų valdymas: projektus galima tvarkyti per skirtukus, o in­te­gruo­tas failų tvarkyklė leidžia greitai naršyti ir redaguoti katalogus.

Dėl nuo­se­klaus vystymo, pa­žįs­ta­mos vartotojo patirties ir dėmesio mo­der­niems frontend darbo srautams, Phoenix šiuo metu yra viena iš pa­trauk­liau­sių atviro kodo Dre­am­we­aver al­ter­na­ty­vų Adobe Dre­am­we­aver. Tai vertinga galimybė, ypač kūrėjams, kurie vertina naudojimo pa­pras­tu­mą, tie­sio­gi­nį per­žiū­rė­ji­mą ir aktyvią bend­ruo­me­nę.

Aptana studija

Aptana Studio yra nemokama, in­te­gruo­ta prog­ra­ma­vi­mo aplinka, kurią sukūrė kompanija Axway. Nors oficiali parama šiai programai jau nutraukta, re­dak­to­rių vis dar galima at­si­siųs­ti iš ofi­cia­laus Aptana GitHub saugyklos. Platforma pagrįsta Java įrankiu Eclipse ir be Ja­vaSc­ript, HTML5 ir CSS3 palaiko įvairias prog­ra­ma­vi­mo kalbas, pvz., PHP, Python ir Ruby. Be to, Ajax bi­b­lio­te­kos, pvz., jQuery, Prototype arba script.aculo.us, gali būti tie­sio­giai in­te­gruo­tos į programą ir nau­do­ja­mos kūrimo procese.

Be plataus prog­ra­ma­vi­mo kalbų ir platformų palaikymo, in­ter­ne­ti­nis re­dak­to­rius iš­si­ski­ria šiomis pag­rin­di­nė­mis funk­ci­jo­mis:

• Kodų asi­sten­tas: Kodų asi­sten­tas pateikia galimų argumentų, savybių ar metodų pa­siū­ly­mus, taip pat rodo bet kokių HTML, CSS ir Ja­vaSc­ript elementų palaikymą jūsų ži­nia­tink­lio projekte po­pu­lia­rio­se ži­nia­tink­lio nar­šyk­lė­se.
• In­te­gruo­ti de­bu­ge­riai: Ja­vaSc­ript ir Ruby on Rails de­bu­ge­riai jau yra įdiegti, pa­de­dan­tys nustatyti ir ištaisyti klaidas jūsų in­ter­ne­ti­nė­je prog­ra­mo­je.
• Diegimo asi­sten­tas: „Aptana Studio“ siūlo diegimo asistento įrankį, kuris padeda įkelti, at­si­siųs­ti ir sin­ch­ro­ni­zuo­ti jūsų interneto projekto failus per FTP, SFTP ir FTPS.
• Versijų kontrolė: galite lengvai susieti savo interneto projektą su Git, kad už­tik­rin­tu­mė­te saugų bend­ra­dar­bia­vi­mą dirbant su šaltinio kodu, kaip tai galima padaryti internete su GitHub.
• In­te­gruo­tas ko­man­di­nės eilutės įrankis: su įmontuotu terminalu galite vykdyti sistemos komandas tie­sio­giai Aptana Studio.
• Lanksti kūrimo aplinka: galite kon­fi­gū­ruo­ti „Aptana Studio“ pagal savo pa­gei­da­vi­mus ir pa­to­bu­lin­ti pag­rin­di­nes funkcijas stan­dar­ti­nių komandų skriptais, pridėdami spar­čiuo­sius klavišus, kad pa­siek­tu­mė­te optimalų naudojimą.

Dėl glaudaus in­te­g­ra­vi­mo su „Eclipse“, ši nemokama „Dre­am­we­aver“ al­ter­na­ty­va taip pat siūlo pag­rin­di­nes funkcijas, pvz., vizualų sintaksės pa­ryš­ki­ni­mą, išmanųjį kodo užbaigimą arba atvirų žymių au­to­ma­ti­nį uždarymą. Be to, „Aptana Studio“ palaiko nau­jau­sius ži­nia­tink­lio stan­dar­tus, pvz., HTML5.

Pulsaras

Pulsar yra bend­ruo­me­nės sukurta re­dak­to­riaus Atom, kurį iš pradžių sukūrė GitHub, šaknis, kurios oficiali parama baigėsi 2022 m. gruodžio mėn. Pulsar siekia išlaikyti pa­žįs­ta­mus Atom elementus, mo­der­ni­zuo­ti pa­se­nu­sias pri­klau­so­my­bes ir teikti saugumo at­nau­ji­ni­mus bei naujas funkcijas. Projektas yra aktyviai pri­žiū­ri­mas ir, kaip ir jo pirmtakas, yra pri­ei­na­mas pagal MIT licenciją. Be to, apm, Atom Package Manager, toliau to­bu­li­na­mas pa­va­di­ni­mu ppm (Pulsar Packet Manager), kad būtų galima sklan­džiai valdyti paketus. Pulsar yra pri­ei­na­mas Windows, macOS ir Linux sistemoms ir palaiko daugybę prog­ra­ma­vi­mo kalbų, pvz., HTML, CSS, Ja­vaSc­ript, PHP, Python ir kt., lai­ky­da­ma­sis Atom ori­gi­na­lios fi­lo­so­fi­jos.

Di­džiau­sias „Pulsar“ pri­va­lu­mas yra nuoseklus modulinės ar­chi­tek­tū­ros tęs­ti­nu­mas: esami „Atom“ paketai dau­giau­sia toliau veikia, o bend­ruo­me­nė nuolat dirba prie svarbių plėtinių perkėlimo. Gerai žinomos funkcijos, be kitų, apima:

• Pažangus au­to­ma­ti­nis už­bai­gi­mas: re­dak­to­rius rašant siūlo tinkamus kodo frag­men­tus ir funkcijas, kurias galima lengvai įtraukti.
• Paketų valdymas su ppm: panašiai kaip apm, ppm leidžia įdiegti, pašalinti ir at­nau­jin­ti plėtinius tie­sio­giai re­dak­to­riu­je arba per terminalą.
• Git in­te­g­ra­ci­ja: Pulsar siūlo vizualią Git paramą šaltinio kodo pakeitimų sekimui ir valdymui.
• Temos ir vartotojo sąsajos pri­tai­ky­mas: re­dak­to­rių galima išsamiai pri­tai­ky­ti tiek vizualiai, tiek funk­cio­na­liai, kad jis atitiktų in­di­vi­dua­lius poreikius, ir jis palaiko įvairias spalvų schemas bei klavišų kom­bi­na­ci­jas.

Dėka aktyvaus buvusių „Atom“ naudotojų da­ly­va­vi­mo, projektas toliau stabiliai auga. Išsamią do­ku­men­ta­ci­ją taip pat galima rasti interneto sve­tai­nė­je.

Geriausių atviro kodo Dre­am­we­aver al­ter­na­ty­vų apžvalga

„Adobe Dre­am­we­aver“ siūlo prog­ra­ma­vi­mo pra­de­dan­tie­siems išsamų svetainių kūrimo paketą, kuriame yra daugybė įrankių ir tie­sio­gi­niai ryšiai su „Creative Cloud“, su­tei­kian­tys viską, ko reikia sėkmingam ir meniškai su­p­ro­jek­tuo­tam interneto puslapio kūrimui. Tačiau tai yra labai sudėtinga ir rei­ka­lau­ja nuo­la­ti­nių išlaidų. Be to, „Adobe“ prog­ra­mi­nė įranga nėra žinoma kaip išteklius tau­so­jan­tis spren­di­mas. Patyrę kūrėjai paprastai naudoja re­dak­to­rius, kurie siūlo daugiau lankstumo.

Šiame vadove pateiktos atvirojo kodo „Dre­am­we­aver“ al­ter­na­ty­vos yra tarpinis variantas tarp „Adobe“ programos modulinio metodo ir pag­rin­di­nio kodavimo naudojant stan­dar­ti­nį teksto re­dak­to­rių. Tai dau­giau­sia lemia laisvai pri­ei­na­mas šaltinio kodas, kuris atvirojo kodo ži­nia­tink­lio re­dak­to­riams suteikia didelį lankstumą. Programą „Pulsar“ galite naudoti kaip mi­ni­ma­lis­ti­nį re­dak­to­rių su sintaksės pa­ryš­ki­ni­mu ir kodo užbaigimu arba kaip išsamią kūrimo aplinką, kuri tik keliais aspektais nu­si­lei­džia ko­mer­ci­nei „Dre­am­we­aver“ programai.

Kita vertus, nemokamų sprendimų atveju negalima tikėtis tokio paties stabilumo lygio, kokį žada „Adobe“ produktai. Pro­fe­sio­na­li prog­ra­mi­nė įranga, pvz., „Dre­am­we­aver“, yra nuolat to­bu­li­na­ma, už­tik­ri­nant nau­jau­sius ži­nia­tink­lio stan­dar­tus ir dažnai siūlant – kaip ir „Dre­am­we­aver“ atveju – išbaigtą paketą, tobulintą per de­šimt­me­čius. Jei su­si­du­ria­te su prog­ra­mi­nės įrangos prob­le­mo­mis arba rei­ka­lin­ga pagalba vykdant projektą, galite kreiptis į kom­pe­ten­tin­gą pagalbos tarnybą. Naudodami nemokamus spren­di­mus, turite pa­si­kliau­ti bend­ruo­me­nės pagalba – tiek techninių problemų su programa, tiek bendrojo vystymo atveju.