Det er sandheden, at vi nogle gange har og ønsker at producere websteder på et budget. Det er også rigtigt, at vi til tider måske bare ønsker at lægge op og skabe nogle steder for sjov, så vi ønsker ikke at bruge masser af penge på dem.

Det er så heldigvis, at internettet kommer ind. Der er så mange gode teknologiske fremskridt, der giver os mulighed for at oprette og oprette hjemmesider, ikke kun på et budget, men gratis. Fra webdesign til udvikling er der helt gratis tjenester, der giver os mulighed for at oprette PROFESSIONAL hjemmesider, ikke kun skabelonbaserede sites, der minder om de sene 90'ere.

I dag har vi valgt 8 af de bedste sites til at hjælpe dig med at gøre dit websted - det er rigtigt - alt er web-baseret og GRATIS.

Designet

For mange af os, der er designere, kan vi starte med design af hjemmesiden. Det hjælper os med at visualisere, hvad vi vil, hvor og giver os en ide om, hvordan alt skal etableres og arbejde. Nu vil mange gange designere bruge programmer som Adobe Photoshop eller Adobe Fireworks til at oprette et layout. Nedenfor er tre fotoredigering apps, som jeg synes er værd at prøve.

Phoenix by Aviary

Hvad udviklerne siger:

"Fra grundlæggende billedretouchering til komplekse effekter leverer Phoenix nøglefunktionerne i en desktop image editor med enkelheden og tilgængeligheden af ​​en web-baseret applikation."

Hvad alle siger:

Den måde, som Phoenix er præsenteret for os, er som et værktøj, der er fantastisk til billedmanipulationer og tilpasninger og lignende. Det fantastiske ved Phoenix er, at det har mange af de funktioner, der findes kendt i Photoshop, men er meget enklere. Alt der er nødvendigt er der og er lidt mere intuitivt end mere kompleks software som Photoshop eller endog Gimp.

Et ekstra plus: Phoenix er skabt af Aviary, som har en overflod af andre web-baserede applikationer, som en vektor design applikation og video effekter ansøgning. Du kan gemme dine filer på Aviary (så længe du er en registreret bruger), og du kan nemt åbne projekter mellem applikationer. Dette er fantastisk til enhver designer eller illustratør, der ønsker at tage deres vektorskabelse og lave et website layout ud af det. Du kan også importere og arbejde med PSD-filer.

Ulempen ved denne ansøgning er, at der ikke er et ton filtre. Det betyder ikke meget, hvis du bare laver grundlæggende ændringer på fotos (afgrøde, transformer osv.), Men hvis du er her for at oprette et mere komplekst layout eller design, kan du prøve en anden applikation. Aviary gemmer også dit arbejde som standard under en Creative Commons-licens, så medmindre du foretager ændringer der, skal du dele dit arbejde hele tiden. Det kan også udgive dit arbejde for alle at se gennem Aviary-netværket, hvis du vælger at.

Redaktør af Pixlr.com

Hvad udviklerne siger:

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

Hvad alle siger:

Pixlr Editor præsenterer stort set sig som online Photoshop. Denne ansøgning er ikke så let at forstå som den forrige, Phoenix. Der er så mange funktioner og filtre i denne editor, der er unikke for dette program, mest til redigering og retouchering af billeder. Det ville være meget svært at bruge denne applikation fra bunden, medmindre du har nogen viden om foto retouchering, samt nogle Photoshop viden.

Den sofistikerede anvendelse af denne applikation giver mulighed for mere image tung layout og komplekse designs. Der er masser af filtre og justeringer, der hjælper med at tilpasse udseendet af dine billeder og design. Der er ikke mange drawbacks her, bortset fra at det er meget mere kompliceret end de fleste online applikationer, men på grund af det er der meget mere tilpasning, der kan gøres. Desværre kan du ikke åbne og redigere PSD-filer. Du skal dog ikke have en konto for at gemme de filer, du opretter med Pixlr Editor. Du kan gemme dem direkte på din harddisk.

Splashup

Hvad udviklerne siger:

" Splashup, tidligere Fauxto, er et kraftfuldt redigeringsværktøj og foto manager. Med de funktioner, fagfolk bruger og begyndere ønsker, er det nemt at bruge, fungerer i realtid og giver dig mulighed for at redigere mange billeder på én gang. Splashup kører i alle browsere, integreres problemfrit med de bedste billeddelingssteder og har endda sit eget filformat, så du kan gemme dit arbejde i gang.

Hvad alle siger:

Denne applikation er en dejlig blanding mellem Phoenix 's enkelhed og den sofistikerede Pixlr Editor. Det ser ud til at være en applikation, der er tæt på-men ikke helt-en Photoshop copycat. Jeg vil faktisk sige, at det ikke er så intuitivt, da alle værktøjer og knapper ikke er de samme, og det kan blive lidt forvirrende. Men det ændrer ikke kraften i designkapaciteten.

Den største ulempe jeg fandt med Splashup er, at den er bygget med Flash. Det er ikke en enorm aftale, men det kan nok suges op meget hukommelse og gå igennem mange fejl og fejl. Også igen fandt jeg det ikke så intuitivt og nemt at bruge som de andre programmer, primært på grund af Flash-implementeringen og forskellen i nogle knapper.

Bundlinjen er imidlertid Splashup er fuldt ud i stand til at designe et weblayout. Desværre importerer dette program ikke PSD-filer, men du behøver heller ikke at have en konto til at gemme filer. Du kan gemme dem på din harddisk samt en række andre steder (som Flickr, Photobucket, osv.).

Sumo Paint

Hvad udviklerne siger:

Sumopaint er den mest alsidige maleri og foto manipulation ansøgning online. I øjeblikket har den mere end 1 million månedlige aktive brugere og et levende samfund. "

Hvad alle siger:

Som de andre redaktører tager Sumopaint en temmelig anstændig stab på billedmanipulationen og designverdenen. Hvad jeg synes om Sumopaint er integrationen af ​​mange af de værktøjer, du finder i Photoshop, der ikke findes i mange af de andre online redaktører, nemlig tryllestaven og brugerdefinerede formværktøjer. Opsætningen ligner meget af tidligere versioner af Photoshop, hvilket gør det meget intuitivt.

Det har nogle af de mere sofistikerede funktioner, filtre og justeringer, som igen gør det meget nemt at arbejde med designkomplekse layouter. Denne editor er oprettet med Flash, så der kan også være nogle problemer med det, hvad angår lag og hukommelse. Men hvis du er i de Flash-baserede redaktører, er denne selvfølgelig jo mere stjernernes af de to (SplashUp).

Denne app kommer på flere forskellige sprog, hvilket gør den ekstremt alsidig. Sumopaint kan prale af et stort designmiljø på 4 millioner mennesker, der deler, samarbejder, vurderer og 'remix' hinandens arbejde. Sumopaint er et af de nemmeste at bruge (især når det kommer fra Photoshop) med nogle af de bedre funktioner, der tilbydes.

Kodningen

Afhængigt af dit ønskede arbejdsstrøm kan du gøre dit design og kodning samtidigt eller i to separate og forskellige faser. Uanset hvad du ønsker, skal du kode dit websted på et eller andet tidspunkt. Der er mange forskellige downloadbare programmer, vi bruger til at kode vores websteder afhængigt af hvad vi kan lide, men jeg har sammensat fire af de bedste til webdesignere (ikke nødvendigvis udviklere, der er meget flydende i HTML eller CSS).

Drawter

Hvad udviklerne siger:

"Drawter er et værktøj skrevet i JavaScript og baseret på jQuery bibliotek. Det giver dig mulighed for bogstaveligt at tegne dit websites kode. Den kører på hver enkelt webbrowser, hvilket gør det meget nyttigt og nyttigt. Hver tag er præsenteret som et lag, du har tegnet.

Aktuelt Drawter er tilgængelig i Pro-version, hvilket betyder, at det kun er beregnet til webmastere, kun kendskab til HTML og CSS er påkrævet. Drawter er ikke et redskab til lekere, for tiden, men hele holdet bag projektet sætter alt for at starte en ny version kaldet "amatør". Snart vil du kunne tegne dine websites uden kendskab til HTML eller CSS. Lancering af 2010. "

Hvad alle siger:

Som designer var det, der trak mig til Drawter, evnen til faktisk at tegne mit ønskede layout med pixelbaseret linjal langs begge akser. Det genererer CLEAN-koden for dig, og alt du skal gøre er at nævne hver af dine sektioner eller divs, du opretter. Du kan tilpasse dine divs med CSS egenskaber, som baggrundsfarver og billeder, for at hjælpe dig med at få en ægte følelse af, hvad dit websted skal se ud. Du kan også spille rundt med skrifttyper og grænser og alt for at hjælpe dig med at visualisere din hjemmeside visuelt.

Drawter har også mange forskellige attributter og giver dig mulighed for at indsætte formetiketter, overskriftstag og meget mere til HTML. Dette er godt for os, der har layouter, der virkelig kræver meget arbejde og opmærksomhed, især hvis vi ikke er så dygtige. Den største tegning tilbage, jeg fandt for Drawter, er, at den kun er på HTML4-nogle kan finde dette for at være en stor aftale, nogle kan ikke. Jeg tror, ​​at det er en af ​​de funktionsdygtige ting, især hvis du ved, hvordan man kode i HTML5 og CSS3.

YAML Builder

Hvad udviklerne siger:

"Det YAML Builder er et værktøj til visuelt at skabe YAML-baserede CSS layouter. Det giver mulighed for indstilling af grundlæggende layoutkarakteristika som nummer og positionering af indholdskolonnerne samt den dynamiske oprettelse af gitterbaserede layouter ved at trække og slippe undertekster. Ikke helt WYSIWYG, men tæt!

Koden genereret af Builder er baseret på filstrukturen i "Simple Project" -skabelonen, så det komplette resultat kan kopieres og indsættes direkte uden at ændre en ting. Den krævede XHTML-markering, skærmlayoutet og de layoutspecifikke tilpasninger til Internet Explorer genereres automatisk. "

Hvad alle siger:

YAML Bulder er baseret igen, moreso omkring CSS på et websted end noget andet. Det, jeg fandt attraktivt om YAML, var de forudindstillinger, de allerede havde - du har din to søjles hjemmeside, tre søjlesider osv. Det er godt, hvis du først vil oprette din kode, og derefter gå ind i et af designapplikationerne og søm ned udseendet af dit websted.

Jeg fandt det ikke så let og intuitivt at bruge som Drawter, hvor du lige tog det, du ønskede. I grund og grund har YAML deres skabeloner og til at justere og ændre alt, hvad du skal finde egenskaberne og indtaste alt i. Det er heller ikke så stort som Drawter, hvor du kan uploade billeder og ændre farver og indsætte formetiketter. Denne er lidt strengere for så vidt angår at skabe en ramme, hvor du senere plugger og chug dine billeder samt din tilpasning. Jeg finder denne fokuseret lidt mere på kodningen og mindre og udseendet.

Igen understøtter denne editor ikke HTML5 for øjeblikket.

jsFiddle

Hvad udviklerne siger:

JsFiddle er en legeplads til webudviklere, et værktøj, der kan bruges på mange måder. Man kan bruge det som en online editor for uddrag bygge fra HTML, CSS og JavaScript. Koden kan derefter deles med andre, indlejret på en blog osv. Ved hjælp af denne fremgangsmåde kan JavaScript-udviklere meget nemt isolere fejl. Vi sigter mod at støtte alle aktivt udviklede rammer - det hjælper med testkompatibilitet "

Hvad alle siger:

Dette er helt sikkert en applikation mere for udviklerne og markere specialister derude. Jeg valgte jsFiddle, fordi det giver dig mulighed for at arbejde med forskellige JavaScript-biblioteker som mooTools og jQuery. Det giver dig også mulighed for at fejle din JavaScript og fortryde udseendet af dit færdige produkt.

jsFiddle er ikke ligesom de andre markup redaktører, fordi du skal kode alt fra bunden her. Det kan naturligvis være en god ting, fordi du har mere kontrol over, hvad du laver, især hvis du ved præcis, hvad det er, du vil gøre. Mange udviklere bruger ikke jsFiddle til at kode hele sider, men de bruger det til at debug og arbejde problemer med stykker af deres JavaScript. Men jsFiddle er mere end i stand til at hjælpe dig med hele dit website design.

Kodingen

Hvad udviklerne siger:

"Kodingen startede med to brødre (Devrim & Sinan), der kom sammen for at give noget tilbage til udviklerne."

Hvad alle siger:

Det der straks henledte til Kodingen var den følelse af samfund, der blev vist. I stedet for at føle sig som en skybaseret webredaktør følte det sig virkelig som et åbent socialt netværk. Formålet med Kodingen er at skære ned mængden af ​​fluff, vi skal udholde, når vi ønsker at oprette, udvikle, hoste og opdatere hjemmesider. Generelt skal vi gå til forskellige hjemmesider for hvert trin, men Kodingen gør dette til en one-stop-butik.

Når du tilmelder dig, får du en meget beskeden hosting konto (500 MB og 1 GB båndbredde), men igen, hvad jeg kunne lide om dette var følelsen af ​​fællesskab. Der er så mange kodende sprog understøttet, og du er fri til at oprette forbindelse til forskellige medlemmer i samfundet for at få hjælp eller til at holde op på projekter. Dette er godt for dem af os, der er stærkere i design end udvikling og kunne bruge lidt hjælp igen og igen for at få vores hjemmeside, hvor den skal være.

Den største draw tilbage her er kun, at det er Beta. De advarer dig, før du tilmelder dig, at din webadresse og dine filer og sådan kan forsvinde den næste dag, så de anbefaler det virkelig for at spille rundt og hurtigt samarbejde. Men hvis dette skulle blive en officiel udgivelse, tror jeg, at alle interesserede i webdesign og udvikling skulle komme på dette tog. Kodingen er alt, hvad der rulles op i en - der er ingen hoppe rundt om steder for at få alt til at fungere sammen, det er alt på ét sted, med mulighed for at få andre til at hjælpe dig ud. Jeg er ikke helt sikker på, hvor Kodingen kan gå galt.

Konklusion

Som webdesignere og udviklere selvfølgelig vil vi bruge den bedste kvalitet til at producere den bedste kvalitet, og heldigvis har vi måder at gøre det på et budget. Fortsæt med at gøre din forskning og find værktøjer, der hjælper dig med at oprette bedre websites. Disse er blot nogle få af de bedste web-baserede applikationer og websteder, der hjælper folk på et budget.

Hvilke andre programmer og programmer forlod vi den liste, du ELSKER at bruge?