Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Quinta lezione) Unitre Pavia a.a.

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Quinta lezione) Unitre Pavia a.a."

Alice Catalano
8 anni fa
Visualizzazioni

1 Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Quinta lezione) Unitre Pavia a.a /01/2015 dott. 1

2 Adobe Dreamweaver Adobe Dreamweaver è un potente software per la creazione di pagine web, siano esse in formato HTML, XHTML o in un altro linguaggio di programmazione. Offre anche un ottimo supporto per i CSS, con possibilità di editing sia visuale che tramite codice. La caratteristica principale di Adobe Dreamweaver è sicuramente quella di essere un editor di tipo WYSWYG (ovvero What You See is What You Get, quello che vedi è quello che ottieni); difatti, consente la creazione di pagine e interi portali web semplicemente trascinando gli elementi nella pagina, senza che sia necessaria nessuna conoscenza di linguaggi web. Con Adobe Dreamweaver è possibile in ogni momento vedere già all'interno del software come risulterà la pagina una volta pubblicata; inoltre, è possibile in ogni momento vedere un'anteprima nei propri browser installati sul computer E possibile verificare e convalidare l accessibilità delle pagine preparate L ultima versione attualmente in commercio prende il nome di CS 5 27/01/2015 dott.

3 27/01/2015 dott.

4 Splash page Dw cs 5 Crea nuovo Funzioni principali File aperti di recente 27/01/2015 dott.

5 Linguaggi supportati (colonna crea nuovo) Oltre a offrire capacità di modifica del testo, Dreamweaver dispone di varie funzioni per la codifica, come ad esempio i suggerimenti codice che sono disponibili in vari linguaggi. Tali linguaggi includono: HTML XHTML CSS JavaScript CFML (ColdFusion Markup Language) Visual Basic (per ASP e ASP.NET) C# (per ASP.NET) JSP PHP Altri linguaggi, come ad esempio Perl, non sono supportati dalle funzioni di codifica specifiche per i linguaggi di Dreamweaver. È possibile creare e modificare file Perl utilizzando Dreamweaver, ma i suggerimenti codice, ad esempio, non sono disponibili per questo linguaggio. 27/01/2015 dott.

6 27/01/2015 dott.

7 Aprire un nuovo documento Scegliere File->New per aprire la finestra Nuovo Documento Questa finestra di dialogo è suddivisa in varie colonne per aiutarvi con la selezione del tipo di file desiderato, ad esempio una pagina vuota o una pagina di template. Nella colonna a sinistra, selezionare il tipo di documento che si desidera creare Il tipo di documento predefinito è impostato su Pagina vuota. Nella colonna Tipo di pagina, selezionare il tipo di documento desiderato, come HTML o CSS 27/01/2015 dott.

8 Scelta del Doctype Selezionare un opzione dal (DTD) DocType elenco a discesa Il tipo di documento predefinito è attualmente in XHTML 1.0 Transitional, ma è anche possibile scegliere una qualsiasi delle altre opzioni disponibili nell elenco del menu a discesa tra cui la DTD HTML 4.01 Transitional. Quando un DTD è specificato, Dreamweaver scrive automaticamente il codice DTD all inizio del nuovo documento al di sopra dell apertura del tag <html> e, a volte può aggiungere il tag <html> stesso, come questo: <DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" " transitional.dtd ">xmlns=" 27/01/2015 dott.

9 Creare un sito in locale Per ottenere il tuo sito attivo e funzionante a livello locale, procedere come segue: Sito Scegli nuovo sito. La finestra di dialogo Definizione del sito si apre. Selezionare la scheda Avanzate. 27/01/2015 dott.

10 27/01/2015 dott.

11 Barra degli strumenti documento Pannello inserisci diventa una serie di icone nella visualizzazione classica Finestra documento e/o codice Gruppo pannelli Finestra ispezione proprietà Sito in locale 27/01/2015 dott.

12 Barra Inserisci Contiene i pulsanti che consentono di inserire vari tipi di "oggetti", ad esempio immagini, tabelle e livelli, in un documento. Nella versione cs5 è diventata un pannello a parte Barra degli strumenti Documento Contiene i pulsanti e i menu a comparsa che consentono di visualizzare la finestra del documento in diversi modi (ad esempio in vista Progettazione e in vista Codice), impostare le opzioni di visualizzazione e accedere ad alcune operazioni comuni (ad esempio, l anteprima in un browser). Finestra del documento Visualizza il documento corrente durante le operazioni di creazione e modifica. Finestra di ispezione Proprietà Consente di vedere e modificare una serie di proprietà dell oggetto o del testo selezionato. Ciascun tipo di oggetto dispone di proprietà diverse. Gruppi di pannelli Serie di pannelli correlati raggruppati insieme sotto una sola intestazione. Per espandere un gruppo di pannelli, fare clic sulla freccia di espansione visualizzata a sinistra del nome del gruppo; per sganciare un gruppo 27/01/2015 di pannelli, trascinare l area dott. punteggiata sul margine sinistro della barra del titolo del gruppo.

13 Tab del documento aperto Modalità di strumenti La scelta può essere effettuata anche da qui 27/01/2015 dott.

14 Nella parte bassa del documento Proprietà dell elemento utilizzato <body> Proprietà dell elemento utilizzato (nel nostro caso <body>) Scelta del font allineamento Proprietà della pagina 27/01/2015 dott. Proprietà di pagina Ingrandire o rimpicciolire il documento

15 Creare nuovo sito 27/01/2015 dott.

16 Dare il nome alla pagina 27/01/2015 dott.

17 Scrivere due righe in visione progettazione Le due righe sono considerate come due diversi paragrafi I tag indicano l apertura e la chiusura di un nuovo paragrafo 27/01/2015 dott.

18 Sostituiamo i con 27/01/2015 dott. Il testo è visto come un unico paragrafo, diviso in due righe

Documenti analoghi

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org