Lag en slank, bedriftens webdesign (HD Video Series Dag 3)

I denne videoserien skal vi gå gjennom hvordan du lager et elegant, profesjonelt webdesign for et bedriftsnettsted. Dette er del 3 av en 4-delerserie - vi skal også fullføre støttesidene og kodes hele saken i HTML / CSS!

Om denne opplæringsserien

Adi Purdila kommer til å gå oss gjennom et helt prosjekt - fra design til koding - alt her på Webdesigntuts denne uken! I dag 1 viste han oss hvordan du skal sette det grunnleggende rammeverket for designet, samt hvordan du faktisk legger ut hjemmesiden. I dag 2 viste han oss hvordan man lager de ulike støttesidene (kontakt, galleri, etc.). I dag 3 (i dag) viser han oss hvordan vi konverterer hele Photoshop-designet til et fullt fungerende HTML / CSS-nettsted. Vi har også en dag 4 planlagt for ytterligere koding, så hold øye med det i morgen!

Bare for å gi deg en generell veikart for kodingen, er her den grunnleggende oversikten over hva vi skal gjøre i løpet av disse siste 2 dagene:

Dag 3, Del 1: Opprett markeringen for hjemmesiden
Dag 3, Del 2: Skarver PSD og skriver CSS-filen (jeg delte dette inn i Time1 og Hour2)
Dag 3, Del 3: (forts.) Skarver PSD og skriver CSS-filen (jeg delte dette inn i Time1 og Hour2)
Dag 4, Del 1: Slider installasjon, tilpasning og noen svært grunnleggende jQuery funksjoner
Dag 4, Del 2: Opprette og utforme sekundære sider (Tjenester, Galleri og Kontakt) + Nettleserkontroll

Også, jeg vil gjerne dele noen lenker for noen av ressursene jeg skal bruke i dag:

Slider-plugin: http://www.gmarwaha.com/jquery/jcarousellite/
Cufon: http://cufon.shoqolate.com/generate/
CSS Browser Selector (for å lage stiler for forskjellige nettlesere i samme CSS-fil): http://rafael.adm.br/css_browser_selector/
Tilbakestill CSS: http://meyerweb.com/eric/tools/css/reset/

La oss komme i gang!

Dag tre: PSD til HTML-konvertering

I denne neste serien av videoer skal Adi gå gjennom konverteringsprosessen fra PSD til HTML / CSS. Pass på å vende til HD-visning hvis du har båndbredden!

Dag tre: Del 1

Unnskyldninger: den første av disse dagene 3? videoer er dessverre ikke lenger tilgjengelig

Dag tre: Del 2

Dag tre: Del 3

om forfatteren

"Uansett om det er nettsteder, logoer eller utskriftsmaterialer, er arbeidsfilosofien min den samme: aldri ta noen snarveier og legg alltid mitt hjerte og sjel inn i hvert prosjekt fordi det til slutt er de små detaljene som teller og jo mer innsats jeg legger inn i en prosjektet, jo bedre representerer det meg selv som en person og en designer og samtidig representerer den min klient på en måte som passer til hans behov.

Hvis du er interessert i HTML-maler og landingssider jeg utvikler, kan du sjekke dem ut på min porteføljeside på ThemeForest. "- Adi

Webdesign