Come creare una pagina HTML con la finestra Nuovo documento di Dreamweaver - dummies

È possibile creare una nuova pagina HTML utilizzando la finestra Nuovo documento di Dreamweaver, che offre più opzioni rispetto alla schermata di benvenuto, incluso l'accesso a tutti i modelli creati con Dreamweaver e una raccolta di layout predefiniti, che possono darti un vantaggio sui tuoi progetti.

È possibile creare molti tipi di file usando la finestra Nuovo documento, e si possono mischiare e abbinare le opzioni. Questa versatilità può essere fonte di confusione in un primo momento perché hai così tante scelte. In Dreamweaver CC, questa finestra di dialogo è stata semplificata in modo che sia necessario scegliere solo un'opzione da ciascuna delle tre sezioni.

Per creare una nuova pagina HTML, segui questi passaggi:

1. Scegli File → Nuovo.

   Si apre la finestra Nuovo documento,. Nella prima sezione, all'estrema sinistra, scegli il tipo di pagina che vuoi creare:

   • Pagina vuota: Scegli questa opzione per creare pagine HTML, così come pagine nel più complesso formato PHP o JSP.

   • Layout griglia fluido: Questa opzione consente di aprire le funzioni di layout della griglia fluida, che è possibile utilizzare per creare progetti Web reattivi che si adattano automaticamente a diverse dimensioni dello schermo.

   • Modelli di avvio: Se si creano modelli utilizzando Dreamweaver. in formato template dwt, puoi creare pagine basate su quei template usando questa opzione.

   • Modelli di sito: Scegli questa opzione per creare progetti di app Web mobili personalizzabili utilizzando jQuery Mobile.

     

2. Dal lato sinistro dello schermo, selezionare Pagina vuota.

3. Nell'elenco Tipo di pagina, selezionare HTML.

4. Nella sezione Layout, selezionare.

   I layout sono inclusi per fornire un vantaggio nella progettazione di pagine HTML con CSS.

5. Se si desidera modificare il tipo di documento, utilizzare l'elenco a discesa accanto a DocType.

   Per impostazione predefinita, Dreamweaver CC crea pagine utilizzando HTML 5, che la maggior parte dei progettisti considera oggi l'opzione migliore per le pagine Web. Se stai lavorando su un sito che utilizza una versione precedente di HTML, come XHTML 1. 0 Transitional, assicurati di modificare questa impostazione.

6. Fai clic su Crea, in basso a destra nella finestra.

   La finestra Nuovo documento si chiude e una nuova pagina vuota viene creata e aperta nello spazio di lavoro.

   Nota: Se si utilizza un Macintosh, i pulsanti Crea e Annulla vengono scambiati.

7. Scegli File → Salva per salvare la tua pagina e dargli un nome file.

   Dreamweaver assegna automaticamente un nome a tutti i nuovi file Senza titolo, seguito da 1, 2 e così via nell'ordine creato. Prendi l'abitudine di dare i nomi dei file che hanno più significato per te.Si noti inoltre che i nomi di file nei siti Web non devono includere spazi o caratteri speciali (sebbene il trattino e il carattere di sottolineatura siano corretti).

   Prendi l'abitudine di salvare nuove pagine Web nella cartella del sito locale non appena le crei, anche se le pagine sono ancora vuote. Quando si creano collegamenti o si aggiungono immagini alle proprie pagine, Dreamweaver deve essere in grado di identificare la posizione della pagina all'interno della cartella del sito. Salvare prima una pagina è la cosa migliore perché molte funzioni di Dreamweaver non funzioneranno finché non si salva una pagina.