March 3
Web design presenti elementi di visual design così come la codifica in varie lingue sul web. Mentre lo sviluppo Web è più focalizzato sulla programmazione e lo sviluppo di applicazioni, web design ha un focus sulla progettazione visiva e aspetti interattivi di software e web websites.Many strumenti in grado di aiutare il processo di progettazione di siti web, dalle fasi di progettazione iniziale fino alla realizzazione e collaudo i siti risultanti.
La grafica è una delle principali attività normalmente coinvolti nella progettazione Web. Così come la progettazione di layout per organizzare e presentare i contenuti delle pagine web, web designer creano spesso immagini personalizzate, illustrazioni e elementi visivi per migliorare l'aspetto di un sito. Photoshop è una delle applicazioni software commerciali più comunemente usati utilizzati dai web designer. Tuttavia, alternative gratuite includono Paint.NET e GIMP, che rappresenta il GNU Image Manipulation Program. programmi di grafica sono utilizzati all'interno di web design per creare mock-up e schizzi di idee progettuali, nonché produrre gli elementi finali in realtà visualizzati.
La disposizione e il contenuto di una pagina Web è normalmente rappresentato in primo luogo all'interno HTML markup strutturato. HTML può essere scritto in un semplice editor di testo come Blocco note. Tuttavia, utilizzando un editor di testo che mette in evidenza il codice, come Notepad ++ o Gedit, rende l'attività di codifica più facile. Inoltre, i prodotti software commerciali come Adobe Dreamweaver possono essere utilizzati per scrivere il codice di markup. Tali prodotti agiscono come ambienti di sviluppo integrato per la creazione di siti web, e integrare le varie attività di codifica coinvolti.
Cascading Style Sheets insieme con HTML sono tra i principali strumenti Web designer utilizzano per implementare il design del sito. Come l'HTML, file CSS possono essere creati in un editor di testo normale, ma possono anche trarre vantaggio dall'utilizzo di un editor di evidenziazione. designer professionisti e sviluppatori utilizzano anche strumenti come Dreamweaver per la scrittura di codice CSS. Tali strumenti richiedere all'utente con codice CSS suggerito mentre stanno scrivendo di esso, mettono in evidenza gli errori di sintassi e di creare visualizzazioni di quale effetto il codice CSS avrà sulla pagina finita.
Pagina interattività Web spesso migliora la progettazione del sito, di solito tramite JavaScript. I progettisti possono scrivere codice JavaScript in un editor di testo o IDE, utilizzarlo per creare effetti interattivi quando l'utente sposta il mouse su parti di una pagina. JavaScript viene eseguito all'interno del browser Web dell'utente, in modo da codice JavaScript viene eseguito aprendo la pagina in questione, o navigando ad esso, in un programma di browser. Alcuni browser Web interpretano il codice JavaScript in modo diverso, quindi questo è un particolare settore in cui è necessario un sacco di test.
Tutti i siti web hanno bisogno di essere testato a fondo, se hanno intenzione di avere successo. Perché agli utenti di visualizzare le pagine Web su diversi tipi di dispositivo, sistema operativo e browser, i progettisti e gli sviluppatori hanno il compito di cercare di assicurarsi che i loro siti sembrano e si comportano allo stesso modo, qualunque sia l'ambiente. Per questo motivo, i progettisti web in genere hanno più di un browser installato sul proprio computer, per il test. Inoltre, addons browser come Firebug possono essere installati, consentendo ai progettisti di controllare la struttura del sito e la funzionalità, individuando i problemi all'interno delle pagine su cui stanno lavorando.