Autor | Zpráva | ||
---|---|---|---|
hubenour Profil |
#1 · Zasláno: 2. 12. 2009, 12:24:08
Ahoj,
Jsem začínající HTML. Nicméně stránku si už udělám témeř jakou chci, ale pouze pomocí rámů. Všude na internetu čtu jak frame jsou na prd...rád bych tedy přesedlal na něco jiného. Jak tedy udělat jednoduchou strukturu stránky bez použití rámů?Co mám použít?Také jsem ještě zkoušel upravovat jednoduché html šablony, při kterých se při každém odkazu zobrazuje kompletně jiná html stránka (např: domu.html, onas.html, kontakt.html) ,ale to také neni ono, protože při složitějším grafickém zpracování po každém kliku na menu se načítají celé stránky a dlouho to trvá. Co tedy nastudovat? Díky |
||
panther Profil |
#2 · Zasláno: 2. 12. 2009, 13:37:45
hubenour:
floatované layouty + php fce include |
||
hubenour Profil |
#3 · Zasláno: 2. 12. 2009, 14:33:26
php funkci include, to vim o co jde, ale flatované layouty, to je co?
|
||
Railbot Profil |
#4 · Zasláno: 2. 12. 2009, 16:07:57
hubenour:
„ale flatované layouty, to je co?“ Nesmyslný termín. panther tím chtěl nejspíš říci, že layout stránky máš tvořit sémanticky, zejména pomocí divů a ne rámy nebo tabulkami. |
||
panther Profil |
#5 · Zasláno: 2. 12. 2009, 16:17:46 · Upravil/a: panther
hubenour:
„ale flatované layouty, to je co?“ Terminus technikus ;-) Layout tvořený floatovaný prvky. Za nimi je třeba použít cleaner, krásný článek Jak funguje "float" a "clear". Máš pravdu, že se to takto nejmenuje. Railbot nakousl cosi o sémantice. Vyjádřil se však nešikovně, neboť zrovna div moc sémantický není -> používat jen tam, kde potřebuješ nějaký blok (hlavně layout samotný - header, obsah, sloupec, footer). Více o sémantice na odkázaném webu, myslím, že cosi se tam pochopit dá. |
||
hubenour Profil |
#6 · Zasláno: 3. 12. 2009, 10:09:05
promiňte, mohli byste to trošku rozvést, nebo přidat nějaký příklad?abych věděl, co vůbec mám řešit...
|
||
fanfan Profil * |
#7 · Zasláno: 3. 12. 2009, 22:40:23
Tak ty začínáš?
jestli jsi ještě nedělal stránku z divů tak začni takhle: Tenhle kód by jsi se měl určitě naučit! samozřejmně že tam musí být pro oko hodně věcí navíc ale tohle je asi pro tebe briliantní! <html> <head> <style type="text/css" rel="stylesheet"> body { text-align:center; } #obal { margin:auto; width:500px; text-align:left; } #hlavicka { height:70px; background-color:purple; } #levi-panel { float:left; width:150px; background-color:blue; } #pravi-panel { float:left; width:350px; background-color:yellow; } #patka { width:500px; background-color:purple; padding-top:10px; } #blok { clear:both; } </style> </head> <body> <div id="obal"> <div id="hlavicka"> <p>Hlavicka</p> </div> <div id="levi-panel"> <p>Odstavec a text</p><p>Odstavec a text</p><p>Odstavec a text</p> </div> <div id="pravi-panel"> <p>pravi sloupec</p><p>pravi sloupec</p><p>pravi sloupec</p><p>pravi sloupec</p><p>pravi sloupec</p> </div> <div id="blok"><!-- --></div> <div id="patka"> <p>Patka</p> </div> </div> </body> </html> |
||
d3vElo Profil * |
#8 · Zasláno: 3. 12. 2009, 22:49:04
body {
text-align:center; } to je tam kvůli IEčkům které to bez tohodle zarovnání nezobrazí na střed. margin:auto - to znamená zarovnat na střed ale IE na to kašlou.. float:left - zajišťuje obtékání z pravé strany a kdyby jsi nedal obtékání i u pravého tak by ti to obtékalo i dole a musel by jsi zadat padding-left:150px; padding-top:10px - u patky je toto právě kvůli: #blok { clear:both; } -který udělá mezeru mezi panelama a patkou. Bez něj by se to prostě zobrazovalo složitě a na prd! Nauč se užitečný jazyk PHP a databáze MySql, něco z javascriptu, xhtml validní stránku s příponou .xhtml aby tam bylo .php tak se musí zadat header("Content-type = application/xhtml+xml") - ale to jenom tak bokem, měj se a uč se..; |
||
panther Profil |
#9 · Zasláno: 4. 12. 2009, 10:08:44
d3vElo:
„float:left - zajišťuje obtékání z pravé strany“ dle základů anglického jazyka je „left“ levá, nikoliv pravá strana. „padding-top:10px - u patky je toto právě kvůli:“ nesmysl. „který udělá mezeru mezi panelama a patkou“ žádnou mezeru neudělá, ukončí floatování. „Bez něj by se to prostě zobrazovalo složitě“ složité zobrazování? Jak to vypadá? „Nauč se užitečný jazyk PHP a databáze MySql“ do začátku zbytečné. Dobrý kodér se bez něj obejde úplně i později. „validní stránku“ validita je na nic „xhtml [...] s příponou .xhtml“ nesmysl. Stránka se pak nebude zobrazovat v IE. Škoda zbavit se 30% návštěvníků. Buď tak laskav a nešiř zde bludy. |
||
Časová prodleva: 14 dní
|
|||
Sirius Profil |
#10 · Zasláno: 18. 12. 2009, 19:52:35
panther:
> „float:left - zajišťuje obtékání z pravé strany“ > dle základů anglického jazyka je „left“ levá, nikoliv pravá strana. To sice jo, ale float: left hodí prvek doleva a ten je pak obtékán zprava. |
||
Časová prodleva: 14 let
|
0