Suggerimenti su come progettare siti web

December 23

Progettazione di siti web prende con successo la pratica e pazienza, ma con la giusta motivazione, chiunque può imparare ad essere bravo a farlo. C'è un processo distintivo per la progettazione di un sito web, una serie di regole rigide-and-veloce da seguire, e avrete bisogno di conoscere linguaggi di programmazione web. La cosa più incoraggiante, tuttavia, è che ci sono un sacco di strumenti a vostra disposizione in questi giorni, e la maggior parte dei migliori sono gratuiti.

Il Piano del sito

Prima di toccare un computer, assicuratevi di conoscere le risposte ad alcune delle grandi domande: Qual è il punto di questo sito? Chi è il pubblico? Quindi, scrivere un piano sito: annotare tutto ciò che si desidera che il sito contenga, poi organizzare tutte queste cose in una struttura: per esempio, si potrebbe avere una sezione "news", che potrebbe avere un "intrattenimento notizie" sottosezione.

La regola generale è quella di non avere più di sette scelte alla volta: Obiettivo per sette o meno sezioni principali, dare a ciascuno di queste sezioni sette o meno sottosezioni e così via. Anche decidere quanti layout vostro sito avrà bisogno. La maggior parte dei siti hanno un modello principale che usano per articoli, ma un modello diverso per la homepage.

Preparazione del lavoro

Per avere uno spazio sicuro per progettare e testare il sito, sarà necessario impostare un server di casa privata prima di acquistare un nome di dominio e un piano di hosting commerciale. È possibile farlo gratuitamente con il XAMPP suite software (vedi Risorse). Avrete anche bisogno di un editor di testo migliore di Blocco note o TextEdit: programmi gratuiti come Aptana e Notepad ++ colori al codice per renderlo più facile da gestire.

Infine, è necessario conoscere linguaggi di programmazione web. Non è necessariamente bisogno di comprendere appieno PHP e SQL, ma si dovrebbe almeno stare bene con HTML e CSS. Scopri le esercitazioni a W3 Schools (vedi Risorse).

Strutturare il tuo sito

Un sistema di gestione dei contenuti è un programma che si installa sul server del sito che fornisce un'interfaccia utente pulita per la creazione di nuove sezioni, scrivendo nuovi articoli, e l'organizzazione di layout. E 'un must-have per la maggior parte dei siti web perché fa una quantità enorme di noia e materiale tecnico per voi. Ci sono molti CMS gratuito, e tutti i siti web di approccio in modi leggermente diversi: WordPress è ottimizzato per il blogging, per esempio, mentre Joomla! funziona bene per i grandi siti aziendali. Per i principianti, provare CMS Made Simple.

Ogni CMS ha una serie di modelli di progettazione preesistenti (o "layout" o "temi") a vostra disposizione. Avete tre scelte: rivedere i vostri piani di layout per adattarsi a un modello preesistente, scegliere un modello da utilizzare come "base" e poi modificarlo per adattare il proprio stile, oppure creare un modello di tua scelta. Quando si sta appena iniziando, l'opzione due è probabilmente la soluzione migliore in quanto vi darà un'idea di come sono organizzati i modelli.

Consigli per la progettazione

Il consiglio più importante è quello di mantenere le cose semplici: assicurarsi che il sistema di navigazione del tuo sito web è chiaro, il testo sia leggibile, la grafica non sono antipatico, e ogni pagina è collegata a da qualche altra parte. La chiarezza è più importante di qualsiasi altra cosa.

Stile del testo è un passo importante ma spesso trascurato per l'inizio web designer. Nel file CSS, se si aumenta l'attributo "line-height" e rendere il testo grigio scuro anziché nero, scoprirete che le parole sono improvvisamente diventati più piacevole da leggere. Un altro suggerimento affidabile è quello di rendere il carattere dei suoi articoli un carattere sans-serif (come Arial o Verdana) e le intestazioni dei tuoi articoli un font serif (font con piccole linee alle estremità dei loro lettere, come il Times New Roman o Georgia).

Per la grafica, sfondi e bordi, usare un sacco di sfumature dello stesso colore. Invece di uno sfondo blu solido, ad esempio, creare un gradiente tra una tonalità scura di blu e di una tonalità leggermente più scura di blu (usando un editor di immagini come Photoshop o Gimp); questo può dare una lucentezza siti professionale sottile. Allo stesso modo, se si ha una scatola blu sul tuo sito con uno sfondo di codice di colore di # 222.299, per esempio, non fare il bordo nero. Ne fanno qualcosa solo leggermente più scuro, come # 111188.

Infine, prendere spunto dal vostro pubblico. Un sito per una grande azienda, non è probabile che avere un sacco di rosa e gialli al neon, ma una moderna forza sito d'arte. E mentre un blog di programmazione potrebbe cavarsela con un proprio carattere piccolo, un sito di intrattenimento per gli adolescenti avrà bisogno di qualcosa che è leggibile anche quando vi appoggiate modo indietro nella vostra sedia. Usare il buon senso e sarete sulla buona strada.