Autor | Zpráva | ||
---|---|---|---|
obin Profil * |
#1 · Zasláno: 19. 12. 2007, 21:37:31
Vytvoril jsem ve Photoshopu nejaky layout. Ted ho rozrezu a zacnu ho manualne skladat dokupy pomoci divu. Moje stranka ma hlavicku,
levy_sloupec - float: left pravy_sloupec - float: right textove pole - padding 0px 150px 0px 150px jak a kam se nacte ten layout? hlavicka a paticka jsou jasne, zbyva mi: - leve menu - 10px siroka lista se stinovanim hlavicky - 10px siroka lista se stinovanim paticky - 1px siroka lista pro generovani (aby se to prizpusobilo delce obsahu). Ale do kterych divu co dat nebo jestli pridat nejake divy, to netusim |
||
Miloš Profil |
#2 · Zasláno: 19. 12. 2007, 21:54:02
1) dělej layout pomocí (prostřednictvím) CSS. Nedělej layout z divů.
2) Jde to i bez divů, jen je to pracnější – viz http://www.semantika.name/ 3) Samozřejmě si můžeš nějakým divem pomoct, ale, prosím, mysli v CSS, nemysli v divech. Co kam dát, jak co naposicovat atd. – porozhlédni se po http://css.interval.cz/layouty/ |
||
obin Profil * |
#3 · Zasláno: 19. 12. 2007, 21:59:50
tnx za odkazy. Jen nechapu co myslis tim - pomoci css a ne pomoci divu. Ten layout je tvorenej nekolika vnorenejma divama, ktery jsou samozrejme v css nastylovany. Jinak me nenapada co myslis tim "pomoci css"
|
||
obin Profil * |
#4 · Zasláno: 19. 12. 2007, 22:06:28
btw nevím, jestli nemíchám jabka a hrušky. Říkám tady layout té grafické části webu. Pokud bych měl mluvit spravně, tak bych měl spíš říct, že layout - to fyzický rozložení stránky - mám. Teď do toho potřebuju nacpat grafiku z photoshopu
|
||
Miloš Profil |
#5 · Zasláno: 19. 12. 2007, 22:11:29
Když se podíváš do kódu výše uvedeného webu www.semantika.name, uvidíš, že neuvidíš ani jeden div. Když si ten web pořádně prostuduješ (není zas tak rozsáhlý a opravdu jeho přečtení víc než doporučuju), přijdeš na to, co myslím výrazem „myslet v CSS“.
Máš-li rád kravinky, podívej se na web http://kesolim.sweb.cz/semanticka_nirvana/ a použij k tomu Operu nebo FF (v horším případě IE7, ale ne IE6 a starší), případně diskusi o tomto nesmyslu na adrese http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=17&topic=4 7418 – tam se také dočteš o mém vztahu k divům. --- Nemícháš, výraz layout opravdu používáme ve smyslu rozvržení, rozložení prvků na stránce. |
||
obin Profil * |
#6 · Zasláno: 19. 12. 2007, 22:45:22
Jsem na zacatku webtvorby tak se nebranim nicemu novemu - ani semantice ne. Ale zatim me fakt nenapada zpusob jak vytvorit web bez divu (ten web o semantice jsem cetl). Alespon tu minimalni kostru tam zatim zachovam - obal, hlavicka,obal_text,menu, text, paticka. Napada me snad jen rozrezat to na Gify a napozicovat, jinak fakt nic
|
||
obin Profil * |
#7 · Zasláno: 19. 12. 2007, 22:47:54
btw - odkaz na Interval/layouty odkazuje na layouty primo pretekajici divama
|
||
Miloš Profil |
#8 · Zasláno: 19. 12. 2007, 23:01:08
obin
Ale zatim me fakt nenapada zpusob jak vytvorit web bez divu Jasně; já taky nepsal nic o tom, že bys neměl nikdy divy používat. Jen jsem tě chtěl uvarovat toho, co autor webu o sémantice nazývá fekální styl. Obzvlášť když se dostaneš do kontaktu Intervalem – jak správně píšeš – primo pretekajici divama. Já jsem třísloupcová layout řešil třeba takhle: http://pokusna-krysa.webpark.cz/3sloupce/index.html (pomiň tu reklamu nahoře, to je, zkrátka daň webparku za prostor zdarma). |
||
obin Profil * |
#9 · Zasláno: 19. 12. 2007, 23:05:13
to je zhruba ono. A ted jsem chtel vedet, jak na tohle napasuju ten rozrezany obrazek z photoshopu. Jsem tam kde jsem byl, ale zase jsem se dozvedel neco o semantice(tnx). Asi nejdriv zacnu tim, ze poupravim muj style.css :D protoze ten je teda vic nez fekalni
|
||
Miloš Profil |
#10 · Zasláno: 19. 12. 2007, 23:20:53
Nejlepší bude, když se o něco pokusíš, vyvěsíš to na web a necháš si to tu okomentovat.
(Můžeš to dát buď do sekce názor na stránku, ale tam ti to bude hodnoceno z mnoha pohledů jako názor na funkční web, nebo do sekce CSS jako prosbu o pomoc s učením se layoutů, tedy hodnocení toho, co jsi udělal/neudělal rozumně, jakých chyb se napříště vyvarovat a naopak jaký návyk by sis asi měl osvojit…) A vůbec nejednodušší bude, když ten zveřejněný pokus budeme komentovat a rozebírat nadále v tomto vláknu. |
||
obin_ Profil |
#11 · Zasláno: 20. 12. 2007, 12:58:25
- leve menu - mam ho oriznout cele a udelat jako klikaci mapu, nebo ho mam rozrezat a vlozit po castech jako pozadi znacky <li> ?
|
||
Miloš Profil |
#12 · Zasláno: 21. 12. 2007, 03:13:18
Obrázky–náhledy nesou informaci, patří do HTML jako <img src…
Dekorativní obrázky nenesou informaci, patří jako background-image do CSS. A pokud se můžeš vyhnout klikací mapě, vyhni se jí. |
||
Časová prodleva: 16 let
|
0