Autor Zpráva
mencik
Profil
Ahoj! Konečně jsem dokončil stránku www.karikatury.art-atelier.eu/

Snažil jsem se ji udělat co nejsrozumitelnější a nejpřehlednější i pro PC analfabety, ovšem nevím, zda se mně to povedlo?
Ocením každou radu, jak je ještě lépe zpřístupnit a vylepšit, popřípadě kritiku, co se tam blbě zobrazuje, nefunguje správně nebo nějak vadí.
Děkuji za spolupráci :-)

Moderátor Chamurappi: V titulku „Kritika mojí stránky“ chyběl název či adresa webu.
Michal Sebek
Profil
Chtělo by to vylepšit menu.
Marcel Ludvík
Profil *
Dobrý den, jaký smysl mají skryté texty "karikatury kreslím na objednávku" a "Karikatury na zakázku", když je uživatelé nevidí?
mencik
Profil
Marcel Ludvík:
Dobrý den, jaký smysl mají skryté texty "karikatury kreslím na objednávku" a "Karikatury na zakázku", když je uživatelé nevidí?
... vidí je ten, kdo má v prohlížeči (nebo na mobilu) vypnuté obrázky. Ty texty jsou pod obrázkem s názvem webu. Na obrázku je ten text napsaný hezčí - než obyčejný rovný text.
No - a na podstránce má ten text tošku jiný slovosled - domnívám se, že je to tak lepší pro roboty - mají tam další možná hledané slovo.
majja01
Profil
mencik:
+pěkný čitelný kod (ti závidím)
-nemoderní design
chce to trochu někde okoukat aby to bylo hezčí...
mencik
Profil
majja01:
chce to trochu někde okoukat aby to bylo hezčí...
Když vidím moderní design, tak se v něm většinou nemohu vyznat. Smažil jsem se o přehledný a logický design - aby lidi věděli na první pohled, kam mají kliknout. Ale nechám si poradit - jestli víš o moderním + přehledném webu s tolika podstránkama galerií (12 a víc) - tak se rád kouknu.
juriad
Profil
Zvětším písmo a obsah vyteče spodem.
K čemu jsem na tom webu ty tři čtyři ikonky úplně dole (pagerank, toplist, ...)?
Všechny odkazy se zežlutí při hoveru, některým se změní pozadí. Žlutá na bílém pozadí je nečitelná.
Screenshot z mapy.cz se proklikává na Google Mapy, to myslíš vážně :) ?
majja01
Profil
mencik:
právě že moderní design je spíše přehlednější a co nejjednodnoduší...
hned jako první bych změnil barvy ( líbí se mi tyto http://flatuicolors.com/)
a hlavně tu hlavičku... (pozadí, logo,...)
mencik
Profil
juriad:
Všechny odkazy se zežlutí při hoveru, některým se změní pozadí. Žlutá na bílém pozadí je nečitelná.
to je určitě chyba - ale nemohu najít, kde se tak děje. Mám nastaveno, že se text zežlutí a pozadí zčervená - pak je to přece stále čitelné.
Prosím o upřesnění, kde zůstane pozadí bílé?

Screenshot z mapy.cz se proklikává na Google Mapy, to myslíš vážně :) ?
na google.mapy je přímo označená i adresa ateliéru a rovnou nastaveno vyhledání cesty. Na mapy.cz nic takového není. Na webu mám můj obrázek (máš pravdu, že převzatý z napy.cz) s výraznou šipkou. Kdo zná okolí Brna, nepotřebuje to rozklikávat. To je nějak moc špatně?

Zvětším písmo a obsah vyteče spodem.
hmm - tak to je fakt blbý - akorát to neumím (s mými znalostmi htlm) opravit :-(
Nastavil jsem u levého menu i hlavní stránky nejenom šířku, ale i délku - aby byla správně dlouhá bílá a oranžová část až k patičce
juriad
Profil
mencik:
Prosím o upřesnění, kde zůstane pozadí bílé?
Na stránce Kontakt a Ceník.

To je nějak moc špatně?
Snad není. Překvapilo mě to, jelikož znám oba poskytovatele map.
Čekal jsem, že obrázek je náhled mapy, kterou uvidím, když na obrázek kliknu.

akorát to neumím (s mými znalostmi htlm) opravit :-(
Nenastavuj ani jednomu (obsahu ani galerii) výšku.
Změň strukturu stránky tak, že uvnitř #kratky budeš mít 3 elementy:
div.leva-galerie {float: left; width: ...px} /* zajistí plavání galerie nalevo */
div.obsah {margin-left: 190px} /* zajistí, že obsah bude odsazen o 190 px odleva, jinak vteče pod galerii až skončí */
br.clear {clear: both} /* zajistí synchronizaci pozadí */

Zbastleno takto: http://kod.djpw.cz/lobb
mencik
Profil
juriad:
Změň strukturu stránky tak, že uvnitř #kratky budeš mít 3 elementy:
Díky moc! Ani jsem netušil, jak to podtékání lze jednoduše opravit :-)

Takže - kromě toho, že ten design je "staromódní" už jsou ty stránky dokonalé?
Tedy přehledné a vyzná se v nich i PC-analfabet? A bez chyb?
juriad
Profil
Máš to blbě: <br clas="clear">
má být: <br class="clear"> a definovaná třída v css: .clear { clear: both}
Nebo prostě: <br style="clear: both">

A ten: <div class="clear-both"></div> tam nemá co dělat.

Mě se ten design líbí. Působí usedleji a k ženě - kreslířce se podle mě hodí.
Teď jsi to tou zelenou galerií zkazil :(

Ke kódu:
<h1><strong>karikatury kreslím na&nbsp;objednávku</strong></h1>
To úplně vyhoď. Je to tam uměle a navíc je to skryté.

Pokud chceš klikací obrázek (když obsah obrázku má nějakou funkci nejen dekorační), udělej to jako obrázek:
<a href="..."><img src="..." alt="Alternativní text"></a>
Nemusíš pak používat ty triky s display:none.

Tímto způsobem předělej celý #header.

Levé a pravé odsazení v menu udělej pomocí paddingu. Není třeba &nbsp;.
Mezery mezi písmeny se dělají pomocí letter-spacing.

<div id="content"></div> je z neznámého důvodu prázdný.
mencik
Profil
juriad: Díky moc za rady - konečně jsem to částečně doupravoval:

juriad:
Máš to blbě: <br clas="clear">“ - opraveno?

<div class="clear-both"></div> tam nemá co dělat.
Nemusíš pak používat ty triky s display:none.
<div id="content"></div> je z neznámého důvodu prázdný.
- su asi úplně blbé - vůbec to nikde nemůžu najít :-(

Mezery mezi písmeny se dělají pomocí letter-spacing.“ - bezva - nyní je to ono!, fakt to byla dřív prasárna, jak konstatoval Yuhů :-)
Předělal jsem to tak i v Ceníku

<h1><strong>karikatury kreslím na&nbsp;objednávku</strong></h1>To úplně vyhoď. Je to tam uměle a navíc je to skryté.
To jsem tam ponechal - je to skryté pod obrázkem, kdo je má vypnuté, tak alespoň uvidí - o čem ten web je ... a možná to pomáhá i robotům s klíčovýma slovama?
Také další nadpisy už mám <h2> - abych dodržel syntax.

Nikdo mně tady nepochválil to odesílání pohlednic z galerií, tak si to tu pochválím sám ;-)
Ale má to drobný nedostatek - že se po příchodu mailu musí "povolit" zobrazení obrázku.
Už mně tady sice někdo radil, jak to odstranit, ale bylo to na mne moc složité :-(
Nevím, na kolik to vadí?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: