Gli strumenti di base necessari per il web design sono incredibilmente semplici. A parte un computer e una connessione Internet, la maggior parte degli strumenti necessari per creare un sito Web sono programmi software, alcuni dei quali potrebbero già essere sul tuo computer. Hai bisogno di un editor di testo o HTML, un editor di grafica, browser web e un client FTP per caricare file sul tuo server web.
Scegliere un testo di base o un editor HTML
Puoi scrivere HTML in un editor di testo semplice come Blocco note in Windows 10, TextEdit su Mac o Vi o Emacs in Linux. Inserisci il codice HTML, salva il documento come file Web e aprilo in un browser per assicurarti che sia come dovrebbe.
Se desideri più funzionalità di quelle che trovi in un editor di testo semplice, usa invece un editor HTML. Gli editor HTML riconoscono il codice e sono in grado di identificare gli errori di codifica prima di avviare il file. Possono anche aggiungere tag di chiusura che dimentichi e evidenzia link interrotti. Riconoscono e adattano altri linguaggi di programmazione come CSS, PHP e JavaScript.
Esistono molti editor HTML sul mercato e variano dal software di base a quello di livello professionale. Se sei nuovo nella scrittura di pagine web, uno degli editor WYSIWYG (What You See Is What You Get) potrebbe funzionare al meglio per te. Alcuni editor mostrano solo il codice, ma con alcuni di essi è possibile alternare le visualizzazioni di codifica e le visualizzazioni visive. Ecco alcuni dei molti editor Web HTML disponibili:
- Komodo IDE e la sua interfaccia user-friendly è adatta sia agli sviluppatori web iniziali che avanzati. La funzione di completamento automatico di Komodo IDE è particolarmente utile per i nuovi sviluppatori perché sa come scrivere codice per elementi comuni come i collegamenti. Il software supporta la codifica a colori di diversi tipi di codifica come HTML, CSS e molti altri linguaggi di programmazione. Komodo IDE è un software multipiattaforma che funziona su Windows, Mac e Linux.
- CoffeeCup HTML Editor è per i nuovi sviluppatori che sono più interessati all'apprendimento del codice rispetto all'interfaccia visiva. Questo robusto editor è dotato di modelli e dispone di checker di convalida per mantenere il codice privo di errori. Include il completamento del codice e supporta altri linguaggi di programmazione che è possibile utilizzare in combinazione con HTML. I principianti lo apprezzeranno quando il software evidenzia errori nel codice, spiega il motivo per cui sono apparsi e dice allo sviluppatore come risolverli. CoffeeCup HTML Editor funziona su Windows.
- MobiRise è un editor HTML per le persone che non vogliono essere coinvolte con il codice. Si tratta di scegliere un tema e quindi di trascinare e rilasciare elementi nella pagina. Aggiungi il testo proprio come faresti in un normale editor di testo e inserisci immagini, video o icone - tutto senza scrivere alcun codice; Mobirise fa quella parte per te. Mobirise è disponibile per Windows e Mac ed è gratuito.
Browser Web
Metti alla prova le tue pagine web in un browser per assicurarti che abbiano l'aspetto desiderato prima di avviare la pagina. Chrome, Firefox, Safari (Mac) e Internet Explorer (Windows) sono i browser più popolari. Controlla il tuo codice HTML in tutti i browser che hai sul tuo computer e scarica anche browser meno conosciuti, come Opera.
Editor grafico
Il tipo di editor grafico necessario dipende dal tuo sito web. Sebbene Adobe Photoshop sia lo standard d'eccellenza per lavorare con le foto, potresti non aver bisogno di molta energia. Potresti preferire un programma di grafica vettoriale per il logo e l'illustrazione. Alcuni editori grafici da considerare per l'utilizzo di base dello sviluppo web includono:
- GIMP è un programma di fotoritocco gratuito e open source che offre molte delle caratteristiche dei suoi concorrenti più costosi. Come software open source, è disponibile per Windows, Mac e Linux.
- Photoshop Elements per Mac e PC è un editor di immagini che è una versione leggera del suo omonimo ma con un sacco di potenza per lavorare con la grafica per il web.
- Corel PaintShop Proper PC ha quasi tutti gli strumenti utili che trovi in Photoshop e un'interfaccia che è facile da usare.
- Inkscape per Windows, Mac e Linux è un editor di grafica vettoriale gratuito. Questa alternativa al più costoso Adobe Illustrator ha una potenza più che sufficiente per un semplice lavoro di progettazione e grafica web.
Client FTP
Hai bisogno di un client FTP per trasferire i tuoi file HTML e supportare immagini e grafica sul tuo server web. Mentre FTP è disponibile tramite la riga di comando in Windows, Macintosh e Linux, è molto più semplice utilizzare un client. Esistono molti client FTP di buona qualità, tra cui:
- FileZilla è un client FTP gratuito disponibile per Windows, Mac e Linux. Supporta trasferimenti di file drag-and-drop e ha una funzionalità di pausa e ripresa per il caricamento di file di grandi dimensioni.
- Cyberduck è un software open-source e multipiattaforma noto per la sua perfetta integrazione con gli editor esterni e la sua attraente interfaccia utente.
- FTP gratuito e FTP diretto sono fatti dalla stessa azienda FTP gratuito è un client minimalista, ma soddisfa tutte le esigenze di trasferimento di file di base. FTP diretto è una versione premium che offre funzionalità avanzate. Entrambe le versioni sono supportate da Windows 7,8 e Vista, ma solo FTP diretto è adatto per Windows 10.
- Trasmettere è un client FTP premium, solo per Mac. Facilita trasferimenti insolitamente veloci e supporta Amazon CloudFront.
- FTP carino è un potente client FTP premium che puoi utilizzare per creare fino a 100 trasferimenti contemporaneamente. È considerato uno dei client FTP più sicuri in circolazione.
