Monday, February 20, 2012

Lær deg CSS den enkle måten

Jeg lærte meg selv HTML tilbake i midten av nittitallet, og var stolt over det faktum at jeg var i stand til å utføre utformingen av ganske komplekse web-sider med ingenting mer enn en startpakke HTML-bok, en HTML-referanse boken og kunnskapen jeg hadde lagret i hodet mitt. Men tilbake i de dagene, vi web designere hadde hva ser tilbake var en ganske begrenset mengde verktøy som fungerer, og kvalitet (eller mangel derav) av nettsteder på nettet var lackluster i beste.


Spole fremover til i dag: hand-coder har mer kraftig og intuitiv programvarepakkene tilgjengelig som vil la oss "å få hendene skitne", som bringer oss til formålet med denne artikkelen. Med standardisering av den mye forventet Cascading Style Sheets (CSS) i sen-nittitallet, har web design samfunnet blitt kjent med en mye mer kraftfull og presis metode for web page layout.


"Men hvordan er en gammeldags web coder skal lære CSS den enkle måten?" Vel, jeg si at du bør lære den måten jeg og utallige andre, har:


1. Dataoverføre det gi avskjed kikker
2. Installere utvidelsen webutvikler
3. Åpne en av de "gamle" HTML-filene
4. Viser kilden, klikker du knappen "Cleanup siden"
5. Sjekk det "Erstatt skrift..... tags av CSS"-boksen, og deretter oppdatere


Nå har du en veldig pent og ryddig kodedel, med alle det CSS skitne arbeidet gjort for deg! På dette punktet kan du kopiere & lim den resulterende koden og bruke den i prosjektet og begynner å finne ut hva det gjør. Jeg var overrasket over hvor enkelt jeg var i stand til å plukke den opp og begynne å gjøre endringer på min egen. Når jeg ville ha mer informasjon om en bestemt stil var det en bare et Google-søk bort til mange utmerket CSS-ressurser på weben. Jeg synes det er mye lettere å lære CSS hvis jeg får forandringene å eksisterende koden som jeg har jobbet med, og jeg tror du vil også.


Jeg håper du finne denne artikkelen nyttig, og hvis du følger disse trinnene skal du kunne legge CSS til i webområdet design verktøykassen på et blunk!

No comments:

Post a Comment