March 19
La bellezza è negli occhi di chi guarda, come dice un vecchio proverbio. Quello che sembra buono con te sul tuo sito web può essere scoraggiante per gli altri. Tuttavia, ci sono alcuni principi di web design standard, si possono seguire per scendere ad un buon punto di partenza. Ancora più importante, un sito web deve essere utilizzabile, la posizione delle informazioni deve essere intuitiva (nessuna caccia e indovinare consentito) e il percorso per l'informazione deve essere il più breve possibile. caricamento della pagina di navigazione lunga e confusa è un modo sicuro per perdere i visitatori in fretta.
1 Prendete un pezzo di carta e disegnare un mock-up della tua home page divisa in tre colonne. La "regola dei terzi" è una tecnica di disegno grafico utilizzato per creare layout esteticamente gradevoli. Essa si basa sul Golden Ratio / teoria Divina Proporzione sviluppata da Pitagora e dai suoi sostenitori.
2 Disegnare un rettangolo nella parte superiore della pagina che abbraccia tutte e tre colonne. Questo sarà il vostro banner.
3 Dividere lo spazio sotto il banner in colonne 1/3 e 2/3 di dimensioni in modo da avere una colonna stretta a sinistra (o destra) per la navigazione e una grande colonna rimanente per il contenuto della pagina. In alternativa, è possibile posizionare la navigazione nella parte superiore sotto il banner e utilizzare i piccoli e grandi colonne per i contenuti.
4 Pensate a che cosa si vuole realizzare con il sito web, che i visitatori principali saranno e quali informazioni e il servizio si prevede di offrire. Considerate come le informazioni sul vostro sito web dovrebbe essere raggruppati e organizzati. Non si vuole tutto sulla home page, perché sarebbe troppo per i visitatori di leggere, ma allo stesso tempo, non si vuole pagine secondarie con una sola riga di informazioni su di loro.
5 Elencare le pagine pensi che il tuo sito dovrebbe avere, sulla base di analisi organizzativa nel passaggio precedente. Queste pagine dovrebbero essere collegati alla partenza (casa) pagina collegamenti ipertestuali o pulsanti. Cinque o meno è un buon numero per iniziare con un piccolo sito.
6 Decidere il tipo di immagini che si desidera sul sito. I colori e la grafica e stili di testo impostare uno stato d'animo. Qual è il messaggio che si desidera che il sito di inviare ai visitatori? Come descriveresti il tipo di sito è in una sola parola? Vieni con colori e immagini a rafforzare tale descrizione. Controllare i siti web sulla teoria del colore per vedere quali colori si completano a vicenda.
7 Scattare foto o raccogliere immagini che si desidera utilizzare sul vostro sito web.
8 Aprire il software di editing grafico e di creare un grande rettangolo (circa 700 pixel di larghezza) per il sito web striscione che andrà nella parte superiore della home page sito web.
9 
Utilizzare gli strumenti del vostro editor di grafica per aggiungere immagini foto, testo, colori o effetti al rettangolo per completare il vostro banner.
10 Esportare il banner dal vostro software di grafica in formato JPG per il web.
11 Aprire eventuali fotografie o immagini che hai ottenuto per il tuo sito e li ridimensiona a ciò che si pensa sarà necessario per il sito web con strumenti di Transform, scalare o ritagliare del software di grafica. Salva sempre le immagini modificate come nuovi file. Non si sa mai quando potrebbe essere necessario utilizzare la foto originale di nuovo.
12 Creare tutti i pulsanti si pensa che desideri utilizzare sul tuo sito web per la navigazione.
13 Esportare i file di immagine aggiuntivi come JPG o GIF per l'uso sul web. Utilizzare il formato JPG se contengono immagini fotografiche. GIF è a posto per il testo o illustrazioni.
14 Aprire il software di editing pagina web e iniziare una nuova pagina. Un WYSIWYG multifeatured (ciò che vedi è quello che ottieni) web editing strumento come Dreamweaver si consiglia, se non si ha familiarità con il codice HTML.
15 
Inserire una tabella di tre colonne e due righe per aiutarvi a raggiungere il disegno 1/3, 2/3 avete disegnato sulla carta.
16 
Fare clic sulla riga superiore della tabella per selezionarlo e cliccare Unisci celle comando per creare una grande cella per tenere il vostro graphic banner.
17 
Inserisci il tuo grafica banner e centrare l'immagine nella cella della tabella. Quindi unire due delle colonne sotto il banner e impostare le loro dimensioni di 33 width% sul sottile larghezza di uno e il 67% in più ampio uno per la progettazione del layout di 1/3, 2/3.
18 
Aggiungere il resto del contenuto alla tua pagina web, inserendo righe aggiuntive nella tabella, se necessario. Utilizzare l'attributo tag ALIGN immagine per disporre il testo intorno alle immagini all'interno del contenuto del testo, se vuoi.
19 Aggiungere collegamenti ipertestuali selezionando il testo o le immagini che si desidera servire come collegamenti ad altre pagine e inserendo le informazioni di collegamento in funzione Add link del tuo strumento di modifica web.
20 Creare le altre pagine del sito web, quindi salvare il sito e visualizzare in anteprima nel browser web. Carica le tue pagine web al server web quando si è pronti a condividere il tuo sito web con il pubblico.