Autor Zpráva
Cocoa
Profil
Ahoj lidi,
chtěla bych se zeptat jak uspořádat trošilinku stránku tak jak chci já... Jsem začátečnice a tak se v tom ještě moc nevyznám....
gajdynator
Profil
no a ktorú stránku?
gajdynator
Profil
Keby si povedala co ti nejde bolo by ľahšie povedať ako to opraviť
jozob
Profil
Cocoa
Trošku zmierni :-) Nemusíš zakladať pre jednu stránku tri témy :-)

Odpoveď na pôvodnú otázku: Naučiť sa HTML. Preštudovať napríklad jakpsatweb.cz
Filips
Profil
Ještě bych doporučil www.jakpsatweb.cz/css - css pozicování. Velice užitečné
peta
Profil *
Cocoa
"jak uspořádat trošilinku stránku"
... a jako kterou? holky jsou asi telepatky :)

"tak jak chci já"
... tak to je nekdy hodne obtizne a je lepsi usetrit 7 dni a spokojit se s urcitymi kompromisy
... jinak opet telepatie, a jak to vlastne chces mit?

"Jsem začátečnice a tak se v tom ještě moc nevyznám"
... tak to bude dost problem
V tomto pripade by mozna bylo lepsi zkopirovat nekoho funkcni stranku, ktera se ti libi a nejvic se podoba tve predstave a jen si ji upravit podle sebe.
(Soubor - ulozit stranku - kompletni html ...)
jozob
Profil
peta
"V tomto pripade by mozna bylo lepsi zkopirovat nekoho funkcni stranku"
To myslíš vážne? Mimo iného, to ju HTML nenaučí.

Cocoa
Už si konečne preštuduj jakpsatweb.cz, radilo Ti to už mnoho ľudí a stále sa pýtaš na to isté...
RPG
Profil
Funkční HTML zdroj by měl vypadat asi takhle:
(Upravil a pročistil jsem tvůj zdroj, nudil jsem se... dělal jsem to narychlo, bude tam určitě spousta chyb.)

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Kouzelný svět nevyzpytatelné magie</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<style type="text/css" media="all">
body{background-color:#333;font: verdana 80%;color:#fff;padding:100px;}
a:link,a:visited,a:active{color:#f30;text-decoration:underline;}
a:hover{text-decoration:none;color:#fc3;}
b{color:#fc3;}
h1{text-align:center;}
.menu{float:left;margin-right:40px;border-right: 2px solid #fff;padding-right:10px;
padding-top:10px;padding-bottom:10px;background-color:#222;}
</style>
</head>
<body>
Doporučené stránky:
- <a href="http://www.jakpsatweb.cz">Jak psát web</a>
- <a href="http://www.charmed.mysteria.cz">Zuzu stránky o Charmed</a>
- <a href="http://www.charmed.xf.cz">Super stránky o Charmed</a>
- <a href="http://www.charmed.org">Stránky o Charmed v ČJ</a>
- <a href="http://www.blueboard.cz">Blueboard - Ankety, Shouty...</a>
- <a href="http://www.toplist.cz">TOP list - počítadlo</a>
<br>
<img src ="Pentagram.gif"><img src ="Logo_na_stránku2.jpg"><img src ="Pentagram.gif">

<ul class="menu">
<li><a href="epizody.html">Epizody</a>
<li><a href="podepsane_foto.html">Podepsané foto</a>
<li><a href="neco_o_sestrach.html">Něco o sestrách</a>
<li><a href="kniha_stinu.html">Kniha Stínů</a>
<li><a href="clanky.html">Články</a>
<li><a href="jak_jdou_sezony.html">Jak jdou sezóny</a>
<li><a href="uvodni_pisnicka.html">Úvodní písnička</a>
<li><a href="pisnicky_z_dilu.html">Písničky z dílů</a>
<li><a href="testy.html">Testy</a>
<li><a href="dum_halliwellovych.html">Dům Halliwellových</a>
<li><a href="promeny.html">Proměny v...</a>
<li><a href="zle_carodejky.html">Zlé čarodějky</a>
<li><a href="cesty_casem.html">Cesty časem</a>
<li><a href="wallpery.html">Wallpery</a>
<li><a href="downloady.html">Downloady</a>
<li><a href="obrazky.html">Obrázky</a>
<li><a href="schopnosti_sester.html">Schopnosti sester</a>
<li><a href="schopnosti_demonu.html">Schopnosti démonů</a>
<li><a href="demoni.html">Démoni</a>
<li><a href="vite_ze.html">Víte, že...</a>
<li><a href="puzzle.html">Puzzle</a>
<li><a href="fan_art.html">Fan-art</a>
<li><a href="dabing.html">Dabing</a>
<li><a href="adresy.html">Adresy</a>
<li><a href="bannery.html">Bannery</a>
<li><a href="navstevni_kniha.html">Návštěvní kniha</a>
<li><a href="chat.html">Chat</a>
<li><a href="rodokmen.html">Rodokmen</a>
<li><a href="ankety.html">Ankety</a>
<li><a href="lektvary.html">Lektvary</a>
<li><a href="herci.html">Herci</a>
<li><a href="vedlejsi_postavy.html">Vedlejší postavy</a>
<li><a href="moda.html">Móda</a>
<li><a href="poznas_je.html">Poznáš je?</a>
<li><a href="knihy_o_charmed.html">Knihy o Charmed</a>
<li><a href="umrti.html">Úmrtí</a>
<li><a href="ikonky.html">Ikonky</a>
<li><a href="hleda_se.html">Hledá se!!!</a>
<li><a href="fotky_z_uvodu.html">Fotky z úvodu</a>
<li><a href="humor.html">Humor</a>
<li><a href="povidky.html">Povídky</a>
<li><a href="soutez.html">Soutěž</a>
<li><a href="top-ten.html">Top-ten</a>
</ul>
<h1>Úvod</h1>
<p>
Hola, lidičky! Vítám vás na těchto stránkách, zatím se mi nějak nedaří se dát do kupy,
ale časem budete číst nejhezčí stránky na internetu!!!( doufám:-))) Tak zatím papa
a užijte si ČAROVÁNÍ zdraví vás vaše kouzelná Halliwellka
</p>
<h1>Novinky</h1>
<p>
<b>17.12.2005</b>
Ahoj lidičky! Jak můžete vidět pořád se mi nějak nedaří dát tyto stránky do kupy, ale časem doufám...
Jinak jsem vytvořila můj úplně první walpík tak doufám, že se vám bude líbit. Je to taková vzpomínka na Piper a Lea,
aby, jsme nazapomněli co spolu všechno prožili apod. Jinak netuším jestli se ještě do Vánoc ozvu, tak vám všem přeji
štědré, nádherné a pohodové Vánoce! A nezapoměnte zabouchnout dveře starostím! Tak zatím ahoj!
</p>
<p>
<b>2.1. 2006</b>
Tak se zase po čase vracím! No, ne nutno dodávat, že stránky jsou v otřesném stavu...
Jinak v záloze mám nově vytvořených asi 9 walpíků a tak je sem budu postupně dávat.
Mám i testy, chyby,puzzle apod., ale natuším kdy to sem všechno šoupnu,jelikož nevím pár
HTML kódů, které by tyto stránky dali do kupy. Prozatím se mějte! Ahóóóóóóóóóóóóóóóóóóóóóój!!!!!!
</p>

<h1>Dabing</h1>
<ul>
<li><b>Piper Halliwell:</b> Jitka Moučková, dříve Tereza Chudobová</li>
<li><b>Prue Halliwell:</b> René Slováčková, dříve Barbora Munzarová</li>
<li><b>Phoebe Halliwell:</b> Tereza Chudobová, dříve Kateřina Loydová</li>
<li><b>Paige Halliwell:</b> Hana Ševčíková</li>
<li><b>Cole Turner:</b> Ladislav Cigánek</li>
<li><b>Leo Wyatt:</b> Marek Libert</li>
<li><b>Darryl Moris:</b> Jiří Švarc</li>
<li><b>Andy Trudeau:</b> Otakar Brousek ml.</li>
</ul>

</body>
</html>
jozob
Profil
RPG
<ul class="menu">
* <menu>

<b>
* <strong>

<a href="url">
* <a href="url" title="titulok">

<li>...
* <li>...</li>

Ale inak celkom OK...
RPG
Profil
jozob
Pravda... říkal jsem, že jsem to psal narychlo.

Proč místo <b> <strong> ?
A title nemusí být u každého odkazu, nebo ano? Je to podobné, jako s ALTy u obrázků?
<menu> - tenhle tag... co znamená? Proč bych ho měl použít místo třídy "menu"?
jozob
Profil
RPG
Všetky spomenuté veci sa viac-menej týkajú sématiky. Tá je dôležitá pre prístupnosť webu. Takisto roboty majú radšej sémanticky správne navrnuté weby. Napr. tag menu presnejšie určí, o akú časť stránky ide.

A title nemusí být u každého odkazu, nebo ano?
Pre lepšiu prístupnosť.
Mistr
Profil
RPG
Proč místo <b> <strong> ?
A title nemusí být u každého odkazu, nebo ano? Je to podobné, jako s ALTy u obrázků?
<menu> - tenhle tag... co znamená? Proč bych ho měl použít místo třídy "menu"?

Na to Ti asi nejlpé odpoví www.semantika.name.
RPG
Profil
jozob
Chápu... díky za vysvětlení.
Mistr
Taky díky, hlavně za odkaz. Ale pořád nemůžu pochopit rozdíl, mezi <b> a <strong> ...
jozob
Profil
RPG
"Ale pořád nemůžu pochopit rozdíl, mezi <b> a <strong> ..."
Ide o to, že značka STRONG je stvorená na označenie dôležitého textu (ten je obyčajne vykreslený tučne), kdežto značka B je stvorená pre zmenu textu na tučný - čo porušuje snahu oddeliť podobné veci do CSS štýlov.

Ale najlepšie bude, ak si prečítaš už spomenutý web, konkrétne http://www.semantika.name/zvyrazneni-textu.html
RPG
Profil
jozob
Právě z uvedeného textu jsem to nepochopil. Ale tvé vysvětlení mi to konečně osvětlilo...
Děkuju.
Timy
Profil
RPG
Právě z uvedeného textu jsem to nepochopil. Ale tvé vysvětlení mi to konečně osvětlilo...
To mne zajímá, mohu se zeptat? Co je na tom textu na sémantice nepochopitelném? Přijde mi, že tam je řečeno to samé, co řekl jozob... Rád texty poupravím, aby byly co nejjasnější.
Timy
Profil
jozob
mimochodem, teď si všímám:

<a href="url">
* <a href="url" title="titulok">

titulek není nezbytný a někdy spíš škodí. Mnohem lepší je napsat výstižný text odkazu než dávat vysvětlující titulek. Title má smysl hlavně u "stejných" odkazů (klasický odkaz "více informací" s titlem "více informací o produktu xxx") a občas má smysl v menu, kde může více objasnit, co pod tím odkazem nalezneme. Ale i tady platí, že výstižný odkaz je lepší než deset titulků. Nicméně mě osobně spíše title v menu, když pomalu přejíždím položky, otravuje.

<li>...
* <li>...</li>

V HTML se značka <li> uzavírat nemusí.
RPG
Profil
Timy
Vím, že jako tvůrce webu Tě to zajímá... Neměj strach, širší "publikum" to pochopí na sto procent, já, který nemám dokončenou ani základní školu, chápu pomaleji... Stručně řečeno, text je na mě moc "odborný".

Tvůj web = Vysvětlení problému od učitele.
Jozob = Vysvětlení problému od kamaráda.

Snad jsem to napsal dobře... A ty pochopíš, co jsem tím chtěl říct. :-)
jozob
Profil
Timy
Máš pravdu. Ešte by som doplnil, že nie vždy je možné dať do odkazu celý výstižný text - niekedy je moc dlhý, alebo jednoducho to nie je možné. V tom prípade je na mieste správne použitie atribútu title, ktorý doplní informačnú hodnotu textu v odkaze.

"V HTML se značka <li> uzavírat nemusí."
No ja uzatváram všetko. Neviem prečo, ale som tak zvyknutý...
RPG
Profil
jozob
<li> Taky uzavírám. V tomhle případě jsem na to zapoměl... :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.