Reklama
Webdizajn nemusí byť pre všetkých najprístupnejšou oblasťou, ale CSS a HTML môžu byť veľmi užitočné, a tieto dve časti kódovania sú skutočne jednoduché. Chcem zmeniť farbu písma, ktoré stačí napísať: „color: red“, je to jednoduchšie?
V skutočnosti je to čoraz ťažšie, ale stojí za to sa na to pozrieť, pretože všetko, od blogu po dokumenty Google, si môžete prispôsobiť pomocou trochy znalostí CSS. Poďme sa pozrieť, kde sa učíte CSS online zadarmo, a získajte návody CSS pre začiatočníkov.
W3Schools
W3Schools je skvelé miesto. Majú veľa tutoriálov od HTML po PHP a môžete si byť istí, že všetko, čo čítate, je v súlade s normami, pretože stránka je udržiavaná W3C, zodpovedným za dnešné webové štandardy.
Lekcie CSS sú dosť podrobné a podrobne vás prevedú väčšinou, čo potrebujete vedieť, ale keďže to tak je viac technickej stránky uvidíte menej príkladov ako inde a príklady, ktoré majú, sú trochu obmedzený.
Ak už však nejaký CSS poznáte, je to skvelý referenčný zdroj.
Tizag
Keď sa pozriem na veci, stretol som sa s týmto webom veľa a pozrel som sa na ich tutoriály CSS, ktoré som našiel trochu lepšie štruktúrované ako školenie W3School. Základné informácie sú rovnaké, ale ak ste úplným začiatočníkom, možno budete chcieť začať tu.
Tizag v mojich očiach je trochu menej formálny. Zdá sa mi, že ich príklady sú bližšie k skutočnému životu a tón je priateľskejší. Užitočné príručky sú k dispozícii aj v mnohých ďalších jazykoch, ako sú HTML a MySQL, takže ak sa vám bit CSS páčil, môžete zostať v rovnakej kvalite v iných jazykoch.
CSS Zen Garden
Táto stránka sa veľmi líši od stránok s tutoriálmi, ktoré som spomenula vyššie. na CSS Zen Garden svoje vedomosti môžete vyskúšať alebo sa učiť z kódu, ktorý napísali ostatní. Celá myšlienka je, že existuje jeden statický a nemenný súbor HTML a musíte si ho vytvoriť samostatne pomocou iba CSS.
Svoju prácu môžete nahrať a táto bude predstavená a môžete si stiahnuť súbory iných, aby ste zistili, ako to urobili. Je to skutočne užitočné, pretože som sa naučil viac príkladom než skutočným učením. To isté platí pre šablóny WordPress - ak sa vám páči, stiahnite si ich a nahliadnite do style.css, aby ste videli, ako sa veci robia.
CSS Play [už nie je k dispozícii]
CSS Play je webová stránka medzi Zen Garden a stránkami s tutoriálmi, pretože zobrazuje konkrétne funkcie v CSS a umožňuje vám zobraziť zdrojový kód.
Namiesto toho, aby ste mali celú stránku alebo celý web, môžete sa pozrieť na príklady rozbaľovacích ponúk, príklady krytia, konkrétne riešenia IE atď.
Ak potrebujete konkrétnu funkciu a chcete sa oboznámiť, táto webová stránka môže byť najlepším miestom na spustenie. Má spravodlivý podiel reklám, ktoré môžu byť trochu rušivé, ale informácie, ktoré tam sú, sú solídne a mnohokrát je kód, alebo aspoň metóda, veľmi podrobne vysvetlený.
To je pravda, proste staré Google vyhľadávanie môže byť skvelým spoločníkom pri štúdiu CSS online a hľadaní kurzov CSS pre začiatočníkov. Okrem toho, že samozrejme dokážete skúmať veci, ktoré potrebujete, sa môžete pozrieť aj na to, ako konkrétne vlastnosti CSS fungujú. Neviete, aké hodnoty môže mať „pretečenie“? Stačí zadať „css overflow“ alebo „css overflow property“ a prvý výsledok vám povie, čo potrebujete vedieť.
To isté platí v skutočnosti pre všetky programovacie jazyky, používam to aj pre PHP a MySQL, a nemyslím si, že prvý výsledok mi doteraz zlyhal.
Takže tu už nie sú žiadne výhovorky, je čas sa naučiť nejaké CSS! Môžete pridať svoje vlastné šablóny služby Dokumenty Google, upravovať svoje šablóny WordPress a robiť omnoho viac, šťastné CSS-ing!