Colorado State University , con sedi a Fort Collins , Denver e Pueblo , nonché un college online , ha sviluppato un approccio “struttura -first ” per la progettazione di siti web che risponde alla necessità di contenuto che è stato “segnato con tag HTML strutturali . ” L’università ha sviluppato questo approccio ad impiegare software Dreamweaver 8 , nel tentativo di aiutare gli studenti , i docenti e gli altri creare siti web flessibili che saranno facilmente accessibili sui dispositivi palmari , screen reader e altri technologies.Things che vi serve

Dreamweaver MX ( 8 ) software

software Microsoft Word

Mostra Altre istruzioni

1

Creare una nuova pagina in Dreamweaver 8 . Sotto ” categoria”, selezionare ” pagina base” e la pagina HTML di base . Doppio controllo per assicurarsi che questa nuova pagina è ” XHTML 1.0 Tradizionale” e fare clic su ” Crea”. Accanto , il titolo della pagina con una descrizione succinta , con informazioni specifiche provenienti in primo luogo . Ad esempio: ” . Profilo del candidato — Computer Dipartimento Informazioni — Colorado State University ” Ora salvare la pagina come ” design.html “.

2

Produrre i quattro ” divisioni ” chiave della pagina , che sono l’intestazione , la navigazione , contenuto e piè di pagina. Ciascuno sarà creato utilizzando il tag divisione

per la designazione . Come ” linguaggio di markup , ” HTML offre la struttura . Ad esempio , il

designazione o tag divide il testo in paragrafi , mentre il

tag indica un titolo di primo livello . Dopo aver inserito le quattro variabili , la pagina mostrerà quattro scatole impilate . In ordine decrescente essi saranno ” contenuti per intestazione id “, ” contenuti per la navigazione id “, ” contenuti per il contenuto id” e ” contenuto per id piè di pagina “.

3

Generare cinque nuovi pagine del modello , che sarà etichettato come ” services.html “, ” staff.html “, ” training.html “, ” FAQ.html ” e ” index.html “. Su ogni pagina potrete inserire il nome appropriato — per esempio , servizi o personale . Tuttavia, per la home page o index.html , lasciare l’etichetta così com’è e sostituire il titolo home page per intestazione 1 e salva con nome ” index.html “. Invece di chiudere la pagina , visualizzare nel browser , e ricontrolla le vari link . Se tutto funziona , chiudere la home page.

4

Cambia e modificare le singole pagine . Aprire il documento di Word contenente il contenuto delle pagine web e copiare il testo desiderato per una singola pagina . Nell’esempio CSU , selezionare ” contenuto della home page “, copiare il testo appropriato e , in Dreamweaver , incollare le informazioni copiate in area del contenuto della pagina . Seguire questa procedura per le altre pagine che hai creato .

5

Inserire foto o immagini per migliorare l’aspetto delle vostre pagine . Ad esempio , la pratica pagina CSU ha il nome ” David Greene . ” Per inserire la sua foto , posizionare il cursore davanti al nome , scegliere ” Inserisci> Immagine ” e selezionare ” david_thumbnail.jpg “. È quindi possibile etichettare l’immagine con il suo nome .