spjallid.is

Sælir!

Ég hef lengi ætlað að læra CSS en hef alltaf misst áhugan þegar ég byrja að fikra mig áfram.

Ég kann þessi helstu basics, en mig langar mjög mikið að læra að gera flottan vef frá grunni. Þá er ég bara að tala um útlitið - ekki PHP / MYSQL eða slíkt.

Hef ótal sinnum ætlað að vinda mér í þetta en ég hef aldrei fundið námskeið/tutorials á netinu sem mér líkar við. Yfirleitt byrjar þetta allt of baisc með einhverjum HTML skipunum til þess að skrifa hello world og setja texta í italics.

Svo er byrjað að tala um box model en það er aldrei útskýrt svo að það nýtist manni í hönnuninni, bara sagt 'basicly' hvað hlutir gera eins og border, padding, margin, float osfrv.
Síðan enda tutorials yfirleitt á því að maður býr til einhvern forljótan vef með þremur kössum, einn fyrir logo, einn fyrir menu og hinn fyrir content. Velkomin til 1997.
Svo er það hinn vængurinn, tutorials sem sýna hvernig maður býr til ágætlega flottan vef - en er ekki nógu almennt svo það nýtist manni í fleiri útlit - heldur bara þetta tiltekna útlit.

Veit einhver um almennilegt CSS tutorial sem virkilega nýtist manni? Kann basic HTML nokkuð vel og hef mikið fiktað í Photoshop í gegnum tíðina.
Planið er að byrja á að læra að gera eitthvað svona, en að fikra sig svo út í flókari hluti út frá því:

Ég veit ekki hversu gott það er en ég hef verið að nota codeacademy undanfarið og það er mjög fínt til að læra allavega svona the basics en kannski eru þeir bara með það

Allir vefir byrja sem grindur. Það er fínt að nota einhvert CSS grid framework til þess að koma staðsetningum hlutanna fyrir. Finns sér svo litapalettu og ákveða litasemsetningu. Finna flottann font. Finna sér flott UI-framework. Og hanna virknina.

Þetta gerist ekki á einum degi, það er af og frá. En þetta byrjar samt allt í HTML elementunm. Ekki spara div og span.

Lynda.com er mjög fint! kostar reyndar en fer vel yfir efnið.

capteinninn skrifaði:Ég veit ekki hversu gott það er en ég hef verið að nota codeacademy undanfarið og það er mjög fínt til að læra allavega svona the basics en kannski eru þeir bara með það

Ætla að skoða það. Er að kíkja á http://learn.shayhowe.com/advanced-html-css/ sýnist hann koma þessu vel til skila.

tdog skrifaði:Allir vefir byrja sem grindur. Það er fínt að nota einhvert CSS grid framework til þess að koma staðsetningum hlutanna fyrir. Finns sér svo litapalettu og ákveða litasemsetningu. Finna flottann font. Finna sér flott UI-framework. Og hanna virknina.

Þetta gerist ekki á einum degi, það er af og frá. En þetta byrjar samt allt í HTML elementunm. Ekki spara div og span.

Sé ekki hvernig þetta tengist því sem ég er að óska eftir. Ef þetta skildist þannig að ég búist við því að þetta gerðist á einum degi þá er það misskilningur, þakka samt viðleitnina.

norex94 skrifaði:Lynda.com er mjög fint! kostar reyndar en fer vel yfir efnið.

Hef notað mjög margt frá þeim, en ég náði í einhvern CSS video tutorial pakka frá þeim og fannst það ekki henta mér. Kannski skoða það betur.

Fyrirlestrar frá kennara í Vefforritun í HR - https://www.youtube.com/user/danielbsig/videos - allir fyrirlestrar í Vefforritun 2 eru þarna + verklegt námskeið sem gengur út á að byggja vefþjónustu.

Fleiri fyrirlestrar hér frá HR - https://www.youtube.com/user/rucomputerscience/videos - Meðal annars Vefforritun 1 og fleira gagnlegt.

Það sem ég var að reyna að benda þér á (orðaði það bara ekki nógu vel), er að þú lærir mjög takmarkað að túlka hugmyndir þínar með einhverjum tutorials. Þú þarft að kunna HTMLið vel og kunna skil á einhverju frameworki sem hjálpar þér að setja vefinn þinn upp.

tutsplus, þeir eru mikið fyrir að kenna hvernig á að gera "flotta vefi" eru líka með fullt af kennslu hvernig á að vinna síður í photoshop og koma yfir í html

Já, og mér finnst það betri síða en lynda.com og er töluvert ódýrari, borgar 20$ á mánuði og færð aðgang að öllu efni + 20 bókum

Þakka fyrir svörin.

Fann þetta ágæta myndband, fyrir þá sem hafa áhuga. Megið endilega halda áfram að koma með uppástungur.

Hann fer yfir þetta akkúrat á þeim hraða sem ég fíla, ekki of hratt svo að maður geti ekki skrifað, og ekki svo hægt að maður missi áhugann og líði eins og það sé verið að útskýra þetta fyrir sextugt fólk.

Það er mjög mikilvægt að skilja box módelið ef þú ætlar að gera eitthvað CSS tengt því að annars muntu alltaf vera að reka þig á asnaleg quirk þar sem eitthvað virkar í einum vafra en ekki öðrum.

Fullt af fínum greinum á netinu (google - box model). Þessi virðist vera nokkuð stutt og fer yfir það helsta: http://css-tricks.com/the-css-box-model/

Í tölvunarfræðináminu mínu var aðeins einn kúrs sem fjallaði um html og css, en það var mjög áhugaverður og skemmtilegur kúrs. Þar benti leiðbeinandinn okkur á þessa síðu ef við vildum skoða möguleikana/"potentialið" sem CSS hefur upp á að bjóða:
http://www.csszengarden.com/

Þarna er basically búið að skrifa einfalda html síðu og svo getur maður skoðað hana með fjölmörgum mismunandi CSS-styles. Allt byggist á sama html-kóða. Þetta er kannski ekki tutorial síða eða námskeið eins og þú varst að óska eftir, en þetta er engu að síður áhugavert hvað hægt er að gera magnaða hluti með CSS.

Þar sem þú talar um flott útlit er alveg vert að kynna sér einhver front-end framwork, og sjá hvað þau hafa upp á að bjóða.
Bootstrap er gott dæmi. Auðvelt að nálgast upplýsingar og tutorials á netinu varðandi það.

gillirabbi skrifaði:Þar sem þú talar um flott útlit er alveg vert að kynna sér einhver front-end framwork, og sjá hvað þau hafa upp á að bjóða.
Bootstrap er gott dæmi. Auðvelt að nálgast upplýsingar og tutorials á netinu varðandi það.

Hef ekki séð þetta, þarf greinilega að kynna mér þetta. Takk.