Det er sannheten som noen ganger vi må, og ønsker å produsere nettsider på et budsjett. Det er også sant at noen ganger kan vi bare sette opp og lage noen steder for moro, så vi ønsker ikke å bruke massevis av penger på dem.

Vel heldigvis, det er der nettet kommer inn. Det er så mange gode teknologiske fremskritt som tillater oss å lage og sette opp nettsteder, ikke bare på et budsjett, men gratis. Fra webdesign til utvikling er det helt gratis tjenester som gjør at vi kan lage PROFESSIONAL nettsteder, ikke bare malbaserte nettsteder som minner om slutten av 90-tallet.

I dag har vi plukket 8 av de beste nettstedene for å hjelpe deg med å lage nettstedet ditt - det stemmer - alt er nettbasert og gratis.

Designet

For mange av oss som er designere, kan vi starte med utformingen av nettstedet. Det hjelper oss å visualisere hva vi vil hvor og gir oss en ide om hvordan alt skal settes opp og jobbe. Nå mange ganger vil designere bruke programmer som Adobe Photoshop eller Adobe Fireworks for å lage en layout. Nedenfor er tre fotoredigeringsapper som jeg synes er verdt å prøve.

Phoenix av Aviary

Hva utviklerne sier:

"Fra grunnleggende bilde retusjering til komplekse effekter, gir Phoenix de viktigste funksjonene til en desktop image editor med enkelheten og tilgjengeligheten til en web-basert applikasjon."

Hva alle sier:

Måten Phoenix presenteres for oss, er som et verktøy som er flott for bildemanipulasjoner og justeringer og lignende. Den gode tingen om Phoenix er den har mange av funksjonene som er kjent i Photoshop, men er mye enklere. Alt som er nødvendig er der og er litt mer intuitivt enn mer komplisert programvare som Photoshop eller Gimp.

Et ekstra pluss: Phoenix er laget av Aviary, som har en mengde andre web-baserte applikasjoner, for eksempel en vektor design applikasjon og videoeffekter søknad. Du kan lagre filene dine på Aviary (så lenge du er registrert bruker), og du kan enkelt åpne prosjekter mellom applikasjoner. Dette er flott for enhver designer eller illustratør som ønsker å ta sin vektorskaping og lage et nettstedslayout ut av det. Du kan også importere og arbeide med PSD-filer.

Ulempene ved denne applikasjonen er at det ikke er massevis av filtre. Dette spiller ingen rolle om du bare gjør grunnleggende endringer i bilder (beskjære, transformere osv.), Men hvis du er her for å lage et mer komplisert layout eller design, kan du prøve et annet program. Aviary lagrer også arbeidet ditt som standard under en Creative Commons-lisens, så med mindre du gjør endringer der, skal du dele arbeidet ditt hele tiden. Det kan også publisere arbeidet ditt for alle å se gjennom Aviary-nettverket, hvis du velger å.

Redaktør av Pixlr.com

Hva utviklerne sier:

" Pixlr Editor er et gratis online foto editor med en prefessional touch. Løs, juster og filtrer bildene dine ... "

Hva alle sier:

Pixlr Editor presenterer ganske mye seg selv som den elektroniske Photoshop. Denne applikasjonen er ikke så lett å forstå som den forrige, Phoenix. Det er så mange funksjoner og filtre i denne redigeringen som er unike for dette programmet, mest for redigering og retusjering av bilder. Det ville være svært vanskelig å bruke denne applikasjonen fra begynnelsen, med mindre du har litt kunnskap om fotoredusjering, samt litt Photoshop-kunnskap.

Den raffinement av denne applikasjonen tillater mer image tung layout og komplekse design. Det er mange filtre og justeringer som hjelper til med å tilpasse utseende på bilder og design. Det er ikke mange uavgjort her, annet enn det er mye mer komplisert enn de fleste online-applikasjoner, men på grunn av det er det mye mer tilpasning som kan gjøres. Dessverre kan du ikke åpne og redigere PSD-filer. Men du trenger ikke å ha en konto for å lagre filene du lager med Pixlr Editor-du kan lagre dem rett på harddisken din.

Splashup

Hva utviklerne sier:

" Splashup, tidligere Fauxto, er et kraftig redigeringsverktøy og bildebehandling. Med funksjonene profesjonelle bruker og nybegynnere vil, er det enkelt å bruke, fungerer i sanntid, og lar deg redigere mange bilder samtidig. Splashup kjører i alle nettlesere, integreres sømløst med de beste bildedelsene, og har til og med eget filformat slik at du kan lagre arbeidet ditt pågår.

Hva alle sier:

Denne applikasjonen er en fin blanding mellom enkelheten til Phoenix og sofistikert Pixlr Editor. Det ser ut til å være et program som er nært, men ikke helt, en Photoshop-copycat. Jeg vil faktisk si at det ikke er så intuitivt, da alle verktøyene og knappene ikke er de samme, og det kan bli litt forvirrende. Men det endrer ikke kraften i designskapasiteten.

Den største ulempen jeg fant med Splashup er at den er bygget med Flash. Det er ikke en stor avtale, men det kan sannsynligvis suge opp mye minne og gå gjennom mange bugs og glitches. Også igjen fant jeg ikke det så intuitivt og enkelt å bruke som de andre programmene, hovedsakelig på grunn av Flash-implementeringen og forskjellen i noen knapper.

Bunnlinjen, skjønt, er Splashup er fullt i stand til å designe et weboppsett. Dessverre, dette programmet importerer ikke PSD-filer, men du trenger heller ikke å ha en konto for å lagre filer. Du kan lagre dem på harddisken din, så vel som en rekke andre steder (som Flickr, Photobucket, etc.).

Sumo Paint

Hva utviklerne sier:

Sumopaint er den mest allsidige maleri og foto manipulasjon søknad online. Foreløpig har den mer enn 1 Million månedlige aktive brukere og et levende samfunn. "

Hva alle sier:

I likhet med de andre redaktørene, tar Sumopaint en ganske anstendig stikk på fotofunksjon og designverden. Det jeg liker om Sumopaint er integrering av mange av verktøyene du finner i Photoshop, som ikke finnes i mange av de andre nettredaktørene, nemlig tryllestaven og tilpassede formverktøy. Oppsettet ligner veldig på tidligere versjoner av Photoshop, noe som gjør det veldig intuitivt.

Det har litt av de mer sofistikerte funksjonene, filtre og justeringer, noe som igjen gjør det veldig enkelt å jobbe med designkomplekse oppsett. Denne redigeringen er opprettet med Flash, så det kan også være noen problemer med det, så langt som lag og minne er bekymret. Men hvis du er med i Flash-baserte redaktører, er dette åpenbart jo mer stjernen til de to (SplashUp).

Denne appen kommer på flere forskjellige språk, noe som gjør den ekstremt allsidig. Sumopaint har et stort designmiljø på 4 millioner mennesker som deler, samarbeider, vurderer og "remixer" hverandres arbeid. Sumopaint er en av de enkleste å bruke (spesielt når det kommer fra Photoshop) med noen av de bedre funksjonene som tilbys.

Kodingen

Avhengig av ønsket arbeidsflyt, kan du gjøre design og koding samtidig eller i to separate og forskjellige faser. Uansett ønsket strøm, må du kode nettstedet ditt på et tidspunkt. Det er mange forskjellige nedlastbare programmer vi bruker til å kode våre nettsteder, avhengig av hva vi liker, men jeg har satt sammen fire av de beste for webdesignere (ikke nødvendigvis utviklere som er super flytende i HTML eller CSS).

Drawter

Hva utviklerne sier:

"Drawter er et verktøy skrevet i JavaScript og basert på jQuery-biblioteket. Det gir deg muligheten til å tegne nettstedets kode bokstavelig talt. Den kjører på hver enkelt nettleser som gjør det veldig nyttig og hjelpsomt. Hver tag er presentert som et lag du har tegnet.

Foreløpig Drawter er tilgjengelig i Pro-versjonen, noe som betyr at den kun er beregnet for webmastere, bare bruk av kunnskap om HTML og CSS. Drawter er ikke et verktøy for lekere, for tiden, men hele laget bak prosjektet legger sitt ytterste for å lansere en ny versjon kalt "Amatør". Snart vil du kunne tegne nettsteder uten kjennskap til HTML eller CSS. Lanserer 2010. "

Hva alle sier:

Som designer, det som trakk meg til Drawter, var evnen til faktisk å tegne ut ønsket layout med pikselbasert linjal langs begge aksene. Det genererer CLEAN-koden for deg, og alt du trenger å gjøre er å navngi hver av dine seksjoner eller divs du lager. Du kan tilpasse divs med CSS egenskaper, som bakgrunnsfarger og bilder, for å hjelpe deg med å få en ekte følelse av hva nettstedet ditt skal se ut. Du kan også leke med skrifttyper og grenser og alt for å hjelpe deg med å visualisere ditt nettsted visuelt.

Drawter har også mange forskjellige attributter og lar deg sette inn formetiketter, overskriftskoder og mye mer for HTML. Dette er flott for de av oss som har layouter som virkelig krever mye arbeid og oppmerksomhet, spesielt hvis vi ikke er dyktige i mark up. Den største ulempen som jeg fant for Drawter er at den bare er på HTML4-noen kan finne dette for å være en stor avtale, noen kan ikke. Jeg tror det er en av de arbeidbare tingene, spesielt hvis du vet hvordan du skal kode i HTML5 og CSS3.

YAML Builder

Hva utviklerne sier:

"De YAML Builder er et verktøy for å visuelt lage YAML-baserte CSS-oppsett. Den gjør det mulig å sette inn grunnleggende layoutskarakteristikker som antall og plassering av innholdskolonnene, samt dynamisk opprettelse av gridbaserte oppsett ved å dra og slippe undertekster. Ikke helt WYSIWYG, men nær!

Koden generert av Builder er basert på filstrukturen i "Simple Project" -malen, slik at hele resultatet kan kopieres og limes direkte, uten å endre noe. Den nødvendige XHTML-markeringen, skjermoppsettet, samt de layoutspesifikke justeringene for Internet Explorer genereres automatisk automatisk. "

Hva alle sier:

YAML Bulder er basert igjen, moreso rundt CSS på et nettsted enn noe annet. Det jeg fant attraktivt om YAML var forhåndsinnstillingene de allerede hadde - du har din to kolonne nettside, tre kolonne nettsider, etc. Dette er flott hvis du vil lage din kode først, deretter gå inn i en av design applikasjoner og spiker ned utseendet på nettstedet ditt.

Jeg fant det ikke så lett og intuitivt å bruke som Drawter, hvor du bare trakk det du ønsket. I utgangspunktet har YAML sine maler og for å justere og endre alt du må finne egenskapene og skrive alt inn. Det er heller ikke så stort som Drawter, hvor du kan laste opp bilder og endre farger og sette inn formetiketter. Denne er litt strengere så langt som å skape et rammeverk hvor du senere plugger og chug dine bilder, så vel som din tilpasning. Jeg finner dette fokusert litt mer på kodingen og mindre og utseendet.

Igjen, denne redaktøren støtter ikke HTML5 for øyeblikket.

jsFiddle

Hva utviklerne sier:

JsFiddle er en lekeplass for webutviklere, et verktøy som kan brukes på mange måter. Man kan bruke den som en online-editor for utdrag bygge fra HTML, CSS og JavaScript. Koden kan da deles med andre, innebygd på en blogg, etc. Ved hjelp av denne tilnærmingen kan JavaScript-utviklere veldig enkelt isolere feil. Vi tar sikte på å støtte alle aktivt utviklede rammer - det hjelper med testingskompatibilitet "

Hva alle sier:

Dette er definitivt en applikasjon mer for utviklerne og markere spesialister der ute. Jeg valgte jsFiddle fordi den lar deg jobbe med forskjellige JavaScript-biblioteker som mooTools og jQuery. Det lar deg også feilsøke JavaScript og forhåndsvise utseendet til ditt ferdige produkt.

jsFiddle er ikke som de andre markup redaktørene fordi du må kode alt fra bunnen av her. Selvfølgelig kan dette være en god ting fordi du har mer kontroll over hva du gjør, spesielt hvis du vet nøyaktig hva det er som du vil gjøre. Mange utviklere bruker ikke jsFiddle til å kode hele sidene, men de bruker den til å feilsøke og jobbe problemer med biter av deres JavaScript. Imidlertid er jsFiddle mer enn i stand til å hjelpe deg med hele nettstedet ditt.

Kodingen

Hva utviklerne sier:

"Kodingen startet med to brødre (Devrim & Sinan) som kommer sammen for å gi noe tilbake til utviklerne."

Hva alle sier:

Det som straks trakk til Kodingen, var følelsen av samfunnet som ble vist. I stedet for å føle seg som en skybasert webredaktør, føltes det virkelig som et åpent sosialt nettverk. Formålet med Kodingen er å kutte ned mengden fluff vi må tåle når vi vil lage, utvikle, hoste og oppdatere nettsteder. Vanligvis må vi gå til forskjellige nettsteder for hvert trinn, men Kodingen gjør dette til en one-stop-butikk.

Når du registrerer deg, får du en svært beskjeden hosting-konto (500 MB og 1 GB båndbredde), men igjen, det jeg likte om dette var følelsen av fellesskapet. Det er så mange kodende språk som støttes, og du er fri til å koble deg til ulike medlemmer i samfunnet for å få litt hjelp eller å holde opp på prosjekter. Dette er flott for de av oss som er sterkere i design enn utvikling og kan bruke litt hjelp hver og en gang for å få vår nettside der den må være.

Den største ulempen her er bare at det er Beta. De advarer deg før du blir med på at nettadressen din og filene dine og slik kan forsvinne neste dag, så de anbefaler dette virkelig for å spille rundt og raske samarbeid. Men hvis dette skulle bli en offisiell utgivelse, tror jeg at alle interessert i webdesign og utvikling burde komme på dette toget. Kodingen er alt alt rullet opp i en-det er ingen hoppende rundt nettsteder for å få alt til å fungere sammen, det er alt på ett sted, med muligheten til å få andre til å hjelpe deg. Jeg er ikke helt sikker på hvor Kodingen kan gå galt.

Konklusjon

Som webdesignere og utviklere selvfølgelig vil vi bruke den beste kvaliteten til å produsere den beste kvaliteten, og heldigvis har vi måter å gjøre det på et budsjett. Fortsett å gjøre undersøkelsen din og finn verktøy som hjelper deg med å opprette bedre nettsteder. Dette er bare noen av de beste web-baserte applikasjonene og nettstedene som hjelper folk på et budsjett.

Hvilke andre programmer og programmer la vi av listen som du ELSKER å bruke?