Scoprite le modalità con cui Dreamweaver supporta diversi linguaggi di programmazione utilizzati per la creazione di siti Web.
I linguaggi di programmazione più comuni per la progettazione e lo sviluppo di siti Web funzionali sono HTML, HTML5 e CSS per il front-end e PHP, JavaScript, Java e jQuery per il back-end.
Potete progettare l'aspetto generale di un sito Web (ad esempio i font e i colori) utilizzando CSS. Potete quindi usare il linguaggio HTML per inserire immagini, testo, video, moduli e altre parti di contenuto per formare una pagina Web coesa.
Utilizzando i linguaggi HTML e CSS, potete creare un sito statico. Tuttavia, la maggior parte dei siti Web richiedono una qualche forma di interazione (ad esempio, richiedere a un utente di compilare un modulo o di effettuare un pagamento) e di un database per memorizzare tutti i dati del sito Web.
Per creare questi canali di comunicazione back-end, dovete utilizzare un linguaggio di programmazione lato server (ad esempio, PHP) che comunichi con il database.
Linguaggi di programmazione supportati da Dreamweaver
Oltre alle funzionalità di modifica del testo, Adobe Dreamweaver offre varie funzioni, come i suggerimenti di codice, per aiutarti a programmare nei seguenti linguaggi:
- HTML
- PHP
- CSS
- JavaScript
Altri linguaggi, come Perl, non sono supportati dalle funzioni di codifica specifiche per ciascun linguaggio in Dreamweaver; ad esempio, puoi creare e modificare file Perl, ma i suggerimenti per il codice non si applicano a quel linguaggio.
Modifica automatica del codice
Puoi impostare opzioni che istruiscono Dreamweaver a pulire automaticamente il tuo codice scritto a mano secondo i criteri che specifichi. Tuttavia, il tuo codice non viene mai riscritto a meno che le opzioni di riscrittura del codice non siano abilitate o tu esegua un'azione che modifica il codice. Ad esempio, Dreamweaver non altera gli spazi vuoti o cambia il caso degli attributi a meno che tu non usi il comando Applica formattazione origine.
Alcune di queste opzioni di riscrittura codice sono attivate per impostazione predefinita.
Le funzionalità Roundtrip HTML in Dreamweaver consentono di spostare i documenti avanti e indietro tra un editor HTML basato su testo e Dreamweaver con poco o nessun effetto sul contenuto e sulla struttura del codice sorgente HTML originale del documento.Le funzioni di Roundtrip HTML sono le seguenti:
Avvia un editor di testo di terze parti per modificare il documento corrente.
Per impostazione predefinita, Dreamweaver non apporta modifiche nel codice creato o modificato in altri editor HTML, anche se il codice non è valido, a meno che tu non abiliti le opzioni di riscrittura del codice.
Dreamweaver non cambia i tag che non riconosce—inclusi i tag XML—perché non ha criteri per giudicarli. Se un tag non riconosciuto si sovrappone a un altro tag (ad esempio, <MyNewTag><em>text</MyNewTag></em>), Dreamweaver lo segna come errore ma non riscrive il codice.
In alternativa, puoi impostare Dreamweaver per evidenziare il codice non valido nella vista Codice (in giallo).Quando selezioni una sezione evidenziata, la finestra di ispezione Proprietà visualizza informazioni su come correggere l'errore.
Codice XHTML
Dreamweaver genera nuovo codice XHTML e pulisce il codice XHTML esistente in modo che soddisfi la maggior parte dei requisiti XHTML. Vengono forniti anche gli strumenti necessari per soddisfare i pochi requisiti XHTML rimanenti.
Alcuni requisiti sono richiesti anche in varie versioni di HTML.
Nella tabella seguente sono descritti i requisiti XHTML automaticamente soddisfatti in Dreamweaver:
Requisito XHTML |
Azioni eseguite da Dreamweaver |
|---|---|
Deve essere presente una dichiarazione DOCTYPE nel documento prima dell'elemento radice, e la dichiarazione deve fare riferimento a uno dei tre file Document Type Definition (DTD) per XHTML (strict, transitional o frameset). |
Aggiunge un DOCTYPE XHTML a un documento XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Oppure, se il documento XHTML ha un frameset: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
L'elemento radice del documento deve essere html, e l'elemento html deve designare il namespace XHTML. |
Aggiunge l'attributo spazio dei nomi all'elemento html, come segue: <html xmlns="http://www.w3.org/1999/xhtml"> |
Un documento standard deve avere gli elementi strutturali head, title e body. Un documento frameset deve avere gli elementi strutturali head, title e frameset. |
In un documento standard, include gli elementi head, title e body. In un documento frameset, include gli elementi head, title e frameset. |
Tutti gli elementi del documento devono essere correttamente nidificati: <p>Questo è un <i>esempio sbagliato.</p></i> <p>Questo è un <i>esempio corretto.</i></p> |
Genera codice nidificato correttamente e, durante la pulizia di XHTML, corregge la nidificazione nel codice non generato da Dreamweaver. |
Tutti i nomi di elementi e attributi devono essere in minuscolo. |
Forza i nomi di elementi e attributi HTML a essere in minuscolo nel codice XHTML generato e durante la pulizia di XHTML, indipendentemente dalle preferenze per maiuscole e minuscole di tag e attributi. |
Ogni elemento deve avere un tag di chiusura, a meno che non sia dichiarato nel DTD come EMPTY. |
Inserisce tag di chiusura nel codice generato e durante la pulizia di XHTML. |
Gli elementi vuoti devono avere un tag di chiusura, oppure il tag di apertura deve terminare con />. Ad esempio, <br> non è valido; la forma corretta è <br></br> o <br/>. Gli elementi vuoti sono i seguenti: area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta e param. Per compatibilità con i browser non abilitati per XML, deve esserci uno spazio prima di /> (ad esempio, <br />, non <br/>). |
Inserisce elementi vuoti con uno spazio prima della barra di chiusura nei tag vuoti nel codice generato e durante la pulizia di XHTML. |
Gli attributi non possono essere ridotti; ad esempio, <td nowrap> non è valido; la forma corretta è <td nowrap="nowrap">. Questo influisce sui seguenti attributi: checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly e selected. |
Inserisce coppie complete attributo-valore nel codice generato e durante la pulizia di XHTML. Nota: Se un browser HTML non supporta HTML 4, potrebbe non riuscire a interpretare questi attributi booleani quando appaiono nella loro forma completa. |
Tutti i valori degli attributi devono essere racchiusi tra virgolette. |
Inserisce virgolette attorno ai valori degli attributi nel codice generato e durante la pulizia di XHTML. |
I seguenti elementi devono avere un attributo id oltre a un attributo name: a, applet, form, frame, iframe, img e map. Ad esempio, <a name="intro">Introduction</a> non è valido; la forma corretta è <a id="intro">Introduction</a> o <a id="section1" name="intro"> Introduction</a>. |
Imposta gli attributi name e id allo stesso valore, ogni volta che l'attributo name viene impostato da Controllo proprietà, nel codice generato da Dreamweaver e durante la pulizia di XHTML. |
Per gli attributi con valori di tipo enumerato, i valori devono essere in minuscolo. Un valore di tipo enumerato è un valore di un elenco specifico di valori consentiti; ad esempio, l'attributo align ha i seguenti valori consentiti: center, justify, left e right. |
Forza i valori di tipo enumerato a essere in minuscolo nel codice generato e durante la pulizia di XHTML. |
Tutti gli elementi script e style devono avere un attributo type. (L'attributo type dell'elemento script è stato richiesto fin da HTML 4, quando l'attributo language è stato deprecato.) |
Imposta gli attributi type e language negli elementi script e l'attributo type negli elementi style, nel codice che genera e durante la pulizia di XHTML. |
Tutti gli elementi img e area devono avere un attributo alt. |
Imposta questi attributi nel codice che genera e, durante la pulizia di XHTML, segnala gli attributi alt mancanti. |
Espressioni regolari
Le espressioni regolari sono modelli che descrivono combinazioni di caratteri nel testo.Usale nelle ricerche nel codice per descrivere concetti come le righe che iniziano con «var» e i valori degli attributi che contengono un numero.
La seguente tabella elenca i caratteri speciali nelle espressioni regolari, i loro significati ed esempi di utilizzo.Per cercare testo contenente uno dei caratteri speciali nella tabella, utilizza l'escape del carattere speciale facendolo precedere da una barra rovesciata.Ad esempio, per cercare l'asterisco attuale nella frase some conditions apply*, il pattern di ricerca potrebbe essere simile a questo: apply\*. Se non utilizzi l'escape dell'asterisco, troverai tutte le occorrenze di "apply" (così come "appl", "applyy" e "applyyy"), non solo quelle seguite da un asterisco.
Carattere |
Corrisponde a |
Esempio |
|---|---|---|
^ |
Inizio dei dati inseriti o della riga. |
^T corrisponde a "T" in "This good earth" ma non in "Uncle Tom's Cabin" |
$ |
Fine dei dati inseriti o della riga. |
h$ corrisponde a "h" in "teach" ma non in "teacher" |
* |
Il carattere precedente 0 o più volte. |
um* corrisponde a «um» in «rum», «umm» in «yummy» e «u» in «huge» |
+ |
Il carattere precedente 1 o più volte. |
um+ corrisponde a «um» in «rum» e «umm» in «yummy» ma a nulla in «huge» |
? |
Il carattere precedente al massimo una volta (cioè, indica che il carattere precedente è opzionale). |
st?on corrisponde a "son" in "Johnson" e "ston" in "Johnston" ma a nulla in "Appleton" o "tension" |
. |
Qualunque carattere singolo eccetto quello di a capo. |
.an corrisponde a «ran» e «can» nella frase «bran muffins can be tasty» |
x|y |
x o y. |
FF0000|0000FF corrisponde a "FF0000" in bgcolor="#FF0000" e "0000FF'" in font color="#0000FF" |
{n} |
Esattamente n occorrenze del carattere precedente. |
o{2} corrisponde a "oo" in "loom" e alle prime due o in "mooooo" ma a nulla in "money" |
{n,m} |
Almeno n e al massimo m occorrenze del carattere precedente. |
F{2,4} corrisponde a "FF" in "#FF0000" e alle prime quattro F in #FFFFFF |
[abc] |
Qualsiasi carattere tra quelli racchiusi tra le parentesi quadre.Specifica un intervallo di caratteri con un trattino (ad esempio, [a-f] è equivalente a [abcdef]). |
[e-g] corrisponde a «e» in «bed», «f» in «folly» e «g» in «guard» |
[^abc] |
Uno qualunque dei caratteri non racchiusi tra le parentesi quadre. Specifica un intervallo di caratteri con un trattino (ad esempio, [^a-f] è equivalente a [^abcdef]). |
[^aeiou] inizialmente corrisponde a "r" in "orange", "b" in "book" e "k" in "eek!" |
\b |
Un limite di parola (ad esempio, uno spazio o un a capo). |
\bb corrisponde a "b" in "book" ma a nulla in "goober" o "snob" |
\B |
Qualsiasi cosa diversa da un limite di parola. |
\Bb corrisponde a "b" in "goober" ma a nulla in "book" |
\d |
Una cifra. Equivale a [0-9]. |
\d corrisponde a "3" in "C3PO" e a "2" in "apartment 2G" |
\D |
Qualunque carattere tranne le cifre. Equivale a [^0-9]. |
\D corrisponde a "S" in "900S" e a "Q" in "Q45" |
\f |
Avanzamento modulo. |
|
\n |
Avanzamento riga. |
|
\r |
A capo (ritorno del carrello). |
|
\s |
Qualsiasi carattere di spazio singolo, inclusi spazio, tab, avanzamento modulo o avanzamento riga. |
\sbook corrisponde a «book» in «blue book» ma a nulla in «notebook» |
\S |
Qualunque carattere singolo non di spaziatura. |
\Sbook corrisponde a "book" in "notebook" ma a nulla in "blue book" |
\t |
Una tabulazione. |
|
\w |
Qualunque carattere alfanumerico, compreso il trattino di sottolineatura. Equivale a [A-Za-z0-9_]. |
b\w* corrisponde a «barking» in «the barking dog» e a «big» e «black» in «the big black dog» |
\W |
Qualunque carattere non alfanumerico. Equivalente a [^A-Za-z0-9_]. |
\W corrisponde a «&» in «Jake&Mattie» e a «%» in «100%» |
Control+Invio o Maiusc+Invio (Windows), o Control+Invio o Maiusc+Invio o Comando+Invio (Macintosh) |
Carattere di invio a capo. Assicurati di deselezionare l'opzione Ignora differenze di spazio quando esegui questa ricerca, se non usi espressioni regolari.Tieni presente che questo corrisponde a un carattere particolare, non al concetto generale di interruzione di riga; ad esempio, non corrisponde a un tag <br> o a un tag <p>.Nella vista Progettazione, i caratteri di invio a capo vengono visualizzati sotto forma di spazi, non come interruzioni di riga. |
Usa le parentesi per delimitare raggruppamenti all'interno dell'espressione regolare a cui fare riferimento in seguito. Quindi usa $1, $2, $3, e così via nel campo Sostituisci con per fare riferimento al primo, secondo, terzo e successivi raggruppamenti tra parentesi.
Nella casella Ricerca, per fare riferimento a un raggruppamento tra parentesi prima nell'espressione regolare, usa \1, \2, \3, e così via invece di $1, $2, $3.
Ad esempio, cercare (\d+)\/(\d+)\/(\d+) e sostituirlo con $2/$1/$3 scambia il giorno e il mese in una data separata da barre, convertendo così tra date in stile americano e date in stile europeo.
Codice comportamenti server
Quando sviluppi una pagina dinamica e selezioni un comportamento server dal pannello Comportamenti server, Dreamweaver inserisce uno o più blocchi di codice nella pagina per far funzionare il comportamento server.
Se cambi manualmente il codice all'interno di un blocco di codice, non puoi più usare pannelli come Bindings e Comportamenti server per modificare il comportamento server. Dreamweaver cerca modelli specifici nel codice di pagina per rilevare i comportamenti server e visualizzarli nel pannello Comportamenti server. Se cambi il codice di un blocco di codice in qualsiasi modo, Dreamweaver non può più rilevare il comportamento server e visualizzarlo nel pannello Comportamenti server. Tuttavia, il comportamento server esiste ancora sulla pagina e puoi modificarlo nell'ambiente di codifica in Dreamweaver.
Altri contenuti simili
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
