Adobe Dreamweaver, un editor di testo HyperText Markup Language (HTML) che è disponibile sui sistemi operativi come Mac OS X, consente di creare pagine web, anche se non si hanno competenze o conoscenze di progettazione. Utilizzando questa applicazione, è possibile iniziare rapidamente una pagina Web e sfruttare lo spazio di lavoro facile da usare e gli strumenti a disposizione per costruire il progetto Web di cui avete bisogno.

Avvio di una pagina Web

Con Dreamweaver, avviare una pagina Web utilizzando un layout formattato che include Cascading Style Sheets (CSS) regole, oppure optare per creare un display vuoto.

Per cominciare, avviare Dreamweaver e quindi premere i pulsanti "Comando" e "N" per aprire la finestra di dialogo "Nuovo documento". Selezionare l'opzione "Pagina vuota" a sinistra, selezionare "HTML" dalla sezione "Tipo di pagina" e visualizzare le opzioni elencate nella colonna "Layout". Ogni offerta, come ad esempio "1 colonna elastico, centrato," visualizza una pagina in un modo particolare. Ad esempio, un formato "fisso" mantiene le sue dimensioni quando la finestra del browser è allungato, mentre l'opzione "elastico" ridimensiona il display secondo il carattere e il formato "liquido" si estende con la finestra del browser. Fare clic su ciascuna opzione per visualizzare l'anteprima sulla destra e, quando si è pronti, fare clic sul pulsante "Crea" per generare la pagina selezionata.

O, se si preferisce creare la tua pagina da zero, fare clic su "<nessuno>" nella colonna "Layout". Quindi, collegare il proprio file CSS facendo clic sul link "Allega foglio di stile" e quindi fare clic sul pulsante "Sfoglia" per allegare il documento. Da qui, selezionare aggiungere la foglio di stile come un "Link", che mantiene le regole in un file esterno, oppure optare per aggiungere questo come un "Importa" in modo che vengono aggiunte le regole per la parte superiore della pagina HTML. Fare clic sul pulsante "OK" e quindi fare clic sul pulsante "Crea" per iniziare la vostra pagina.

Navigazione Dreamweaver su Mac

Dopo aver lanciato la pagina, navigare attraverso l'interfaccia di Dreamweaver per capire come utilizzare l'area di lavoro e portare alcuni degli strumenti più importanti per costruire la vostra pagina.

Innanzitutto, Dreamweaver visualizza l'area di lavoro con due finestre, una sopra l'altra. L'area superiore è il tuo "codice" vista in cui si visualizza il codice o immettere la sintassi e la parte inferiore è la vista "design", che permette di digitare il contenuto e tenere traccia delle vostre decisioni di progettazione. È possibile lavorare sia in vista esclusivamente facendo clic sul pulsante "Design" "Codice" o in alto, o scegliere di avere entrambi aperti allo stesso tempo facendo clic sul pulsante "Split".

Quindi, aprire la barra degli strumenti "Inserisci" premendo il tasto "Comando" e "F2" sulla tastiera. La funzione "Inserisci" presenta pulsanti che generano automaticamente caratteristiche comuni in una pagina Web come un collegamento ipertestuale e un link d'immagine. Inoltre, fare clic sulle opzioni al vertice, come ad esempio "Forms" e "Layout", per ottenere strumenti specifici relativi a questi elementi.

Continuare con il lancio della finestra di ispezione "Proprietà" premendo il tasto "Comando" e "F3" sulla tastiera. Dopo aver inserito i dati sulla tua pagina, è possibile selezionare la voce e andare al commissario "Proprietà" per formattarlo. Ad esempio, dopo aver digitato il testo e selezionarlo, fare clic sui pulsanti ispettore per impostare le caratteristiche come il carattere, la dimensione o il colore. In alternativa, il controllo del mouse su una voce per ottenere un elenco a discesa con le stesse caratteristiche.

Infine, aprire il pannello "Stili CSS" premendo il tasto "F2" e fare clic sulla scheda "Stili CSS" per vedere tutte le regole associate con la vostra pagina. Fare doppio clic gli stili di modificarli utilizzando i campi di testo e menu a discesa.