8 strumenti per creare il tuo sito web gratuitamente
È vero che a volte dobbiamo e vogliamo produrre siti web con un budget. È anche vero che a volte potremmo semplicemente voler montare e creare alcuni siti per divertimento, quindi non vogliamo spendere un sacco di soldi per loro.
Fortunatamente, è qui che entra in gioco il Web. Ci sono così tanti grandi progressi tecnologici che ci permettono di creare e pubblicare siti web, non solo con un budget ma gratuitamente. Dal web design allo sviluppo, ci sono servizi gratuiti che ci consentono di creare siti Web PROFESSIONALI, non solo siti basati su modelli che richiamano alla fine degli anni '90.
Oggi abbiamo selezionato 8 dei migliori siti per aiutarti a creare il tuo sito, è giusto, tutto è basato sul Web e GRATUITO.
Il design
Per molti di noi che sono designer, possiamo iniziare con il design del sito web. Ci aiuta a visualizzare ciò che vogliamo dove e ci dà un'idea di come tutto sarà configurato e funzionante. Ora molte volte i progettisti useranno programmi come Adobe Photoshop o Adobe Fireworks per creare un layout. Di seguito sono elencate tre app di fotoritocco che penso valga la pena provare.
Phoenix di Aviary
Cosa dicono gli sviluppatori:
"Dal semplice ritocco delle immagini agli effetti complessi, Phoenix offre le funzionalità chiave di un editor di immagini desktop con la semplicità e l'accessibilità di un'applicazione basata sul Web."
Quello che ognuno sta dicendo:
Il modo in cui ci viene presentata Phoenix è uno strumento fantastico per manipolazioni e regolazioni di immagini e simili. La cosa grandiosa di Phoenix è che ha molte delle caratteristiche che sono familiari in Photoshop, ma sono molto più semplici. Tutto ciò che è necessario è lì ed è un po 'più intuitivo rispetto a software più complessi come Photoshop o persino Gimp.
Un ulteriore vantaggio: Phoenix è stato creato da Aviary, che ha una pletora di altre applicazioni basate sul web, come un'applicazione di disegno vettoriale e un'applicazione di effetti video. Sei in grado di salvare i tuoi file su Aviary (purché tu sia un utente registrato) e puoi facilmente aprire progetti tra le applicazioni. Questo è ottimo per qualsiasi designer o illustratore che vuole prendere la propria creazione di vettori e realizzare un layout di un sito web. Puoi anche importare e lavorare con i file PSD.
Gli svantaggi di questa applicazione sono non ci sono un sacco di filtri. Non importa molto se stai apportando modifiche di base alle foto (ritaglio, trasformazione, ecc.), Ma se sei qui per creare un layout o un disegno più complesso, potresti provare un'altra applicazione. Inoltre, Aviary salva il tuo lavoro per impostazione predefinita sotto una licenza Creative Commons, quindi, a meno che tu non apporti modifiche, condividerai il tuo lavoro dappertutto. Può anche pubblicare il tuo lavoro affinché tutti possano vedere attraverso la rete Aviary, se lo desideri.
Editor di Pixlr.com
Cosa dicono gli sviluppatori:
" Pixlr Editor è un editor di foto online gratuito con un tocco di prefessional. Correggi, regola e filtra le tue immagini ... "
Quello che ognuno sta dicendo:
Pixlr Editor si presenta praticamente come il Photoshop online. Questa applicazione non è così facile da capire come la precedente, Phoenix. Ci sono così tante caratteristiche e filtri in questo Editor che sono unici per questo programma, la maggior parte per la modifica e il ritocco delle immagini. Sarebbe molto difficile usare questa applicazione da zero a meno che tu non abbia una certa conoscenza del fotoritocco e della conoscenza di Photoshop.
La sofisticazione di questa applicazione consente di avere più layout di immagini pesanti e disegni complessi. Esistono numerosi filtri e regolazioni che consentono di personalizzare l'aspetto delle immagini e del design. Non ci sono molti svantaggi qui, a parte il fatto che è molto più complicato della maggior parte delle applicazioni online, ma a causa di ciò, c'è molto più personalizzazione che può essere fatta. Sfortunatamente, non puoi aprire e modificare i file PSD. Tuttavia, non è necessario disporre di un account per salvare i file creati con Pixlr Editor: è possibile salvarli direttamente sul disco rigido.
Splashup
Cosa dicono gli sviluppatori:
" Splashup, ex Fauxto, è un potente strumento di editing e gestione delle foto. Con le caratteristiche che i professionisti usano e i principianti vogliono, è facile da usare, funziona in tempo reale e consente di modificare molte immagini contemporaneamente. Splashup viene eseguito su tutti i browser, si integra perfettamente con i migliori siti di condivisione di foto e ha persino il proprio formato di file, così puoi salvare il tuo lavoro in corso. “
Quello che ognuno sta dicendo:
Questa applicazione è un bel mix tra la semplicità di Phoenix e la raffinatezza di Pixlr Editor. Sembra essere un'applicazione vicina a, ma non abbastanza, una copia di Photoshop. In realtà direi che non è così intuitivo, dato che tutti gli strumenti e i pulsanti non sono gli stessi e può creare confusione. Tuttavia, ciò non cambia la potenza delle capacità di progettazione.
Il più grande inconveniente che ho trovato con Splashup è che è stato creato con Flash. Non è un grosso problema, ma probabilmente può succhiare molta memoria e passare attraverso molti bug e glitch. Inoltre, non l'ho trovato intuitivo e facile da usare come gli altri programmi, principalmente a causa dell'implementazione di Flash e della differenza in alcuni pulsanti.
La linea di fondo, tuttavia, è che Splashup è perfettamente in grado di progettare un layout web. Sfortunatamente, questo programma non importa i file PSD, ma non è necessario avere un account per salvare i file. Puoi salvarli sul tuo disco rigido e in una serie di altri luoghi (come Flickr, Photobucket, ecc.).
Sumo Paint
Cosa dicono gli sviluppatori:
“ Sumopaint è la più versatile applicazione di pittura e fotoritocco online. Attualmente ha più di 1 milione di utenti attivi mensilmente e una comunità vivace. "
Quello che ognuno sta dicendo:
Molto simile agli altri editori, Sumopaint prende una coltellata abbastanza decente nel mondo della manipolazione fotografica e del design. Quello che mi piace di Sumopaint è l'integrazione di molti degli strumenti che trovi in Photoshop che non si trovano in molti degli altri editor online, ovvero la bacchetta magica e gli strumenti di forma personalizzati. Il setup è molto simile a quello delle precedenti versioni di Photoshop, il che lo rende molto intuitivo.
Ha un po 'più sofisticate funzionalità, filtri e regolazioni, che, ancora una volta, rendono davvero facile lavorare con progetti di layout complessi. Questo editor è stato creato con Flash, quindi potrebbero esserci alcuni problemi, per quanto riguarda il lag e la memoria. Ma se siete degli editor basati su Flash, questo è ovviamente il più stellare dei due (SplashUp).
Questa app è disponibile in diverse lingue, il che lo rende estremamente versatile. Sumopaint vanta una comunità di design piuttosto ampia di 4 milioni di persone che condividono, collaborano, valutano e "remixano" il lavoro degli altri. Sumopaint è uno dei più facili da usare (specialmente se provenienti da Photoshop) con alcune delle migliori caratteristiche offerte.
La codifica
A seconda del flusso di lavoro desiderato, è possibile eseguire la progettazione e la codifica contemporaneamente o in due fasi distinte e separate. Qualunque sia il tuo flusso desiderato, devi codificare il tuo sito web ad un certo punto. Ci sono molti diversi programmi scaricabili che usiamo per codificare i nostri siti, a seconda di ciò che ci piace, ma ho messo insieme quattro dei migliori per i web designer (non necessariamente gli sviluppatori che sono molto fluenti in HTML o CSS).
Drawter
Cosa dicono gli sviluppatori:
"Drawter è uno strumento scritto in JavaScript e basato sulla libreria jQuery. Ti offre la possibilità di disegnare letteralmente il codice del tuo sito web. Funziona su ogni singolo browser Web che lo rende davvero utile e utile. Ogni tag è presentato come un livello che hai disegnato.
Attualmente Drawter è disponibile in versione Pro, il che significa che è destinato esclusivamente ai webmaster - è richiesta la conoscenza di HTML e CSS. Drawter non è uno strumento per i laici, per il momento, ma l'intero team che sta dietro al progetto sta facendo ogni sforzo per lanciare una nuova versione chiamata "Amateur". Presto sarai in grado di disegnare i tuoi siti web senza alcuna conoscenza di HTML o CSS. Avvio 2010. "
Quello che ognuno sta dicendo:
Come designer, ciò che mi ha attirato su Drawter è stata la capacità di disegnare il layout desiderato con il righello basato su pixel lungo entrambi gli assi. Genera il codice CLEAN per te e tutto ciò che devi fare è nominare ciascuna delle tue sezioni o div che crei. Puoi personalizzare i tuoi div con le proprietà CSS, come i colori di sfondo e le immagini, per aiutarti a capire come sarà il tuo sito web. Puoi anche giocare con i caratteri e i bordi e qualsiasi cosa per aiutarti a concettualizzare visivamente il tuo sito web.
Drawter ha anche molti attributi diversi e ti consente di inserire tag form, tag intestazione e molto altro per HTML. Questo è ottimo per quelli di noi che hanno layout che richiedono davvero molto lavoro e attenzione, specialmente se non siamo così abili nel markup. Il più grande svantaggio che ho trovato per Drawter è che è solo in HTML4, alcuni potrebbero trovare questo un grosso problema, altri no. Credo che sia una di quelle cose praticabili, soprattutto se sai come codificare in HTML5 e CSS3.
YAML Builder
Cosa dicono gli sviluppatori:
"Il YAML Builder è uno strumento per la creazione visiva di layout CSS basati su YAML. Consente di impostare caratteristiche di layout di base come il numero e il posizionamento delle colonne del contenuto, nonché la creazione dinamica di layout basati su griglia trascinando e rilasciando i subtemplate. Non proprio WYSIWYG, ma vicino!
Il codice generato dal Builder si basa sulla struttura del file del modello "Simple Project", in modo che il risultato completo possa essere copiato e incollato direttamente, senza modificare nulla. Il markup XHTML richiesto, il layout dello schermo e le regolazioni specifiche del layout per Internet Explorer vengono generati automaticamente. "
Quello che ognuno sta dicendo:
YAML Bulder è basato di nuovo, più che altro sul CSS di un sito web. Quello che ho trovato interessante su YAML erano i preset che avevano già: hai il tuo sito web a due colonne, il sito web di tre colonne, ecc. Questo è fantastico se vuoi prima creare il tuo codice, poi entrare in una delle applicazioni di design e unghie giù l'aspetto del tuo sito web.
Non l'ho trovato facile e intuitivo da usare come Drawter, in cui hai disegnato ciò che volevi. Fondamentalmente YAML ha i loro modelli e per regolare e modificare tutto ciò che è necessario trovare le proprietà e quindi digitare tutto dentro. Inoltre non è vasto come Drawter in cui è possibile caricare immagini e cambiare i colori e inserire i tag modulo. Questo è un po 'più rigoroso per quanto riguarda la creazione di un framework in cui successivamente si inseriscono e si agitano le immagini e la personalizzazione. Trovo che questo si sia focalizzato un po 'di più sulla codifica e meno e sul look.
Ancora una volta, questo editor non supporta HTML5 al momento.
jsFiddle
Cosa dicono gli sviluppatori:
“ JsFiddle è un parco giochi per sviluppatori web, uno strumento che può essere utilizzato in molti modi. Si può usare come editor online per frammenti creati da HTML, CSS e JavaScript. Il codice può quindi essere condiviso con altri, incorporato in un blog, ecc. Utilizzando questo approccio, gli sviluppatori di JavaScript possono facilmente isolare i bug. Miriamo a supportare tutti i framework attivamente sviluppati - aiuta a testare la compatibilità "
Quello che ognuno sta dicendo:
Questa è sicuramente un'applicazione più per gli sviluppatori e segna gli specialisti là fuori. Ho scelto jsFiddle perché ti consente di lavorare con diverse librerie JavaScript come mooTools e jQuery. Consente inoltre di eseguire il debug del tuo JavaScript e visualizzare in anteprima l'aspetto del tuo prodotto finito.
jsFiddle non è come gli altri editor di markup perché devi codificare tutto da zero qui. Naturalmente questa potrebbe essere una grande cosa perché hai più controllo su quello che stai facendo, specialmente se sai esattamente cosa vuoi fare. Molti sviluppatori non usano jsFiddle per codificare intere pagine, ma lo usano per eseguire il debug e risolvere problemi con parti del loro JavaScript. Tuttavia, jsFiddle è più che capace di aiutarti con il design dell'intero sito web.
Kodingen
Cosa dicono gli sviluppatori:
"Kodingen ha iniziato con due fratelli (Devrim & Sinan) che si uniscono per dare qualcosa alla comunità degli sviluppatori".
Quello che ognuno sta dicendo:
Ciò che immediatamente attirò a Kodingen fu il senso di comunità che veniva mostrato. Invece di sentirsi un web editor basato sul cloud, sembrava davvero un social network aperto. Lo scopo di Kodingen è ridurre la quantità di fluff che dobbiamo sopportare quando vogliamo creare, sviluppare, ospitare e aggiornare i siti web. In generale, dobbiamo andare su diversi siti Web per ogni passaggio, ma Kodingen lo rende un punto di riferimento.
Al momento della registrazione, si ottiene un account di hosting molto modesto (500 MB e 1 GB di larghezza di banda), ma ancora una volta, ciò che mi è piaciuto di questo è stato il senso di comunità. Ci sono così tanti linguaggi di programmazione supportati e sei libero di entrare in contatto con diversi membri della comunità per ottenere aiuto o per collaborare ai progetti. Questo è ottimo per quelli di noi che sono più forti nel design rispetto allo sviluppo e potrebbero usare un piccolo aiuto ogni tanto per ottenere il nostro sito web dove deve essere.
Il più grande richiamo qui è solo che è Beta. Ti avvisano prima di aderire che il tuo URL e i tuoi file e simili potrebbero scomparire il giorno dopo, quindi lo consigliano per giocare e collaborare rapidamente. Tuttavia, se questo dovesse mai diventare una versione ufficiale, penso che chiunque sia interessato al web design e allo sviluppo dovrebbe salire su questo treno. Kodingen è tutto arrotolato in uno: non c'è rimbalzo dei siti per far funzionare tutto insieme, è tutto in un unico punto, con l'opzione di far sì che altre persone ti aiutino. Non sono sicuro di dove Kodingen possa sbagliare.
Conclusione
Come web designer e sviluppatori, ovviamente, vogliamo utilizzare la migliore qualità per produrre la migliore qualità e, fortunatamente, abbiamo modi per farlo con un budget limitato. Continua a fare la tua ricerca e trovare strumenti che ti aiutino a creare siti web migliori. Queste sono solo alcune delle migliori applicazioni web e siti Web di prima qualità che aiutano le persone con un budget limitato.
Quali altre applicazioni e programmi abbiamo lasciato fuori dalla lista che AMI usare?