8 Työkalut, joilla voit tehdä sivustosi ilmaiseksi
On totta, että joskus meidän on ja haluamme tuottaa verkkosivuja budjetista. On myös totta, että joskus me vain haluamme luoda ja luoda joitakin sivustoja hauskaa, joten emme halua käyttää rahaa niille.
No, onneksi verkko on sisäänrakennettu. On niin monia hyviä teknisiä edistysaskeleita, joiden avulla voimme luoda ja sijoittaa verkkosivustoja, ei pelkästään budjetille, vaan ilmaiseksi. Web-suunnittelusta kehitykseen on ilmaisia palveluita, joiden avulla voimme luoda PROFESSIONAL-verkkosivustoja, eivät vain mallipohjaisia sivustoja, jotka muistuttavat 90-luvun loppua.
Nykyään olemme hakeneet 8 parhaista sivustoista, joiden avulla voit tehdä sivustosi - se on oikein - kaikki on web-pohjainen ja ilmainen.
Muotoilu
Monille meistä, jotka ovat suunnittelijoita, voimme aloittaa web-sivuston suunnittelulla. Se auttaa meitä näkemään, mitä haluamme missä ja antaa meille idean siitä, miten kaikki on tarkoitus luoda ja työskennellä. Nyt monta kertaa suunnittelijat käyttävät ohjelmia, kuten Adobe Photoshop tai Adobe Fireworks luoda ulkoasu. Alla on kolme valokuvien muokkaussovellusta, jotka mielestäni kannattaa kokeilla.
Phoenix on Aviary
Mitä kehittäjät sanovat:
"Perustietojen kuvankäsittelystä monimutkaisiin vaikutuksiin Phoenix toimittaa työpöydän kuvankäsittelytoiminnon keskeiset ominaisuudet yksinkertaisella ja helppokäyttöisellä web-pohjaisella sovelluksella."
Mitä kaikki sanovat:
Phoenixin esittämä tavoite on sellainen työkalu, joka sopii erinomaisesti kuvan manipulointiin ja säätöihin. Phoenix on hieno asia, sillä siinä on monia Photoshopin tuntemia ominaisuuksia, mutta ne ovat paljon yksinkertaisempia. Kaikki mitä tarvitset on olemassa ja on hieman intuitiivisempi kuin monimutkaisempia ohjelmia, kuten Photoshop tai jopa Gimp.
Lisätty plus: Phoenix luo Aviary, jolla on runsaasti muita web-pohjaisia sovelluksia, kuten vektorisuunnittelu- ja videotehosovelluksia. Voit tallentaa tiedostot Aviary (niin kauan kuin olet rekisteröitynyt käyttäjä), ja voit helposti avata projekteja sovellusten välillä. Tämä sopii erinomaisesti mille tahansa suunnittelijalle tai kuvittajalle, joka haluaa ottaa vektorin luomisen ja tehdä verkkosivuston ulkoasun. Voit myös tuoda ja käyttää PSD-tiedostoja.
Tämän hakemuksen haittapuolet eivät ole suodattimien tonni. Tällä ei ole merkitystä, jos teet vain perusasetuksia valokuville (sato, muunnos jne.), Mutta jos olet täällä luomassa monimutkaisempi ulkoasu tai muotoilu, kokeile kokeilemaa toista sovellusta. Lisäksi Aviary säästää työsi oletuksena Creative Commons -luvalla, joten jos teet muutoksia sinne, sinun tulee jakaa teoksesi kaikkialla. Se voi myös julkaista työtsi kaikille, jotka näkevät Aviary-verkon kautta, jos haluat.
Pixlr.com toimittaja
Mitä kehittäjät sanovat:
" Pixlr Editor on ilmainen online-kuvankäsittelyohjelma, jolla on prefessional touch. Korjaa, säädä ja suodata kuvat ... "
Mitä kaikki sanovat:
Pixlr Editor melko paljon esittelee itsensä online-Photoshopiksi. Tämä sovellus ei ole yhtä helppoa kuin edellinen, Phoenix. Tässä Editorissa on niin monia ominaisuuksia ja suodattimia, jotka ovat ainutlaatuisia tässä ohjelmassa, eniten kuvien muokkaamiseen ja muokkaamiseen. On erittäin vaikeaa käyttää tätä sovellusta tyhjästä, ellei sinulla ole joitain tietoja valokuvaviktorista sekä joitain Photoshop-tietoja.
Tämän sovelluksen hienostuneisuus mahdollistaa entistä suurempien kuvien raskas asettelut ja monimutkaiset mallit. On paljon suodattimia ja säätöjä, jotka auttavat muokata kuvien ja muotoilun ulkoasua. Tässä ei ole paljon vetäytymisiä, mutta se on paljon monimutkaisempi kuin useimmat online-sovellukset, mutta siksi on paljon enemmän räätälöintiä, joka voidaan tehdä. Valitettavasti et voi avata ja muokata PSD-tiedostoja. Sinulla ei kuitenkaan ole tarvetta olla tiliä, jolla voit tallentaa luomasi tiedostot Pixlr Editorilla. Voit tallentaa ne suoraan kiintolevylle.
Splashup
Mitä kehittäjät sanovat:
" Splashup, aiemmin Fauxto, on tehokas muokkaustyökalu ja valokuvien hallintaohjelma. Ominaisuudet, joita ammattilaiset käyttävät ja aloittelevat, ovat helppokäyttöisiä, toimivat reaaliajassa ja voit muokata useita kuvia kerralla. Splashup toimii kaikissa selaimissa, integroituu saumattomasti parhaiden valokuvien jakamispaikkojen kanssa ja sillä on jopa oma tiedostomuoto, jotta voit tallentaa työnesi eteenpäin. ”
Mitä kaikki sanovat:
Tämä sovellus on mukava sekoitus yksinkertaisuuden Phoenix ja hienostuneisuutta Pixlr Editor. Näyttää siltä, että sovellus on lähellä - mutta ei aivan - Photoshop-kopiota. Haluaisin sanoa, että se ei ole yhtä intuitiivinen, sillä kaikki työkalut ja painikkeet eivät ole samat ja se voi saada sekaannusta. Tämä ei kuitenkaan muuta suunnittelutoimintojen tehokkuutta.
Suurin haitta, jonka löysin Splashupilla, on se, että se on rakennettu Flashilla. Se ei ole valtava kauppa, mutta se voi todennäköisesti imeä paljon muistia ja käydä läpi monia vikoja ja häiriöitä. Myöskään en ole löytänyt sitä yhtä intuitiivisena ja helppokäyttöisenä kuin muut ohjelmat, lähinnä Flash-toteutuksen ja erojen erojen vuoksi.
Pohjimmiltaan kuitenkin Splashup pystyy täysin suunnittelemaan web-asettelun. Valitettavasti tämä ohjelma ei tuota PSD-tiedostoja, mutta sinun ei myöskään tarvitse ladata tiedostoa. Voit tallentaa ne kiintolevylle sekä joukon muita paikkoja (kuten Flickr, Photobucket jne.).
Sumo Paint
Mitä kehittäjät sanovat:
” Sumo Paint on monipuolisin maalaus- ja valokuvanhallintasovellus verkossa. Tällä hetkellä sillä on yli miljoona kuukausittaista aktiivista käyttäjää ja vilkas yhteisö. "
Mitä kaikki sanovat:
Niin kuin muutkin toimittajat, Sumopaint vie melko ihmisarvoisen puukotuksen valokuvan manipulointiin ja muotoiluun. Sumua on mielestäni monien Photoshopissa löydettävien työkalujen integrointi, jota ei löydy monista muista online-toimittajista, nimittäin taikasauvaa ja mukautettuja muotoilutyökaluja. Asetukset ovat hyvin samankaltaisia kuin Photoshopin aikaisemmat versiot, mikä tekee siitä hyvin intuitiivisen.
Siinä on vähän hienostuneempia ominaisuuksia, suodattimia ja säätöjä, jotka taas tekevät siitä todella helppoa työskennellä suunnittelun monimutkaisten ulkoasujen kanssa. Tämä editori on luotu Flashilla, joten siihen voi liittyä joitakin ongelmia, kun on kyse viivästyksestä ja muistista. Mutta jos olet Flash-pohjaisille toimittajille, tämä on tietenkin enemmän tähtien näistä kahdesta (SplashUp).
Tämä sovellus tulee useille eri kielille, mikä tekee siitä erittäin monipuolisen. Sumopaintilla on melko suuri design-yhteisö, jossa on 4 miljoonaa ihmistä, jotka jakavat, tekevät yhteistyötä, arvioivat ja "remixoivat" toistensa työtä. Sumua on yksi helpoimmista käyttää (varsinkin kun Photoshopista tulee) joitain parempia ominaisuuksia.
Koodaus
Halutusta työnkulusta riippuen voit tehdä suunnittelusi ja koodauksen samanaikaisesti tai kahteen erilliseen ja erilliseen vaiheeseen. Mikä tahansa haluttu virtaus, sinun täytyy koodata sivustosi jossain vaiheessa. Meillä on monia eri ladattavia ohjelmia, joiden avulla koodaamme sivustoja riippuen siitä, mitä pidämme, mutta olen koonnut neljä parasta web-suunnittelijoille (ei välttämättä kehittäjille, jotka ovat erittäin sujuvasti HTML- tai CSS-versioita).
Drawter
Mitä kehittäjät sanovat:
"Drawter on JavaScript-kirjoitusväline, joka perustuu jQuery-kirjastoon. Se antaa sinulle mahdollisuuden kirjaimellisesti piirtää verkkosivustosi koodin. Se toimii jokaisessa web-selaimessa, mikä tekee siitä todella hyödyllisen ja hyödyllisen. Jokainen tunniste esitetään kerroksena, jonka olet piirtänyt.
Tällä hetkellä Drawter on saatavilla Pro-versiossa, mikä tarkoittaa sitä, että se on tarkoitettu vain verkkovastaaville - tarvitaan HTML- ja CSS-tietoja. Drawter ei ole tällä hetkellä työkalu maallikoille, mutta projektin taustalla oleva koko joukkue tekee kaiken voitavansa uuden version nimeltä "Amateur". Pian voit piirtää verkkosivustosi ilman HTML- tai CSS-tietoja. Launching 2010. "
Mitä kaikki sanovat:
Suunnittelija, joka vetosi minut Drawteriin, oli kyky itse piirtää haluamani asettelun pikselipohjaisella hallitsijalla molempiin akseleihin nähden. Se luo CLEAN-koodin sinulle ja sinun tarvitsee vain nimetä kaikki osastosi tai divs, jotka olet luonut. Voit muokata divsiasi CSS-ominaisuuksilla, kuten taustaväreillä ja -kuvilla, joiden avulla saat todellisen tuntuman siitä, millainen verkkosivustosi näyttää. Voit myös leikkiä fonttien ja rajojen avulla ja mitä tahansa, mikä auttaa sinua visualisoimaan verkkosivustosi.
Drawterilla on myös monia erilaisia attribuutteja ja voit lisätä lomakkeen tunnisteet, otsikkotunnisteet ja paljon muuta HTML-muotoon. Tämä on hienoa niille meille, joilla on asettelut, jotka vaativat paljon työtä ja huomiota, varsinkin jos emme ole niin ammattitaitoisia. Suurin piirre, jonka löysin Drawterille, on vain HTML4: ssä - jotkut voivat löytää tämän olevan iso juttu, jotkut eivät. Uskon, että se on yksi näistä toimivista asioista, varsinkin jos osaat koodata HTML5: ssä ja CSS3: ssa.
YAML Builder
Mitä kehittäjät sanovat:
”THE YAML Builder on työkalu visuaalisesti luomaan YAML-pohjaisia CSS-asetteluja. Se sallii perusasetteluominaisuuksien määrittämisen, kuten sisältöpylväiden määrän ja sijainnin, sekä verkkoelementtien dynaamisen luomisen vetämällä ja pudottamalla alaotsakkeita. Ei aivan WYSIWYG, mutta lähellä!
Rakennuksen tuottama koodi perustuu "Simple Project" -mallin tiedostorakenteeseen, jotta koko tulos voidaan kopioida ja liittää suoraan, muuttamatta asiaa. Tarvittavat XHTML-merkinnät, näytön asettelut sekä Internet Explorerin layout-spesifiset muutokset luodaan automaattisesti. "
Mitä kaikki sanovat:
YAML Bulder taas perustuu jälleen verkkosivuston CSS: n ympärille. Mitä löysin houkuttelevasti YAMLista, olivat ne esiasetukset, jotka heillä oli jo - sinulla on kaksi sarakkeen verkkosivustoa, kolme sarakkeen verkkosivustoa jne. Tämä on hienoa, jos haluat luoda koodisi ensin, sitten mennä johonkin suunnittelutyökaluista ja naula alas ulkoasun sivustosi.
En löytänyt sitä yhtä helppoa ja intuitiivista käyttää kuin Drawter, jossa vain piirritte mitä halusit. Pohjimmiltaan YAMLilla on omat mallejaan ja säätää ja muuttaa kaikkea, mitä sinun on löydettävä ominaisuuksilta ja kirjoita kaikki sisään. Se ei myöskään ole niin suuri kuin Drawter, jossa voit ladata kuvia ja vaihtaa värejä ja lisätä lomakekoodeja. Tämä on hieman tiukempi siltä osin kuin luodaan kehys, johon myöhemmin liitetään ja kavertat kuvia ja räätälöityjä. Minusta tämä keskittyi hieman enemmän koodausta ja vähemmän ja ulkoasua.
Tämä toimittaja ei tällä hetkellä tue HTML5: tä tällä hetkellä.
jsFiddle
Mitä kehittäjät sanovat:
” JsFiddle on leikkikenttä web-kehittäjille, työkalu, jota voidaan käyttää monin tavoin. Voidaan käyttää online-editorina HTML-, CSS- ja JavaScript-koodeista. Koodi voidaan sitten jakaa muiden kanssa, blogissa upotettuna jne. Käyttämällä tätä lähestymistapaa JavaScript-kehittäjät voivat helposti eristää virheitä. Pyrimme tukemaan kaikkia aktiivisesti kehitettyjä kehyksiä - se auttaa testaamaan yhteensopivuutta "
Mitä kaikki sanovat:
Tämä on ehdottomasti sovellus enemmän kehittäjille ja merkitse asiantuntijoita siellä. Valitsin jsFiddle-ohjelman, koska sen avulla voit työskennellä eri JavaScript-kirjastojen kanssa, kuten mooTools ja jQuery. Sen avulla voit myös korjata JavaScriptin ja esikatsella valmiin tuotteen ulkoasua.
jsFiddle ei ole kuin muut merkintäeditorit, koska sinun on koodattava kaikesta alusta täällä. Tietenkin tämä voi olla hieno asia, koska sinulla on enemmän valtaa mitä teet, varsinkin jos tiedät tarkalleen, mitä haluat tehdä. Monet kehittäjät eivät käytä jsFiddleä koodaamaan kokonaisia sivuja, mutta he käyttävät sitä virheiden korjaamiseen ja ongelmien korjaamiseen JavaScriptin palasilla. JsFiddle on kuitenkin enemmän kuin pystyy auttamaan sinua koko sivuston suunnittelussa.
Kodingen
Mitä kehittäjät sanovat:
"Kodingen alkoi kahdella veljellä (Devrim & Sinan), jotka kokoontuivat antamaan jotain takaisin kehittäjäyhteisölle."
Mitä kaikki sanovat:
Se, mikä viittasi välittömästi Kodingeniin, oli yhteisöllisyys, joka näytettiin. Sen sijaan, että tuntuisi pilvipohjaiselta web-editorilta, tuntui siltä kuin avoin sosiaalinen verkosto. Kodingenin tarkoitus on vähentää kuumailmapuuta, jota meidän on kestettävä, kun haluamme luoda, kehittää, isäntää ja päivittää verkkosivustoja. Yleensä meidän on lähdettävä eri sivustoille kullekin askeleelle, mutta Kodingen tekee siitä yhden luukun.
Kun olet kirjautunut, saat erittäin vaatimattoman hosting-tilin (500 MB ja 1 Gt kaistanleveyttä), mutta taas, mitä piti tästä oli yhteisöllisyyden tunne. Tuotteita on niin paljon koodaavia kieliä, ja voit vapaasti muodostaa yhteyden eri jäsenten kanssa yhteisössä saadaksesi apua tai ryhmittelemään projekteja. Tämä on hienoa niille meistä, jotka ovat vahvempia suunnittelussa kuin kehityksessä ja voivat käyttää vähän apua joka kerta, jotta saisimme verkkosivustosi, missä se tarvitsee.
Suurin vetäytyä täällä on vain, että se on Beta. Ne varoittavat sinua, ennen kuin liityt siihen, että URL-osoitteesi ja tiedostosi voivat kadota seuraavana päivänä, joten he suosittelevat tätä todella pelaamista ja nopeita yhteistoimintoja. Kuitenkin, jos tämä olisi koskaan tullut virallinen julkaisu, mielestäni kukaan kiinnostunut web design ja kehittäminen pitäisi saada tällä junalla. Kodingen on kaikki kaatunut yhteen - siellä ei ole paluuta sivustojen ympärille, jotta kaikki toimisi yhteen, kaikki yhdessä paikassa, jossa on mahdollisuus saada muita ihmisiä auttamaan sinua. En ole varma siitä, missä Kodingen voi mennä pieleen.
johtopäätös
Web-suunnittelijoina ja kehittäjinä tietenkin haluamme käyttää parasta laatua tuottamaan parasta laatua, ja onneksi meillä on tapoja tehdä se talousarviossa. Jatka tutkimustesi tekemistä ja löytää työkaluja, joiden avulla voit luoda parempia verkkosivustoja. Nämä ovat vain muutamia huippuluokan web-pohjaisia sovelluksia ja verkkosivustoja, jotka auttavat ihmisiä budjetissa.
Mitä muita sovelluksia ja ohjelmia emme poistaneet luettelosta, jota LOVE käyttää?