February 8
Fare un grande modello di sito web comporta la creazione di qualcosa che è affidabile e adattabile. Un modello efficace è uno che può essere utilizzato in una varietà di contesti. È necessario trovare un equilibrio tra la creazione di strutture che sono solido ed efficace e anche consentendo alle persone di personalizzare e adattare loro di soddisfare i propri bisogni. I compiti principali coinvolti nella creazione di un grande modello di sito web comprendono la progettazione, la costruzione di HTML e la creazione di un layout con CSS.
1 Decidere quanto contenuto che si desidera il modello da tenere. Un modello di Web sarà tipicamente utilizzato per visualizzare supporti, tra cui testo, i dati da un database, immagini, audio, video e, eventualmente, filmati Flash. Creare uno schema di massima del contenuto che si desidera una singola pagina nel modello di essere in grado di contenere. Può essere utile delineare un disegno del modello su carta, lavorando esattamente quali saranno gli elementi al suo interno.
2 Crea il codice HTML per il modello. Con riferimento alla tua lista di contenuti per il modello, costruire ogni struttura HTML necessario nelle vostre pagine. Utilizzare il codice HTML nelle pagine solo per creare strutture per contenere il contenuto, ed evitare di costruzione negli elementi di stile o di design, dal momento che questi sono più tenuti separati dalla marcatura stessa. Utilizzare una varietà di elementi HTML nel modello, in quanto questi sono forniti a tenere una varietà di tipi di contenuto.
3 Creare il CSS per il modello. Preferibilmente in uno o più file separati, elencare una serie di dichiarazioni di Cascading Style Sheet per visualizzare le strutture HTML nel modo desiderato quando viene visualizzato in un browser. Utilizzare tutti i documenti di progettazione o disegni che avete, e assicurarsi che il layout presenta il contenuto del sito al meglio. Prova a creare un design CSS che eseguirà ugualmente bene in una varietà di browser, come i browser possono variare notevolmente.
4 Crea interazione nel modello. È possibile utilizzare una serie di strumenti lato client per l'interattività, tra cui CSS, JavaScript e Flash. Quanto interattività che vuoi nel tuo modello può dipendere i tipi di siti web che immaginate. Interattività in un sito web può migliorare l'usabilità e può presentare il contenuto del sito in modo più efficace. Considerare l'aggiunta di effetti di transizione per menu e altri elementi del sito web.
5 Prova il modello con contenuto reale in esso. Creare una versione campione del modello con contenuti realistici, ad esempio testo e dei media. Questo vi permetterà di mostrare il modello, e anche segnalare eventuali errori rimanenti o problemi. E 'impossibile vedere quanto sia efficace un design pagina Web è fino a vedere con il contenuto vero e proprio, quindi è essenziale per creare una dimostrazione realistica.