8 verktyg för att göra din hemsida gratis
Det är sanningen som vi ibland måste och producerar webbplatser på en budget. Det är också sant att vi ibland kanske bara vill lägga upp och skapa några webbplatser för skojs skull, så vi vill inte spendera lite pengar på dem.
Tja, lyckligtvis, det är där webben kommer in. Det finns så många stora tekniska framsteg som gör det möjligt för oss att skapa och sätta upp webbplatser, inte bara på en budget utan gratis. Från webbdesign till utveckling finns det helt gratis tjänster som gör att vi kan skapa PROFESSIONAL webbplatser, inte bara mallbaserade webbplatser som påminner om slutet av 90-talet.
Idag har vi valt 8 av de bästa platserna för att hjälpa dig att göra din webbplats - det är rätt-allt är webbaserat och gratis.
Designen
För många av oss som är designers kan vi börja med designen av webbplatsen. Det hjälper oss att visualisera vad vi vill ha och ger oss en uppfattning om hur allt ska sättas upp och fungera. Nu brukar designers använda program som Adobe Photoshop eller Adobe Fireworks för att skapa en layout. Nedan finns tre fotoredigeringsappar som jag tycker är värda ett försök.
Phoenix av Aviary
Vad utvecklarna säger:
"Från grundläggande bild retuschering till komplexa effekter, Phoenix levererar de viktigaste funktionerna i en desktop image editor med enkelhet och tillgänglighet för en webbaserad applikation."
Vad alla säger:
Det sätt som Phoenix presenteras för oss är som ett verktyg som är bra för bildmanipulationer och justeringar och liknande. Den fantastiska sak om Phoenix är den har många av de funktioner som är bekanta med Photoshop, men är mycket enklare. Allt som behövs är där och är lite mer intuitivt än mer komplexa program som Photoshop eller till och med Gimp.
Ett extra plus: Phoenix är skapad av Aviary, som har en mängd andra webbaserade applikationer, som en vektor design applikation och videoeffekter ansökan. Du kan spara dina filer på Aviary (så länge du är en registrerad användare) och du kan enkelt öppna projekt mellan applikationer. Detta är bra för någon formgivare eller illustratör som vill ta sin vektor skapande och göra en webbplats layout ut ur det. Du kan också importera och arbeta med PSD-filer.
Nackdelarna med denna applikation är att det inte finns några ton filter. Det spelar ingen roll om du bara gör grundläggande ändringar i bilder (grödor, transformationer etc.), men om du är här för att skapa en mer komplex layout eller design, kanske du vill prova en annan applikation. Aviary sparar också ditt arbete som standard under ett Creative Commons-licens, så om du inte gör ändringar där kommer du att dela ditt arbete överallt. Det kan också publicera ditt arbete för alla att se genom flygnätverket, om du väljer att.
Redaktör av Pixlr.com
Vad utvecklarna säger:
" Pixlr Editor är en gratis online foto editor med en prefessional touch. Fix, justera och filtrera dina bilder ... "
Vad alla säger:
Pixlr Editor presenterar ganska mycket sig som online Photoshop. Den här ansökan är inte så lätt att förstå som föregående, Phoenix. Det finns så många funktioner och filter i den här redigeraren som är unika för det här programmet, mest för redigering och retuschering av bilder. Det skulle vara mycket svårt att använda den här applikationen från början om du inte har någon kunskap om foto retuschering, liksom lite Photoshop-kunskap.
Den sofistikerade applikationen möjliggör fler image tunga layouter och komplexa mönster. Det finns många filter och justeringar som hjälper till att anpassa utseendet på dina bilder och design. Det finns inte många dragbackar här, förutom det är mycket mer komplicerat än de flesta onlineapplikationer, men på grund av det finns det mycket mer anpassning som kan göras. Tyvärr kan du inte öppna och redigera PSD-filer. Du behöver dock inte ha ett konto för att spara de filer du skapar med Pixlr Editor-du kan spara dem direkt på hårddisken.
Splashup
Vad utvecklarna säger:
" Splashup, tidigare Fauxto, är ett kraftfullt redigeringsverktyg och bildhanterare. Med de funktioner som proffs använder och nybörjare vill, är det enkelt att använda, fungerar i realtid och låter dig redigera många bilder samtidigt. Splashup körs i alla webbläsare, integreras sömlöst med de bästa bilderna för bilddelning och har även ett eget filformat så att du kan spara ditt pågående arbete. ”
Vad alla säger:
Denna applikation är en fin blandning mellan Phoenixens enkelhet och sofistikeringen av Pixlr Editor. Det verkar vara en applikation som ligger nära-men inte riktigt en Photoshop-copycat. Jag skulle faktiskt säga att det inte är så intuitivt, eftersom alla verktyg och knappar inte är desamma och det kan bli lite förvirrande. Men det förändrar inte kraften i konstruktionsförmågan.
Den största nackdelen jag hittade med Splashup är att den är byggd med Flash. Det är inte en stor sak, men det kan nog suga upp mycket minne och gå igenom många buggar och glitches. Också jag fann det inte så intuitivt och lätt att använda som de andra programmen, främst på grund av Flash-implementeringen och skillnaden i vissa knappar.
Bottom line är dock Splashup är fullt kapabel att utforma en webblayout. Tyvärr, det här programmet importerar inte PSD-filer, men du behöver inte heller ha ett konto för att spara filer. Du kan spara dem på din hårddisk såväl som en rad andra platser (som Flickr, Photobucket, etc.).
Sumo Paint
Vad utvecklarna säger:
” Sumopaint är den mest mångsidiga målningen och foto manipulering ansökan online. För närvarande har det mer än 1 miljoner månatliga aktiva användare och en livlig gemenskap. "
Vad alla säger:
Liksom de andra redaktörerna, tar Sumopaint en ganska anständig stöt vid fotofunktionen och designvärlden. Vad jag tycker om Sumopaint är integrationen av många av de verktyg du hittar i Photoshop som inte finns i många av de andra online redigerarna, nämligen trollstaven och anpassade formverktyg. Inställningen är mycket lik den i tidigare versioner av Photoshop, vilket gör det väldigt intuitivt.
Det har lite av de mer sofistikerade funktionerna, filtren och justeringarna, vilket gör det väldigt enkelt att arbeta med designkomplexa layouter. Den här redigeraren är skapad med Flash, så det kan också finnas några problem med det, vad gäller lag och minne. Men om du är med i Flash-baserade redaktörer är den här självklart den mer stellära av de två (SplashUp).
Denna app kommer på flera olika språk, vilket gör den extremt mångsidig. Sumopaint har ett stort designgemenskap på 4 miljoner människor som delar, samarbetar, betygsätter och "remixar" varandras arbete. Sumopaint är en av de enklaste att använda (särskilt när det kommer från Photoshop) med några av de bättre funktionerna som erbjuds.
Kodningen
Beroende på önskat arbetsflöde kan du göra din design och kodning samtidigt eller i två separata och tydliga faser. Oavsett önskat flöde måste du koda din webbplats vid någon tidpunkt. Det finns många olika nedladdningsbara program som vi använder för att koda våra webbplatser, beroende på vad vi vill, men jag har sammanställt fyra av de bästa för webbdesigners (inte nödvändigtvis utvecklare som är super flytande i HTML eller CSS).
Drawter
Vad utvecklarna säger:
"Drawter är ett verktyg skrivet i JavaScript och baserat på jQuery-biblioteket. Det ger dig möjlighet att bokstavligen rita din hemsida kod. Den körs på varje enskild webbläsare vilket gör det väldigt användbart och användbart. Varje tagg presenteras som ett lager du har ritat.
För närvarande Drawter finns i Pro-versionen, vilket innebär att den endast är avsedd för webmasters att använda. Kunskap om HTML och CSS krävs. Drawter är inte ett verktyg för lekmän, för tillfället men hela laget bakom projektet satsar på att starta en ny version som heter "Amatör". Snart kommer du att kunna rita dina webbplatser utan kännedom om HTML eller CSS. Lanserar 2010. "
Vad alla säger:
Som en formgivare, som tog mig till Drawter, var möjligheten att faktiskt dra ut min önskade layout med pixelbaserad linjal längs båda axlarna. Det genererar CLEAN-koden för dig och allt du behöver göra är att namnge var och en av dina sektioner eller divs du skapar. Du kan anpassa dina divs med CSS-egenskaper, som bakgrundsfärger och bilder, för att hjälpa dig att få en sann känsla av hur din webbplats ska se ut. Du kan också leka med teckensnitt och gränser och allt som hjälper dig att visualisera din webbplats visuellt.
Drawter har också många olika attribut och låter dig infoga formstaggar, rubriktaggar och mycket mer för HTML. Det här är bra för de av oss som har layouter som verkligen kräver mycket arbete och uppmärksamhet, särskilt om vi inte är så skickliga på marknaden. Den största dra tillbaka som jag hittade för Drawter är det bara på HTML4-vissa kan tycka att det här är en stor sak, vissa kanske inte. Jag tror att det är en av de användbara sakerna, speciellt om du vet hur man kodar i HTML5 och CSS3.
YAML Builder
Vad utvecklarna säger:
"De YAML Builder är ett verktyg för att visuellt skapa YAML-baserade CSS-layouter. Det möjliggör inställning av grundläggande layoutegenskaper som antal och positionering av innehållskolumnerna, liksom den dynamiska skapandet av rutnätbaserade layouter genom att dra och släppa undertexemplar. Inte riktigt WYSIWYG, men nära!
Koden som genereras av Builder är baserad på filstrukturen i "Simple Project" -mallen, så att hela resultatet kan kopieras och klistras direkt, utan att ändra något. Den erforderliga XHTML-markeringen, skärmlayouten och de layoutspecifika anpassningarna för Internet Explorer genereras alla automatiskt. "
Vad alla säger:
YAML Bulder är baserat igen, moreso runt CSS på en webbplats än vad som helst annat. Vad jag funnit attraktivt om YAML var de förinställningar som de redan hade - du har din hemsida för två kolumner, tre kolumner, webbsidor etc. Det här är bra om du vill skapa din kod först och sedan gå in i en av designapplikationerna och spiken ner utseendet på din webbplats.
Jag hittade det inte så lätt och intuitivt att använda som Drawter, där du bara ritade vad du ville ha. I grund och botten har YAML sina mallar och för att justera och ändra allt du måste hitta egenskaperna och skriv sedan in allt. Det är inte lika stort som Drawter där du kan ladda upp bilder och ändra färger och infoga formstaggar. Den här är lite strängare när det gäller att skapa en ram där du senare pluggar och chug dina bilder och din anpassning. Jag finner den här fokuserade lite mer på kodningen och mindre och utseendet.
Igen stöder denna redaktör inte HTML5 för tillfället.
jsFiddle
Vad utvecklarna säger:
” JsFiddle är en lekplats för webbutvecklare, ett verktyg som kan användas på många sätt. Man kan använda den som en online-redaktör för utdrag från HTML, CSS och JavaScript. Koden kan sedan delas med andra, inbäddad på en blogg etc. Med hjälp av detta tillvägagångssätt kan JavaScript-utvecklare enkelt isolera buggar. Vi strävar efter att stödja alla aktivt utvecklade ramar - det hjälper till med testkompatibilitet "
Vad alla säger:
Detta är definitivt en applikation mer för utvecklarna och markera specialister där ute. Jag valde jsFiddle eftersom det låter dig arbeta med olika JavaScript-bibliotek som mooTools och jQuery. Det låter dig också felsöka din JavaScript och förhandsgranska utseendet på din färdiga produkt.
jsFiddle är inte som de andra markupredigerarna eftersom du måste koda allt från grunden här. Det kan naturligtvis vara bra eftersom du har mer kontroll över vad du gör, speciellt om du vet exakt vad det är som du vill göra. Många utvecklare använder inte jsFiddle för att koda hela sidor, men de använder den för att felsöka och jobba ut med delar av deras JavaScript. JsFiddle är dock mer än kapabel att hjälpa dig med hela din webbdesign.
Kodingen
Vad utvecklarna säger:
"Kodingen började med två bröder (Devrim & Sinan) som kom tillsammans för att ge något tillbaka till utvecklingssamhället."
Vad alla säger:
Det som omedelbart drog sig till Kodingen var den känsla av samhälle som visades. Istället för att känna sig som en molnbaserad webbredaktör, kände det sig verkligen som ett öppet socialt nätverk. Syftet med Kodingen är att minska mängden fluff vi måste uthärda när vi vill skapa, utveckla, värda och uppdatera webbplatser. I allmänhet måste vi gå till olika webbplatser för varje steg, men Kodingen gör det till en one-stop-butik.
När du registrerar dig får du ett väldigt blygsamt värdkonto (500 MB och 1 GB bandbredd), men igen, det jag tyckte om detta var samhällets känsla. Det finns så många kodningsspråk som stöds och du är fri att ansluta till olika medlemmar i samhället för att få lite hjälp eller att gå med på projekt. Det här är bra för de av oss som är starkare i design än utveckling och kan använda lite hjälp om och om igen för att få vår hemsida där den behöver vara.
Den största rita här är bara att det är Beta. De varnar dig innan du går med på den där webbadressen och dina filer och så kan försvinna nästa dag, så de rekommenderar det verkligen för att leka och snabba samarbeten. Men om det här skulle bli en officiell utgåva, tror jag att alla som är intresserade av webbdesign och utveckling borde få på detta tåg. Kodingen är allting uppbyggt i ett - det finns ingen studs runt webbplatser för att få allt att fungera, det är allt på en plats, med möjlighet att få andra att hjälpa dig. Jag vet inte riktigt var Kodingen kan gå fel.
Slutsats
Som webbdesigners och utvecklare vill vi naturligtvis använda den bästa kvaliteten för att producera bästa kvalitet, och lyckligtvis har vi sätt att göra det på en budget. Fortsätt att göra din forskning och hitta verktyg som hjälper dig att skapa bättre webbplatser. Dessa är bara några av de bästa webbaserade applikationerna och webbplatser som hjälper folk på en budget.
Vilka andra applikationer och program lämnade vi av den lista som du ÄLSKAR att använda?