Den beste visuelle Editors

Hvis stirrer ned linjer med kode høres skremmende for deg, kan du bruke en visuell HTML og CSS editor for din neste web-design prosjekt. Visuelle redaktører gir et intuitivt grensesnitt der du kan designe, kode og redigere en nettside. Denne typen programvare lar deg redigere koden din mens du ser resultatet umiddelbart, og viser hvordan disse tekstlinjer vil bli tolket av en nettleser.

SeaMonkey

Utviklet av et fellesskap av programmerere og ingeniører bruker Mozilla-plattformen, er Mac-baserte SeaMonkey en visuell editor som kobler webdesign med nettsurfing. Dette bridging av web opprettelse og web forbruk gir designere en intuitiv prosess for å lage og teste nettsteder. SeaMonkey fungerer som en nettleser, som ligner på Mozillas Firefox, men inneholder en HTML-editor og Javascript Debugger for å lage og redigere nettsider. Den lar deg manipulere tabeller, stiler og lag både visuelt og i koden din. Siden SeaMonkey er gratis å laste ned, er det et økonomisk alternativ for en visuell editor.

KompoZer

KompoZer er en annen Mac-only programmet tilgjengelig for gratis nedlasting. Den visuelle editor har en enkel HTML-editor, samt en det du ser er hva du får (WYSIWYG) editor som gjør det mulig for kode gratis web design. Den fanebasert grensesnitt lar deg bytte raskt mellom prosjekter og utsikt redaktør, noe som gir deg kontroll over hvordan og hva du design. Mens KompoZer ikke har Javascript og CSS funksjoner som høykvalitets bilde redaktører har, er det en gratis og enkel måte å lage HTML-baserte nettsteder.

Coda

Panic sin Coda er priset til $ 99, noe som gjør det til et dyrere alternativ enn SeaMonkey eller KompoZer, men Coda tilbyr massevis av funksjoner til den prisen. Dens kode visning er forbedret med automatiske forslag til felles HTML og CSS-kode, og det tilbyr "Snippets", hvor hyppig brukt koden kan settes inn med ett klikk. Coda tilbyr også automatisk tabbing for lett å lese koden. Kategorien Preview kan du vise nettstedet ditt på en rekke populære nettlesere, og den visuelle CSS editor gjør det lett å matche din CSS-stiler til HTML-elementer. Coda fungerer godt for web-designere som liker å avtale direkte med kode (dvs. uten en WYSIWYG-editor), men fortsatt ønsker å arbeide med et visuelt grensesnitt.

Dreamweaver

For Windows og Mac-brukere alike, er Dreamweaver en kraftig visuell editor. Sin $ 399 prislappen er utvidet med kraftige funksjoner og grundig integrering med andre Adobe Creative Suite-programvaren. Med sin funksjonsrik HTML og WYSIWYG redaktører, gir Dreamweaver enkel CSS redigering, intuitiv Flash integrasjon, ikke-påtrengende kode hinting og content management system støtte. Kode validering og diagnostikk er bygget inn i programvaren, noe som gjør det til et attraktivt valg for utviklere og designere likt. Dreamweaver er ideelt for de som trenger omfattende funksjoner eller arbeid hovedsakelig med Adobe Creative Suite programvare som Photoshop, Illustrator og Flash.