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 essere già sul tuo computer. Hai bisogno di un editor di testo o HTML, un editor di grafica, browser web e un client FTP per caricare i file sul tuo server web.
Scelta di un editor di testo o HTML di base
Puoi scrivere HTML in un editor di testo semplice come Bloc notes in Windows 10, TestoModifica e Sublime Text su un Mac, o Vi o Emacs in Linux. Crei la codifica HTML per la pagina, salvi il documento come file web e lo apri in un browser per assicurarti che appaia come dovrebbe.
Se desideri più funzionalità di quelle offerte da un semplice editor di testo, 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 ed evidenziare rotti link. Riconoscono e supportano altri linguaggi di codifica come CSS, PHP e JavaScript.
I numerosi editor HTML sul mercato variano dal livello base a quello professionale. Se sei nuovo nella scrittura di pagine web, uno dei WYSIWYG (Quello che vedi è quello che ottieni) gli editor potrebbero funzionare meglio per te. Alcuni editor mostrano solo il codice, ma alcuni consentono di alternare tra le visualizzazioni di codifica e le visualizzazioni visive. Ecco alcuni dei numerosi editor Web HTML disponibili:
- Komodo IDE e la sua interfaccia user-friendly sono adatte sia per gli sviluppatori web principianti che avanzati. La funzione di completamento automatico di Komodo IDE è particolarmente utile quando si scrive codice per elementi comuni come i collegamenti. Il software supporta la codifica a colori di diversi linguaggi di codifica come HTML, CSS e molti altri. Komodo IDE funziona su Windows, Mac e Linux.
- CoffeeCup Editor HTML è particolarmente utile per i nuovi sviluppatori che sono più interessati a imparare a programmare che a un'interfaccia visiva. Questo robusto editor viene fornito con modelli e controlli di convalida per aiutare a mantenere il codice privo di errori. Include il completamento del codice e ne supporta altri linguaggi di codifica potresti usare insieme all'HTML. Il software evidenzia gli errori, spiega perché sono comparsi e ti dice 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 trascinando e rilasciando gli elementi sulla pagina. Aggiungi testo proprio come faresti in un normale editor di testo e inserisci immagini, video o icone, il tutto senza scrivere alcun codice; Mobirise fa quella parte per te. Mobirise è disponibile per Windows e Mac ed è gratuito.
Browser Web
I siti web possono avere un aspetto diverso da browser a browser, quindi testare le tue pagine web per assicurarti che appaiano e funzionino come previsto è fondamentale. Chrome, Firefox, Safari (Mac), musica liricae Edge (Windows) sono i browser più diffusi.
Devi testare l'aspetto e il funzionamento delle tue pagine anche nei browser mobili. La maggior parte dei browser desktop offre la possibilità di visualizzare i siti Web in finestre di varie dimensioni. Ad esempio, in Google Chrome è disponibile una vasta gamma di strumenti di test all'indirizzo Visualizza > Sviluppatore > Strumenti di sviluppo. Seleziona l'icona dello smartphone in alto a sinistra nella finestra dello sviluppatore per visualizzare qualsiasi pagina in finestre di dimensioni diverse e sistemi operativi mobili.
Editor grafico
Il tipo di editor grafico di cui hai bisogno dipende dal tuo sito web. Adobe Photoshop è il gold standard, ma potresti non aver bisogno di tanta potenza, inoltre potresti aver bisogno di un programma di grafica vettoriale per il lavoro di logo e illustrazione. Alcuni editor grafici da considerare per lo sviluppo web di base includono:
- GIMP è un programma di fotoritocco gratuito e open source che offre molte delle funzionalità dei suoi concorrenti più costosi. Come software open source, è disponibile per Windows, Mac e Linux.
- Elementi di Photoshop per Mac e PC è una versione leggera del suo omonimo ma ha molte funzionalità.
- Corel PaintShop Pro per PC ha quasi tutti gli strumenti che trovi in Photoshop in un'interfaccia facile da usare.
- Inkscape per Windows, Mac e Linux è un editor di grafica vettoriale gratuito. Questa alternativa al più costoso Adobe Illustrator ha capacità più che sufficienti per semplici lavori di progettazione e grafica web.
Client FTP
Hai bisogno di un client FTP (file transfer protocol) per trasferire i tuoi file HTML e le immagini e la grafica di supporto al tuo server web. FTP è disponibile tramite la riga di comando in Windows, Macintosh e Linux, ma un client FTP dedicato è molto più facile da usare. La cima Client FTP includere:
- FileZilla (gratuito) è disponibile per Windows, Mac e Linux. Supporta i trasferimenti di file drag-and-drop e ha una funzione di pausa e ripresa per il caricamento di file di grandi dimensioni.
- Cyberduck è un software gratuito, open source e multipiattaforma noto per la sua perfetta integrazione con editor esterni e la sua interfaccia utente accattivante.
- FTP gratuito e FTP diretto sono realizzati dalla stessa azienda. Free FTP è un client minimalista che soddisfa 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 Direct FTP è 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 effettuare fino a 100 trasferimenti contemporaneamente. È considerato uno dei client FTP più sicuri disponibili.