Mainos
Verkkosuunnittelu ei ehkä ole kaikkien saatavilla olevin alue, mutta CSS ja HTML voivat olla erittäin hyödyllisiä, ja nämä ovat koodauksen kaksi osaa, jotka ovat todella helppoja. Tarkoitan muuttaa fontin väriä, joka sinun on kirjoitettava: “väri: punainen”, onko siitä helpompaa?
Itse asiassa se tulee vaikeammaksi, mutta se on syytä katsoa, sillä voit mukauttaa kaikkea blogistasi Google Docs -dokumenteihisi pienellä CSS-tietämyksellä. Katsotaanpa missä opit css-ilmaiseksi verkossa ja saat CSS-oppaat aloittelijoille.
W3Schools
W3Schools on loistava sivusto. Heillä on paljon oppaita HTML: stä PHP: hen ja voit olla varma, että kaikki lukemasi on standardien mukaista, koska sivua ylläpitää nykypäivän web-standardeista vastaava W3C.
CSS-oppitunnit ovat melko yksityiskohtaisia ja vie sinut läpi kaiken mitä sinun tarvitsee tietää, mutta koska tämä on enemmän teknistä sivua näet vähemmän esimerkkejä kuin muualla, ja niillä on vähän esimerkkejä rajoitettua.
Jos tiedät jo jonkin CSS: n, tosin tämä on loistava lähde.
Tizag
Olen törmännyt tähän verkkosivustoon etsiessään asioita paljon ja katsellen heidän CSS-opetusohjelmiaan, jotka löysin hieman paremmin jäsenneltyinä kuin W3Schoolin. Perustiedot ovat samat, mutta jos olet ehdoton aloittelija, kannattaa ehkä aloittaa täältä.
Tizag Minun silmissani on vähän vähemmän muodollinen. Minusta näyttää siltä, että heidän esimerkit ovat lähempänä todellista elämää ja sävy on ystävällisempi. Sieltä löytyy myös hyödyllisiä opetusohjelmia monille muille kielille, kuten HTML ja MySQL, joten jos pidit CSS-bitistä, voit pysyä samalla laadulla muilla kielillä.
CSS Zen Garden
Tämä sivusto on hyvin erilainen kuin aiemmin mainitsemani tutustumissivustot. Päällä CSS Zen Garden voit laittaa tietosi testiin tai oppia muiden kirjoittamasta koodista. Ajatuksena on, että on olemassa yksi staattinen ja muuttumaton HTML-tiedosto ja sinun on luotava siitä erillinen haku vain CSS: llä.
Voit lähettää työsi ja se esitellään, ja voit ladata muiden tiedostoja katsomaan, kuinka he tekivät tämän ja toisen. Tämä on todella hyödyllistä, koska olen itse oppinut paljon enemmän esimerkillä kuin itse oppimalla. Sama pätee WordPress-malleihin - jos pidät, lataa se ja kurkista tyyliin.css nähdäksesi miten asiat tehdään.
CSS Play [Ei enää saatavilla]
CSS Play on verkkosivusto Zen Gardenin ja opetusohjelmasivustojen välissä, koska se näyttää CSS: n tietyt toiminnot ja antaa sinun tarkastella lähdekoodia.
Sen sijaan, että sinulla olisi koko sivu tai koko sivusto, voit tarkastella esimerkkejä flyout-valikoista, opasiteetti-esimerkkejä, IE-erityisiä kiertotapoja ja niin edelleen.
Jos tarvitset tiettyä toimintoa ja haluat tutustua asiaan, tämä verkkosivusto saattaa olla paras paikka aloittaa. Sillä on kohtuullinen osuus mainoksista, jotka saattavat olla hiukan häiritseviä, mutta siellä olevat tiedot ovat vankat ja monta kertaa koodi tai ainakin menetelmä selitetään hyvin perusteellisesti.
Se on totta, selvästi vanha Google haku voi olla loistava kumppani CSS: n oppimiseen verkossa ja CSS-opastusohjelmien löytämiseen aloittelijoille. Sen lisäksi, että pystyt selvästi tutkimaan tarvitsemiasi asioita, voit myös tarkastella kuinka tietyt CSS-ominaisuudet toimivat. Etkö tiedä, mitkä arvot "ylivuodolla" voivat olla? Kirjoita vain "css overflow" tai "css overflow property" ja ensimmäinen tulos kertoo sinulle mitä sinun täytyy tietää.
Sama koskee tosiasiallisesti kaikkia ohjelmointikieliä, käytän tätä myös PHP: ssä ja MySQL: ssä, enkä usko, että ensimmäinen tulos on koskaan pettänyt minua.
Joten siellä olet, ei enää tekosyitä, on aika oppia CSS! Voit lisätä omia Google Docs -malliasi, muokata WordPress-mallejasi ja tehdä niin paljon enemmän, onnellinen CSS-asia!