Zaciatocnik HTML + CSS

erikzet · Napísal **erikzet**: 28.08.2014 11:18 | Zaciatocnik HTML + CSS

Ahojte,

Viem, ze je toho na internete vela ohladom html a css. Moj ciel je sa naucit programovat weby. html a css som sa uz nejake zaklady naucil, ale problem je vtom ze ze ked si pozeram zdroje jednoduchych stranok vsade je to inak riesene.
CSS sa ucim robit v externom subore .css ale na vela strankach je ccs priamo v subore html a nejako sa neviem teraz pohnut ako sa to mam teda ucit. Lebo co som pozeral priamo v html vyzera inak ten kod ako ked je zapisany externe.
Mozno si poviete, ze su to jednoduche veci, ale snazim sa to aj pochopit a nie len naspamat naucit.

Ak by sa tu nasiel niekto kto sa tomu dlhsie venuje a nasmeroval ma trosku budem vdacny.

XOLOO · Napísal **XOLOO**: 28.08.2014 11:20 | Zaciatocnik HTML + CSS

http://www.codecademy.com/ tu si myslím, źe tie kroky sú celkom zrozumiteľné a je tam toho aj viac.

walther · Napísal **walther**: 28.08.2014 11:24 | Zaciatocnik HTML + CSS

Každý projekt vyžaduje vlastný prístup, každý programátor má odlišný štýl a málokedy existuje jediná cesta k cieľu. Naučiť sa to môžeš len tak, že budeš riešiť konkrétne projekty a budeš na nete hľadať spôsoby, ako to dosiahnuť. Postupne si nájdeš svoj spôsob "ako na to". Na toto nenájdeš žiadnu knihu, tutoriál ani nič podobné... To sú proste roky skúseností.
Mimochodom, css patrí len do externého súboru. To, že je možné to zapísať aj inline alebo do head-u neznamená, že je to aj dobrý nápad. Treba si niečo naštudovať aj o čistom kóde, oddeľovaní jednotlivých vrstiev aplikácie atď...

erikzet · Napísal autor témy **erikzet**: 28.08.2014 11:37 | Zaciatocnik HTML + CSS

Dakujem za stranku, urcite prestudujem.

Mne sa lepsie pracuje ked mam css externe lebo to je podla mna prehladnejsie, ale aj napr. prepojenie .css s .html ma viac kodov, myslim kod ktory sa vklada medzi <head></head> na jednej stranke som nasiel tak, na druhej inak.

Kód:

Kód:

Kód:

a stoho mam chaos lebo nikde nenapisu preco som pouzil tento kod. Takze mi ostava ho len kopirovat, ale rad by som tomu aj pochopil preco

walther · Napísal **walther**: 28.08.2014 11:53 | Zaciatocnik HTML + CSS

Prvý "spôsob" len hovorí, že existuje súbor "css-subor.css" a ten sa nachádza na rovnakej adresárovej úrovni ako súbor, ktorý sa naň odkazuje. V druhom prípade sa súbor "styl.css" nachádza v adresári "css". Naštuduj si niečo o zapisovaní adresárovej štruktúry, zíde sa ti to.
Čo sa týka toho posledného spôsobu, ten má svoje využitie, ale najskôr si o tom dačo naštuduj: http://stackoverflow.com/questions/1003 ... use-import
(prečítaj všetky odpovede, nie len akceptovanú)

hatto13 · Napísal **hatto13**: 28.08.2014 14:37 | Zaciatocnik HTML + CSS

spravny postup -> mas oddelene HTML, CSS a JS v osobnych suboroch lebo kazde ma osobitu funkciu a mali by fungovat nezavisle na sebe.
samozrejme su vynimky, ked to programator miesa a to bud preto ze nema sajnu co robi a ako by to bolo najlepsie, alebo prave naopak, vie velmi dobre co robi a poklada to za najspravnejsie riesenie.

erikzet · Napísal autor témy **erikzet**: 28.08.2014 15:24 | Zaciatocnik HTML + CSS

Dobre takze budem pokracovat v externom CSS a JS zatial neriesim nech sa mi to nepletie vsetko.

Napr. som pozeral aj kody na menu a tiez to bolo vsetko v .html, takze musim hladat od uzivatelov ktory to delia a podla toho budem sledovat ako postupoval, lebo potom ma to akurat odradza. Takze idem sa ucit rozkuskovanie strany a nasledne do toho vlozit menu a uz len skusat a skusat.

hatto13 · Napísal **hatto13**: 28.08.2014 15:28 | Zaciatocnik HTML + CSS

to JS som len spominal, lebo skor ci neskor ho budes pouzivat.

inak pri tom prezerani kodu inych stranok nezabudaj, ze len velmi malo ich je robenych staticky tak ako ich vidis. vela je postavenych na CMS, ktory ten kod generuje a castokrat je tom toho prilis vela. napriklad zbytocne vela vnorenych divov a pod. takze je dobre sa ucit z kodov inych, ale aj to musis brat s rezervou.

walther · Napísal **walther**: 28.08.2014 15:31 | Zaciatocnik HTML + CSS

S veľkou rezervou...

erikzet · Napísal autor témy **erikzet**: 28.08.2014 15:33 | Zaciatocnik HTML + CSS

Samozrejme ze ma to caka, ale zatial to ma cas kym pochopim a naucim sa ako spravit jednoduchu stranku.

Nie neprezeram kody stranok, cez google som sa preklikal na zahranicnu stranku kde ludia pisali ako napr. spravit menu a ktomu dali kod a ked som ho skopiroval do svojho indexu tak isto ho zobrazilo, len ako hovoris bolo tvorene pomocou div a tam uz som bol strateny.