Nwlapcug.com


Tutorial Dreamweaver per Mac

Dreamweaver di Adobe, un editor di testo di HyperText Markup Language (HTML) che è disponibile su sistemi operativi come Mac OS X, consente di creare pagine web anche se non avete qualche disegno abilità o conoscenza. Utilizzando questa applicazione, si può rapidamente iniziare una pagina Web e sfruttare l'area di lavoro facile da usare e disponibile per generare il progetto Web che avete bisogno di strumenti.

A partire di una pagina Web

Con Dreamweaver, iniziare una pagina web utilizzando un layout formattato che include le regole di Cascading Style Sheets (CSS), o scegliere di creare un display in bianco.

Per iniziare, avviare Dreamweaver e quindi premere i tasti "Comando" e "N" per far apparire la finestra di dialogo "Nuovo documento". Fare clic sull'opzione "Pagina vuota" sulla sinistra, selezionare "HTML" dalla sezione "Tipo di Page" e Mostra le opzioni elencate nella colonna "Layout". Ogni offerta, come "1 colonna elastico, centrato", viene visualizzata una pagina in un modo particolare. Ad esempio, un layout "fisso" mantiene le sue dimensioni quando la finestra del browser è allungata, mentre l'opzione "elastico" ridimensiona la visualizzazione in base al carattere e il formato "liquido" si estende con la finestra del browser. Fare clic su ogni opzione per visualizzare l'anteprima sulla destra e, quando si è pronti, fare clic sul pulsante "Crea" per generare la pagina selezionata.

In alternativa, se si preferisce creare la pagina da zero, fare clic su "< Nessuno >" opzione nella colonna "Layout". Successivamente, collegare il proprio file CSS facendo clic sul link "Associa foglio di stile" e fare clic sul pulsante "Sfoglia" per allegare il documento. Da qui, selezionare questa opzione per aggiungere il tuo foglio di stile come un "Link", che mantiene le regole in un file esterno, oppure optare per aggiungere questo come un' "importazione" affinché le norme vengano aggiunte alla parte superiore della tua pagina HTML. Fare clic sul pulsante "OK" e quindi fare clic sul pulsante "Create" per avviare la tua pagina.

Navigazione Dreamweaver su un computer Mac

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

In primo luogo, Dreamweaver consente di visualizzare l'area di lavoro con due finestre, uno sopra l'altro. L'area è la visualizzazione di "codice", dove si mostra il tuo codice o si immette la sintassi e la parte inferiore è la vista di "design", che consente di digitare il tuo contenuto e tenere traccia delle vostre decisioni di progettazione. Può lavorare in visualizzazione esclusivamente facendo clic sul pulsante "Codice" o "Design" nella parte superiore, oppure optare per avere entrambi aperto allo stesso tempo facendo clic sul pulsante "Split".

Quindi, aprire la barra degli strumenti "Insert" premendo il tasto "Command" e "F2" sulla tastiera. La funzione "Inserisci" presenta pulsanti che generano automaticamente le caratteristiche comuni in una pagina Web come un collegamento ipertestuale e collegamento a un'immagine. Ulteriormente, fare clic su opzioni nella parte superiore, come "Forma" e "Layout", per ottenere strumenti specifici relativi a questi elementi.

Continuare con il lancio dell'ispettore di "Proprietà" premendo il "Comando" e "F3" sulla tastiera. Dopo aver inserito i dati sulla tua pagina, è possibile selezionare la voce e passare all'ispettore di "Proprietà" di formattarlo. Ad esempio, dopo aver digitato nel testo e selezionarlo, fare clic sul pulsante inspector per impostare le caratteristiche come il tipo di carattere, la dimensione o il colore. In alternativa, CTRL-clic una voce per ottenere un elenco a discesa con queste stesse caratteristiche.

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