RuleZZZ's personal page

RuleZZZ
Bylo by dobré, kdyby z designu vyplývalo, o čem by ta stránka asi tak mohla být.

mohl by jsi si trochu pohrat se strukturou hlavniho textu (o ten predevsim jde, ne?) - udelat nejake styly pro nadpis, normalni text popripade nejake podnadpisy

co na to říci, když to chceš mít tak, jak to chceš mít???
...mně to absolutně nezaujalo
...jak bych měl posoudit něco, když z obsahu vůbec nevím, co mám posuzovat
...asi by sis to měl dát k posouzení později, až to bude k něčemu směřovat

RuleZZZ
ale přeci když něco dělám, tak bych to měl dělat kvůli něčemu a nikoliv něco dělat a pak se ptát, jestli to k něčemu je?
...chceš-li mít web černobílý - budiž, ale z toho screenu nic nečiší...tak to např. ještě nějak doplň

RuleZZZ
ano...připrav stránku, která bude bude mít jakýsi obsah (třeba s avatary či signaturami...nebo jako jejich fiktivními náhledy), jejich rozložením apod.

návrh číslo 2 můžes rovnou vyřadit, protože font který jsi zvolil pro hlavní text nebude mít nikdo naistalovaný a tudíž se mu bude zobrazovat Arial nebo podobný, což naprosto změní tvůj návrh; zkus tedy znova a používej normálně dostupné fonty

ty se celkově necháváš strhávat a děláš v návrzích úplné grafické orgie, zkus něco jednodušší, čístčí, ne tolik efektů

RuleZZZ
Takže vezmu to dokolečka dokola:
Číslo 1 i číslo 2 ujdou, 3 vyhodit. Teď k těm dobrým. Oboje má své plus stejně jako mínus. U jedničky si pohraj s obsahem. Co vlastně máme hodnotit když místo obsahu je vycentrovaný Lorem ipsum? Dej tam nějaký ukázkový článek a zformátuj ho tak, jak si myslíš, že je to nejlepší. My tě pak popostrčíme ještě dále. Jinak pokud chceš menu začínat pomlčkou, tak musí být delší, tohle je spojovník. A pokud to je pomlčka, tak musí být od textu oddělena mezerami, což v případě Main menu nemáš. Druhý návrh bych vedl spíše cestou diáře. Přečti si něco o typografii a dostupnosti písem a skus něco vysmolit.

No vidíš, a hned se dá lépe hodnotit. Jen tedy nechápu, proč je to úplně jiné než oba předchozí návrhy. Ale to je jedno.

1) Na úvodní stránku odkazuj stylem href="/", a to všude. Předejdeš tak ve většině případů možné duplicitě.
2) V Opeře ti ujíždí nadpisy v menu krapek doleva a v obsahu máš tuším jiné řádkování (line-height). Skus použít CSS reset. Kdyžtak mi napiš, mohl bych ti píchnout.
3) Po zvětšení písma ti ujíždí patička z prostředka, nadpisy z grafického pozadí, položky menu ze svého místa a anketa zajíždí do neviditelna. Řešením je necentrovat odazením ale vlastností text-align:center. Dále pak tolik nefixovat text na určité místo, ale dát mu krapek volnosti.
4) Máš to nějak zvláštně nakódováno (a to jsem na kód ještě nekoukal), protože jde špatně označovat písmo. Stává se to občas při špatném pozicování nebo používání záporného marginu.
5) Černé orámování fotky graficky nesedí do hnědého designu webu.
6) Hlavní nadpis obsahu, který je mimochodem zvolen nejhůře jak to šlo, je špatně zarovnán vzhledem k obsahu. Ani vycentrován, ani doleva. Doporučuji mu dát text-align:left a zarovnat ho spolu s obsahem.
7) Nepiš do obsahu, kór na úvodní stránku žádné úvodníky typu Vítám Vás na těchto super stránkách který jsem dělal celý já sám, já velký... stejně to nikdo nečte. Úvodní stránka by měla zaujmout, nikoli odpudit. Měla by být, stejně tak jako celý web, adresován návštěvníkovi, potencionálnímu zákazníkovi, nikoli opěvovat kvality osobnosti, popřípadě firmy.
8) Tak a jdu na kód. Hned ze začátku si přečti něco o hlavičce dokumentu, pokud jsi tak ještě neučinil.
9) Pro strukturované odsazení kódu se nejčastěji používají dvě mezery (ještě lépe tabulátor nastavený na dvě mezery). Více je zbytečné, méně je už není tak přehledné.
10) Bacha na překlepy typu id= "ich" či <a href="me.html">o mně </a> &nbsp&nbsp - na dosti místech se ti tam nesmyslně vtřepaly mezery.
11) Na zbytek přijdeš průběžně sám, až si budeš projíždět pěkné kódy nebo Derovu typografii ;-)

RuleZZZ
Je to celé utopené v jedné barvě.

RuleZZZ
ad 1) Když jednou odkážeš na svou úvodní stránku jako na "http://www.example.cz", podruhé jako na "index.html" a potřetí jako na "/", je dost možné, že vznikne duplicita. Vyvaruješ se jí tak, že na svou úvodní stránku budeš odkazovat jako na "/" a vše ostatní přesměruješ také na "http://www.example.cz"
ad 2) Právě CSS reset mnohdy usnadní práci - sjednocuje různé vykreslování různých prohlížečů.
ad 3) Podle toho, jaký máš prohlížeč. Ve většině moderních to totiž zoomuje místo zvětšování textu. Skus si dát třeba v IE -> View -> Text size (Zobrazení -> Velikost textu) a uvidíš ;-)
ad 5) A co to zkusit jinak? Nedávat orámování hned při fotce, ale až krapek dál? Nebo udělat vnitřní poloprůhledný rámeček ještě na obrázku? Možností je mnoho...
ad 7) Obsah je to nejdůležitější. Když nemáš obsah, web je ti k ničemu. Mysli na to ;-)
ad 8) Mrkni na můj příspěvek, máš tam i vysvětlení.
ad 9) Jaký používáš editor? Jestli Notepad (Poznámkový blok) tak prchni. Prchni k PSPadu nebo jiným, kteří to umějí ;-)
ad 10) Každé odsazení se dá řešit marginem, popřípadě paddingem. Pak ale pozor na box model, který se dá ovšem vyřešit např. matrjoškou.
ad 11) Co třeba trošku hledat? Ale tak já ti poradím ;-)

RuleZZZ
ad 3) Nezvětšilo se ti to proto, protože zapisuješ font-size v pixelech. Skus nastavit pro body font-size:62.5%; a pak nastavovat velikost textu pouze v jednotkách em. Jedna em se ti pak bude rovnat 10px.
ad 8) Dá se udělat jednotná struktura ve které budeš jen měnit obsah na přání uživatelova výběru položky v menu. Odpovědí je include.
ad 9) A já bych zase doporučoval kódovat primárně pro např. FF a až následně IE opravovat ;-)
ad 10) Mrkni na word-spacing popřípadě letter-spacing.

P.S.: Problém je v tom tvém layoutu. Ani nekoukám na kód, ale Web Developer Toolbar mě informativně upozornil, že si moc hraješ s pozicováním a z-indexem. Skus se zaměřit prvně na tvorbu layotu, pak až na zbytek. Mrkni na vlastnost float.

RuleZZZ
Ne, máš toho na vyřešení celkem dost. GL ;-)