Quando è necessario apportare una modifica rapida a una pagina Web e non si dispone di un editor HTML sul computer, è possibile modificare il codice nel browser. Diversi siti Web dispongono di potenti strumenti che consentono di sviluppare, testare e modificare le pagine Web da qualsiasi posizione che disponga di una connessione Internet. Puoi persino includere JavaScript e fogli di stile a cascata nel codice che digiti in questi editor online.
1
Accedi al sito Web JsFiddle e controlla l’interfaccia utente del sito. Troverai quattro grandi caselle di testo sul lato destro della pagina. Tre di queste caselle ti consentono di inserire un tipo specifico di codice HTML. Incolla il codice HTML nella casella HTML, JavaScript nella casella JavaScript e il codice del foglio di stile a cascata nella casella CSS. Dopo averlo fatto, fai clic su “Esegui” e JsFiddle visualizza la tua pagina Web nella quarta casella. Puoi salvare la tua pagina facendo clic su “Salva”. Il sito crea un URL univoco che puoi condividere con altri. Quando visitano JsFiddle, vedranno le stesse quattro scatole che vedi tu. Gli sviluppatori in luoghi diversi utilizzano spesso JsFiddle per lavorare sui siti Web in modo collaborativo
2
Visita il sito Web di Quackit HTML Editor. Quackit ha un editor HTML completo simile a quello che potresti trovare in un’applicazione desktop. Le righe di strumenti nella parte superiore dell’editor ti consentono di formattare il testo HTML che inserisci nell’editor, gestire le iperlinee, aggiungere immagini ed eseguire altre attività relative all’HTML. L’editor mostra tutto in modalità Anteprima, ma puoi fare clic sul pulsante “Sorgente” dell’editor per passare alla visualizzazione HTML. In quella vista puoi lavorare direttamente con il tuo codice sorgente HTML proprio come faresti con il tuo editor desktop. Al termine della modifica, evidenzia e copia il codice che vedi nella vista Sorgente e incollalo in un documento di testo sul tuo disco rigido.
3
Vai alla pagina Web di W3Schools.com Tryit Editor e trova la casella di testo di modifica sul lato sinistro della pagina. W3Schools è un sito di tutorial online che dispone di un editor HTML denominato Tryit che elabora codice HTML, CSS e JavaScript in tempo reale. Incolla HTML nella casella di testo di modifica o digita HTML da zero. Quando fai clic sul pulsante “Modifica e fai clic su di me” nella parte superiore della pagina, l’editor visualizza la tua pagina Web in una casella di anteprima accanto alla casella di modifica. Quando aggiungi il codice alla casella di modifica, digitalo esattamente come faresti se lo immettessi in un normale editor HTML. Non è necessario separare il codice HTML, JavaScript e CSS come fai su JsFiddle. Poiché W3Schools è un sito di tutorial, è possibile fare clic sul collegamento “W3Schools.com” nell’angolo destro della pagina e visualizzare una varietà di argomenti che possono aiutare ad apprendere la programmazione Web e scoprire suggerimenti sulla programmazione.