Linee guida per la verifica del sito e uso dei rapporti per verificare il sito Dreamweaver prima di caricarlo.

Indicazioni per la verifica del sito

Prima di caricare il sito su un server e considerarlo pronto per la visualizzazione, è consigliabile verificarlo a livello locale. In effetti, è buona norma provare spesso il funzionamento del sito durante lo sviluppo, per individuare i problemi tempestivamente ed evitare di ripeterli.

È necessario controllare che nei browser di destinazione le pagine abbiano l'aspetto e il funzionamento desiderati, che non siano presenti collegamenti interrotti e che il tempo di scaricamento delle pagine non sia eccessivamente lungo. Potete inoltre verificare l'intero sito e risolvere eventuali problemi eseguendo un rapporto.

Le indicazioni riportate di seguito possono aiutare a rendere piacevole e interessante la navigazione del sito:

Controllate che le pagine funzionino nel modo previsto all'interno dei browser per i quali sono state progettate.

Le pagine devono essere leggibili e funzionali anche nei browser che non supportano stili, livelli, plugin o il linguaggio JavaScript. Se con browser meno recenti le pagine perdono gran parte delle proprie caratteristiche, è consigliabile utilizzare il comportamento Controlla browser per reindirizzare automaticamente i visitatori a un'altra pagina.

Visualizzate un'anteprima delle pagine in più browser e su piattaforme diverse.

In questo modo potete verificare le eventuali differenze di layout, colori, dimensioni di caratteri e dimensioni predefinite delle finestre dei browser che non possono essere previste in un controllo basato solo sui browser di destinazione.

Verificate se sono presenti eventuali collegamenti interrotti e correggeteli.

Anche i siti a cui si riferiscono i collegamenti vengono sottoposti a modifiche e riorganizzazioni e le pagine collegate potrebbero essere state spostate o eliminate. A tale scopo, potete eseguire un rapporto di controllo dei collegamenti.

Monitorate le dimensioni dei file delle pagine e il tempo necessario per scaricarle.

Tenete presente che una pagina composta da un'unica tabella di grandi dimensioni, in alcuni browser, non verrà visualizzata fino al completo caricamento della tabella. Considerate la possibilità di suddividere le tabelle lunghe; qualora ciò non fosse possibile, può essere una buona idea inserire una piccola parte di contenuto, ad esempio un messaggio di benvenuto o un'inserzione pubblicitaria, all'esterno della tabella e all'inizio della pagina, in modo che gli utenti possano visualizzare tale materiale durante lo scaricamento della tabella.

Eseguite alcuni rapporti del sito per testare l'intero sito e risolvere eventuali problemi.

Potete rilevare la presenza di problemi quali documenti senza titolo, tag vuoti e tag nidificati superflui.

Convalidate il codice che avete scritto, per individuare gli errori dei tag o di sintassi.

Continuate ad aggiornare e gestire il sito dopo la pubblicazione.

La pubblicazione del sito, ovvero la sua attivazione sul Web, può essere eseguita in modi diversi ed è un processo dinamico. Una parte importante del processo è costituita dalla definizione e dall'implementazione di un sistema di controllo delle versioni mediante gli strumenti di Dreamweaver o un'applicazione esterna.

Utilizzate i forum di discussione.

I forum di discussione di Dreamweaver sono consultabili nel sito Web Adobe all'indirizzo www.adobe.com/go/dreamweaver_newsgroup_it.

Questi forum costituiscono un'importante risorsa per recuperare informazioni su browser, piattaforme e così via e consentono di discutere con altri utenti di Dreamweaver di questioni tecniche e di condividere utili metodologie di lavoro.

Per un'esercitazione sulla risoluzione dei problemi di pubblicazione, vedete www.adobe.com/go/vid0164_it.

Utilizzare i rapporti per la verifica del sito

È possibile eseguire rapporti sul sito relativi al flusso di lavoro o agli attributi HTML. Potete anche utilizzare il comando Rapporti per controllare i collegamenti nel sito.

I rapporti sul flusso di lavoro possono contribuire a migliorare la collaborazione tra i membri di un team di Web designer. Potete eseguire dei rapporti sul flusso di lavoro che visualizzino quale membro del team ha ritirato un file, a quali file sono associate delle Design Notes e quali file sono stati modificati di recente. Inoltre, potete rifinire ulteriormente i rapporti sulle Design Notes specificando dei parametri di nome/valore.

Nota:

per eseguire i rapporti sul flusso di lavoro è necessario che sia definita una connessione a un sito remoto.

I rapporti HTML consentono di compilare e generare rapporti per vari attributi HTML. Potete controllare i tag font nidificati combinabili, il testo alternativo mancante, i tag nidificati superflui, quelli vuoti eliminabili e i documenti senza titolo.

Dopo aver eseguito un rapporto, potete salvarlo come file XML, quindi importarlo in un modello, in un database o in un foglio elettronico e stamparlo oppure visualizzarlo in un sito Web.

Nota:

tramite il sito Web Adobe Dreamweaver Exchange, è inoltre possibile aggiungere diversi tipi di rapporto a Dreamweaver.

Eseguire rapporti per la verifica di un sito

  1. Selezionate Sito > Rapporti.
  2. Dal menu a comparsa Rapporto su, selezionate l'elemento per il quale deve essere eseguito il rapporto e impostate i tipi di rapporto da eseguire (flusso di lavoro o HTML).

    Il rapporto File selezionati nel sito può essere eseguito solo se sono già stati selezionati dei file nel pannello File.

  3. Se avete selezionato un rapporto sul flusso di lavoro, fate clic su Impostazioni rapporto. In caso contrario, ignorate questo passaggio.

    Nota:

    se avete selezionato diversi rapporti sul flusso di lavoro, dovete fare clic su Impostazioni rapporto. Selezionate un rapporto, fate clic su Impostazioni rapporto e inserite le impostazioni. Quindi ripetete il processo per tutti gli altri rapporti sul flusso di lavoro.

    Ritirato da

    Crea un elenco di tutti i documenti ritirati da un membro specifico del team. Inserite il nome di un membro del team, quindi fate clic su OK per tornare alla finestra di dialogo Rapporti.

    Design Notes

    Crea un rapporto che elenca tutte le Design Notes dei documenti selezionati o dell'intero sito. Inserite uno o più nomi e coppie di valori, quindi selezionate i valori di confronto dai menu a comparsa corrispondenti. Fate clic su OK per tornare alla finestra di dialogo Rapporti.

    Modificato recentemente

    Crea un rapporto che elenca i file modificati in un lasso di tempo specificato. Inserite gli intervalli di date e la posizione dei file da visualizzare.

  4. Se avete selezionato un rapporto HTML, scegliete una delle seguenti opzioni:

    Tag Font nidificati combinabili

    Crea un rapporto che elenca tutti i tag font nidificati che è possibile combinare per ottimizzare il codice.

    Ad esempio, <font color="#FF0000"><font size="4">STOP!</font></font> viene incluso nel rapporto.

    Testo Alt mancante

    Consente di creare un elenco che riporta tutti i tag img privi di testo alternativo.

    Il testo alternativo viene visualizzato al posto di un'immagine nei browser che non supportano la modalità grafica oppure che sono configurati per lo scaricamento manuale delle immagini. Gli screen reader leggono il testo alternativo e alcuni browser lo visualizzano quando l'utente passa con il mouse sopra l'immagine.

    Tag nidificati superflui

    Crea un rapporto dettagliato dei tag nidificati da ottimizzare.

    Ad esempio, può essere segnalato <i> The rain <i> in</i> Spain stays mainly in the plain</i>.

    Tag vuoti eliminabili

    Crea un rapporto dettagliato di tutti i tag privi di contenuto che possono essere eliminati per ottimizzare il codice HTML.

    Ad esempio, è possibile che nella vista Codice sia stato eliminato un elemento o un'immagine, ma che i tag relativi siano ancora presenti.

    Documenti senza titolo

    Crea un rapporto che elenca tutti i documenti senza titolo trovati nei parametri selezionati. Dreamweaver segnala tutti i documenti con titoli predefiniti, tag title multipli o tag title mancanti.

  5. Fate clic su Esegui per creare il rapporto.

    In base al tipo di rapporto che scegliete di eseguire, viene richiesto di salvare il file, definire il sito o selezionare una cartella (se l'operazione non è già stata effettuata).

    I risultati vengono visualizzati nel pannello Rapporti sito nel gruppo di pannelli Risultati.

Utilizzare e salvare un rapporto

  1. Eseguite un rapporto (consultate la procedura precedente).
  2. Nel pannello Rapporti sito, effettuate una delle seguenti operazioni per visualizzare il rapporto:
    • Fate clic sull'intestazione della colonna in base alla quale desiderate ordinare i risultati.

      Potete ordinarli per nome di file, per numero di riga o per descrizione. Inoltre, si possono eseguire più rapporti diversi e mantenere aperti i vari rapporti.

    • Selezionate una riga del rapporto, quindi fate clic sul pulsante Altre informazioni sul lato sinistro del pannello Rapporti sito per la descrizione del problema.

    • Fate doppio clic su una qualsiasi riga del rapporto per visualizzare il codice corrispondente nella finestra del documento.

    Nota:

    se state lavorando nella vista Progettazione, Dreamweaver attiva la vista combinata in modo da evidenziare nel codice il problema selezionato.

  3. Fate clic su Salva rapporto per salvare il rapporto.

    Il rapporto salvato può essere importato in un modello esistente. È quindi possibile importare il file in un database o in un foglio elettronico e stamparlo, oppure utilizzarlo per visualizzare il rapporto in un sito Web.

    Nota:

    Dopo aver eseguito i rapporti HTML, utilizzate il comando Ottimizza HTML per correggere gli eventuali errori HTML riscontrati.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online