Come creare una lista ordinata con Dreamweaver

Quando gli utenti scansionano una pagina Web su Internet, possono spostarsi velocemente su un'altra pagina se non trovano ciò di cui hanno bisogno, quindi è importante escogitare un modo per attirare la loro attenzione e continuare a esplorare le pagine Web della tua azienda. Utilizzare Dreamweaver per creare un elenco numerico accattivante per evidenziare speciali stagionali, articoli in vendita o servizi per attirare potenziali clienti.

Scopo

Dreamweaver è una buona opzione da utilizzare per creare il tuo sito web aziendale, in quanto offre due approcci di progettazione. Il suo editor di progettazione è molto simile a un normale costruttore di siti Web, in cui è possibile aggiungere immagini, testo, collegamenti ipertestuali e elenchi come gli oggetti in vendita senza dover eseguire alcuna operazione di back-end. Tuttavia, se si preferisce il controllo completo, è possibile utilizzare il codice di Dreamweaver per digitare caratteri per carattere. In ogni caso, incorporare liste ordinate, che di solito vanno in ordine numerico o alfabetico, richiede pochissima digitazione o codifica, ma si traduce in un modo rapido per mostrare i propri prodotti o servizi.

Design

La digitazione nello spazio di lavoro principale di Dreamweaver equivale a digitare nella maggior parte degli editor. Assicurati che il pulsante "Progettazione" sia abilitato nella sezione della barra degli strumenti sotto la scheda. Questo è l'editor WYSIWYG, dove tutto ciò che digiti appare così com'è sullo schermo. Digitare almeno due o tre elementi da utilizzare per l'elenco ordinato. Dreamweaver aggiunge automaticamente spazio tra ognuno di essi. Evidenzia tutto il testo da includere nell'elenco ordinato, fai clic sul menu "Testo" sulla barra degli strumenti, posiziona il cursore su "Elenco", quindi fai clic su "Elenco ordinato" nel menu a comparsa. Il tuo testo sullo schermo è ora un elenco ordinato.

Codice

All'apertura di Dreamweaver, di solito viene attivata la modalità "Progettazione". Per arrivare a dove è possibile codificare un elenco ordinato, fare clic sul pulsante "Codice" sul lato sinistro della barra degli strumenti, quindi fare clic sul cursore tra i tag "" e "" HTML e premere "Invio" un paio di volte per darsi un po ' spazio. Genere "

", che è il codice per far sapere a Dreamweaver che stai iniziando una lista ordinata e premi" Invio ". Dreamweaver aggiunge automaticamente la chiusura"

"tag per te. Fai clic su tra i due e premi" Invio "alcune volte per concederti un po 'di spazio.

", che indica a Dreamweaver che questa è la prima voce dell'elenco. Dreamweaver aggiunge automaticamente la chiusura"

"Tag. Fai clic su tra i due e digita la prima voce dell'elenco, ad esempio" Borsette ". Sposta il cursore sulla riga sotto""tag e sopra il" "etichetta e digita"

"di nuovo, fai clic su tra i due e digita il prossimo elemento dell'elenco, ad esempio" Abiti ". Ripeti questo processo fino a quando tutti gli elementi non sono nell'elenco. Fai clic sul pulsante" Progetta "sulla barra degli strumenti per andare nell'editor WYSIWYG per visualizzare la tua lista ordinata

considerazioni

Il codice per creare un elenco ordinato in Dreamweaver è estremamente semplice, ma ciò significa anche che anche l'elenco risultante sarà semplice. Tuttavia, è possibile "abbellire" l'elenco ordinato attraverso un'ulteriore codifica HTML sul lato "Codice" dell'area di lavoro di Dreamweaver. Ad esempio, è possibile aggiungere colore ai numeri dell'elenco, nonché modificare i caratteri e ridimensionarli. Per modificare l'aspetto della tua lista in modalità "Progettazione", puoi anche fare clic su "Proprietà" sotto il menu a comparsa "Elenco", quindi scegliere diversi modi per visualizzare l'elenco ordinato, inclusi numeri alfabetici e numeri romani.