Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

L'editor per la digitazione del codice

Descrizione dell'editor per siti Web integrato in Aptana: la potenza nella digitazione del codice
Descrizione dell'editor per siti Web integrato in Aptana: la potenza nella digitazione del codice
Link copiato negli appunti

Aptana Studio mette a disposizione dell'utilizzatore un potente editor per la creazione di pagine Web e applicazioni, sarà possibile accedere ad esso facendo clic su una qualsiasi pagina facente parte di un progetto così come attraverso il percorso: File / New / pagina da creare

Le impostazioni predefinite dell'editor prevedono che questo sia suddiviso in tre sezioni, ognuna dedicata in modo specifico ad linguaggio per il markup, lo sviluppo o la formattazione:

  • HTML;
  • Js;
  • CSS.

Aprendo un documento HTML, sarà possibile accedere ad un menu per l'inserimento rapito dei tag e ad una finestra per la visualizzazione e la digitazione del codice.

Figura 24: L'editor di Aptana
(clic per ingrandire)

Figura 24: L'editor di Aptana

Gli strumenti disponibili per l'inserimento rapido non sono molti, si limitano alle funzionalità essenziali come per esempio:

  • la possibilità di inserire velocemente il tag <br /> per andare a capo;
  • heading tag principali;
  • strumenti basilari per la formattazione delle stringe di testo (grassetto, corsivo e sottolineato);
  • collegamenti veloci ad URL e caselle di posta elettronica;
  • creazione veloce di tabelle, celle, elenchi puntati o numerati, moduli form etc.

Ma la vera forza di questo editor sta nell'efficace sistema di assistenza per la digitazione del codice.

Figura 25: Assistenza per la digitazione del codice
(clic per ingrandire)

Figura 25: Assistenza per la digitazione del codice

Nell'esempio proposto dall'immagine precedente, viene mostrato il tentativo d'inserimento di un heading tag, all'utilizzatore è bastato digitare <h per ottenere un suggerimento. L'editor è in grado di rilevare i caratteri digitati e di proporre la soluzione più adatta per il loro completamento; nel caso specifico viene suggerito l'inserimento del tag <h1>, le due icone di fianco al tag rappresentano i browser disponibili per il sistema e ne indicano la compatibilità con entrambi, inoltre, viene visualizzato un tooltip di colore giallo in cui viene fornita una breve descrizione del tag e l'elenco dei browser che lo supportano.

Fino a quando un tag non viene chiuso, la riga in cui è inserito viene marcata con la piccola immagine di un cerchio rosso contenente una x, essa indica la presenza di un errore e il passaggio sopra di questa tramite il cursore del mouse permetterà di leggerne i dettagli.

Figura 26: Segnalazione dell'errore
Immagine

L'editor è in grado di chiudere automaticamente un tag aperto, di suggerire il corretto delimitatore per la chiusura di un tag, inoltre sarà possibile visualizzare in qualsiasi momento la descrizione di un qualsiasi elemento del markup semplicemente portando al di sopra di esso il cursore del mouse, come nell'esempio mostrato dall'immagine seguente.

Figura 27: La descrizione dell'elemento HEAD
(clic per ingrandire)

Figura 27: La descrizione dell'elemento HEAD


Ti consigliamo anche