Come Teach Yourself pagina Web Design

September 6

Come Teach Yourself pagina Web Design


Learning Design pagina web non è fuori portata per chiunque con dedizione e fantasia. Centinaia di siti di tutorial e programmi pre-costruiti sono disponibili sul Web, e si può scaricare e personalizzare i modelli libero e basso costo.

istruzione

1 Definire lo scopo della pagina web. Un sito che fornisce informazioni personali o aziendali, senza interazione con il cliente è il tipo più facile da costruire. Se avete bisogno di funzioni come una mailing list, un carrello della spesa o di un calendario interattivo, sarà un po 'più difficile, ma può essere fatto.

2 Stabilire un aspetto grafico. Il modo migliore per trovare un look che si desidera è quello di navigare in tutto il web e trovare i siti web che ti piace. Fare una lista e di essere specifico. Prendere nota di ciò che ti piace del sito, tra cui la facilità di navigazione; colori; curve o linee dure; semplice, l'interfaccia compatta o ampia interfaccia con un sacco di elementi di design, comprese le immagini ed elementi grafici. L'interfaccia è il contenitore sito - a volte sarà solo in alto, a volte in alto, fianchi e fondo.

3 Considerate quanto profondamente si desidera entrare in programmazione. Per un sito informativo, l'apprendimento HTML o CSS è abbastanza facile, e più facile ancora sta usando un sito web point-and-click o un modello scaricato. Per un sito con caratteristiche interattive, la curva di apprendimento sarà più ripida. Dovrete insegnare a te stesso, non solo la progettazione di pagine web, ma anche un linguaggio di programmazione un'azione come PHP o Javascipt. Anche se ci sono le risorse e le librerie di codice disponibili gratuitamente sul Web, che incorporano scritti di azione nel codice è spesso più difficile di quanto sembri.

4 Un'altra opzione è quella di utilizzare un software di creazione di siti web come Adobe Dreamweaver o MS Frontpage. Questi programmi hanno caratteristiche ricche costruito in e offrono la progettazione di modelli e alcuni effetti speciali nifty, come pulsanti rollover, pure. È possibile accedere e modificare direttamente il codice HTML oppure utilizzare l'opzione visual design di modificare la pagina come si vedrà, che è simile alla funzione di editing WYSIWYG usato in MS Word. Questi programmi hanno alcune limitazioni, ma sono abbastanza versatile per soddisfare le esigenze della maggior parte dei proprietari di siti web.

5 Per HTML e CSS tutorial completi, controllare W3schools.com: http://www.w3schools.com/, Davesite.com interattiva HTML per i principianti: http://www.davesite.com/webstation/html/, CSSTutorial.net: http://www.csstutorial.net/, di sitepoint.com 5 più votati CSS Tutorials: http://www.sitepoint.com/subcat/css o ricerca sul web per le altre fonti che abbiano un senso per voi. Persone diverse imparano in modo diverso, ma ci sono tanti siti di insegnamento on-line e libri scritti che si dovrebbe essere in grado di trovare uno che ti parla.

6 JavaScript e PHP sono un po 'più avanzato, ma la quantità di formazione disponibili on-line rende possibile per chiunque di imparare. Per iniziare con Javascript, provare Pageresource.com: http://www.pageresource.com/jscript/, JavaScript per la Total Non-programmatore: http://www.webteacher.com/javascript/index.html o Tutorialized. com: http://www.tutorialized.com/tutorials/Javascript/1.

Grandi risorse PHP per principianti includono Introduzione a PHP: http://us3.php.net/tut.php e PHP 101: PHP per il principiante assoluto: http://devzone.zend.com/article/627.

7 Ci sono anche molti tutorial grafici e layout in linea. Per Photoshop, provare tutorial Photoshop Roadmap Interfaccia: http://www.photoshoproadmap.com, Photoshop tutorial / interfaccia-design / Più popolare / 1 / o Photoshop Web Design & User Interface Design: http: //www.pslover. com / tutorial / Interfaccia / 1.

Un altro popolare programma di grafica è PaintShop Pro E 'una scelta molto più conveniente che Photoshop e offerte confronta bene in termini di funzionalità. Trovare tutorial qui: Tutorialsphere Paint Shop Pro design dell'interfaccia: http://www.tutorialsphere.com/tutorials/paint-shop-pro/website-graphics.

Se non si dispone di un programma di grafica e siete su un budget limitato, è possibile scaricare il Gimp per http://www.gimp.org/ gratis - verificare la vasta sezione di tutorial per imparare ad usare il programma.

8 Punta e clicca siti web sono una scelta facile trovare un po 'ovunque sul web. Essi offrono un principiante assoluto un modo semplice per creare un sito web in pochi passi, ma sono generalmente limitati nel design. Per super facile creazione di siti web, provare JustHost.com: http://www.justhost.com/, YikeSite.com: http://www.YikeSite.com/, Webspawner.com: http://www.webspawner.com / o Web.com: http://www2.web.com/.

Consigli e avvertenze

  • Per general web consigli di progettazione, andare a Websitetips.com http://websitetips.com/layout/ per il layout del suono e teoria del design e information.Regardless di quale strada si decide di andare, se si vuole insegnare a te stesso di progettazione della pagina web, sarà necessario sviluppare un buon occhio per il colore e apprendere le competenze di grafica e progettazione del layout. La cosa singola più importante di un sito web in grado di offrire è la navigazione chiara. Le persone che non riescono a trovare ciò che stanno cercando lascerà e non tornare. Quindi i siti web che utilizzano intelligenti trucchi di navigazione nascoste sono destinati a perdere visitatori.