Crea un design Web elegante e aziendale (serie video HD giorno 3)

In questa serie di video, ti illustreremo come creare un design web elegante e professionale per un sito web aziendale. Questa è la parte 3 di una serie in 4 parti: finiremo anche le pagine di supporto e codificheremo l'intera cosa in HTML / CSS!


Informazioni su questa serie di tutorial

Adi Purdila ci guiderà attraverso un intero progetto, dal design alla programmazione, tutto questo su Webdesigntuts questa settimana! Nel giorno 1, ci ha mostrato come impostare la struttura di base per il design e come effettivamente disporre la pagina iniziale. Nel giorno 2, ci ha mostrato come creare le varie pagine di supporto (contatto, galleria, ecc.). Nel Day 3 (oggi), ci mostrerà come convertire l'intero disegno di Photoshop in un sito HTML / CSS funzionante. Abbiamo anche un giorno 4 in programma per la codifica aggiuntiva, quindi tenetelo d'occhio domani!

Solo per darti una roadmap generale per la codifica, ecco la descrizione di base di ciò che faremo in questi ultimi 2 giorni:

  • 3 ° giorno, parte 1: Creazione del markup per la homepage
  • 3 ° giorno, parte 2: Affettare il PSD e scrivere il file CSS (l'ho diviso in Hour1 e Hour2)
  • 3 ° giorno, parte 3: (cont.) Affettare il PSD e scrivere il file CSS (l'ho diviso in Ora1 e Ora2)
  • Giorno 4, Parte 1: Installazione, personalizzazione e alcune funzioni jQuery di base
  • Giorno 4, Parte 2: Creazione e styling delle pagine secondarie (servizi, galleria e contatti) + controllo del browser

Inoltre, mi piacerebbe condividere alcuni link per alcune delle risorse che utilizzerò oggi:

  • Plug-in Slider: http://www.gmarwaha.com/jquery/jcarousellite/
  • Cufon: http://cufon.shoqolate.com/generate/
  • CSS Browser Selector (per creare stili per diversi browser nello stesso file CSS): http://rafael.adm.br/css_browser_selector/
  • Reimposta CSS: http://meyerweb.com/eric/tools/css/reset/

Iniziamo!


Terzo giorno: conversione da PSD a HTML

In questa prossima serie di video, Adi passerà attraverso il processo di conversione da PSD a HTML / CSS. Assicurati di tornare alla visualizzazione HD se hai la larghezza di banda!

Terzo giorno: parte 1

Scuse: il primo di questi? giorno 3? i video purtroppo non sono più disponibili

Terzo giorno: parte 2

Terzo giorno: parte 3


Circa l'autore

"Che si tratti di siti Web, loghi o materiali di stampa, la mia filosofia di lavoro è la stessa: non prendere mai scorciatoie e mettere sempre il cuore e l'anima in ogni progetto perché alla fine sono i piccoli dettagli che contano e lo sforzo maggiore che metto in un progetto, meglio mi rappresenta come persona e designer e allo stesso tempo rappresenta il mio cliente in un modo adeguato alle sue esigenze.

Se ti interessano i modelli HTML e le pagine di destinazione che sto sviluppando, puoi verificarli nella mia pagina portfolio su ThemeForest. "- Adi