Strumenti di base per il web design

Non hai bisogno di molto software per iniziare come sviluppatore web

SommarioEspandere

• Editor di testo/HTML
• Browser Web
• Editore grafico
• Cliente FTP

A parte un computer e una connessione Internet, la maggior parte degli strumenti necessari per creare un sito Web lo 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.

Scegliere un testo di base o un editor HTML

Puoi scrivere HTML in un semplice editor di testo come Bloc notes in Windows 10, Modifica testo e Sublime Text su un Mac, o Vi o Emacs su Linux. Crei la codifica HTML per la pagina, salvi il documento come file web e lo apri in un browser per assicurarti che assomigli a come dovrebbe.

Se desideri più funzionalità di quelle offerte da un semplice editor di testo, utilizza 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 dimenticati ed evidenziare rotti collegamenti . Riconoscono e supportano altri linguaggi di codifica come CSS, PHP e JavaScript.

I numerosi editor HTML presenti sul mercato variano dal livello base a quello professionale. Se sei nuovo nella scrittura di pagine web, uno dei WYSIWYG (Quello che vedi è ciò che ottieni) gli editori potrebbero funzionare meglio per te. Alcuni editor mostrano solo il codice, ma alcuni ti consentono di alternare tra visualizzazioni di codifica e visualizzazioni visive. Ecco alcuni dei tanti editor web HTML disponibili:

L'IDEA di Komodoe la sua interfaccia user-friendly è adatta sia per 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 .

Lifewire

Editor HTML di CoffeeCupè particolarmente utile per i nuovi sviluppatori che sono più interessati all'apprendimento del codice che a un'interfaccia visiva. Questo robusto editor viene fornito con modelli e dispone di controlli di convalida per aiutare a mantenere il codice privo di errori. Include il completamento del codice e supporta altri linguaggi di codifica potresti usare insieme a HTML. Il software evidenzia gli errori, spiega perché sono comparsi e ti dice come risolverli. L'editor HTML di CoffeeCup funziona su Windows.

Lifewire

Mobilitareè un editor HTML per le persone che non vogliono essere coinvolte nel codice. Si tratta di scegliere a 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.

Lifewire

Browser Web

I siti Web possono avere un aspetto diverso da browser a browser, quindi è fondamentale testare le tue pagine Web per assicurarti che appaiano e funzionino come previsto. Chrome, Firefox, Safari (Mac), musica lirica e Edge (Windows) sono i browser più diffusi.

Devi anche testare l'aspetto e il funzionamento delle tue pagine 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 Visualizzazione > Sviluppatore > Strumenti di sviluppo . Seleziona l'icona dello smartphone in alto a sinistra nella finestra dello sviluppatore per vedere qualsiasi pagina in finestre di dimensioni diverse e sistemi operativi mobili.

Lifewire

Editore 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 open source gratuito che offre molte delle funzionalità dei suoi concorrenti più costosi. Come software open source , è disponibile per Windows, Mac e Linux.

Lifewire

Elementi di Photoshopper Mac e PC è una versione leggera del suo omonimo ma ha molte funzionalità.Corel PaintShop Proper PC ha quasi tutti gli strumenti che trovi in ​​Photoshop in un'interfaccia facile da usare.Inkscapeper 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.

Cliente FTP

Hai bisogno di un client FTP (protocollo di trasferimento file) per trasferire i tuoi file HTML e supportare immagini e grafica sul 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 con trascinamento della selezione e dispone di una funzione di pausa e ripristino per il caricamento di file di grandi dimensioni.

Lifewire / Richard Saville

Anatra ciberneticaè un software gratuito, open source e multipiattaforma noto per la sua perfetta integrazione con editor esterni e la sua interfaccia utente attraente.FTP gratuitoe FTP diretto sono realizzati dalla stessa azienda. Free FTP è un client minimalista che soddisfa le esigenze di trasferimento di file di base. Direct FTP è 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.

Lifewire

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.