21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Gorr GrimWolf
Profil
Dobrý den. Mám na Vás prosbu. Chtěl bych prosím abyste okomentovali nový vzhled webu. Je to sice pouze obrázek, ale web by se neměl moc lišit. Chybí pouze hlavička. Na ní mě nic nenapadá. Každou radu přijmu velice rád. Teprve začínám. Jinak jak je nadpis Osobní webové stránky v té polobublině, tak to je hlavní nadpis stránky, pokud byste přešli na stránku s webdesignem tak tam bude Webdesign ;o)

Díky moc. Odkaz http://dreambox.aspweb.cz/web.png

Stránka je ale už jako html v tom případě je odkaz http://dreambox.aspweb.cz/green/
http
Profil
Ve photoshopu se to delá co? :-)

http
Meleme
Profil
Moc se mi nelíbí ty obrázky "Menu" a toho druhého, co ani nemůžu přečíst a taky se mi zdá, že tam je té tmavě žluté (či co to je za barva) trochu moc na jednom místě. Místo té barevné výplně bych tam radši dal nějaký pěkný a vhodný obrázek. Jinak je to IMHO povedené
Gorr GrimWolf
Profil
http : Dělá. Ale pokud ve photoshopu neumíš, tak to má stejnej efekt jako kdyby si to dělal v malování. Né,že bych byl profík, ale zase nejsem uplná lama ;)

Meleme : Myslíš "Menu" a "Gorr GrimWolf" ? Jo ty odtraním jenom najdu to správné písmo ;)
Jo to má být hlavička příjde tam obrázek jenom ho musím najít ;)

Díky
Meleme
Profil
V tom případě nemám námitek.
Já jsem se s photoshopem moc neskamarádil. Nevím, nikdy prostě neudělá to, co chci, potvora. Jsou tam tisíce různých filtrů, stylů vrstev a než se zrovna trefím do toho správného, tak je hodina v háji... Photoshop používám výhradně k úpravám obrázků abych je mohl dát na web - tzn. snižuji jejich kvalitu nebo dělám GIFka. Jinak smekám před každým, kdo v tom fakt umí:-)
Gorr GrimWolf
Profil
Jo takže sem udělal pár změn.
1) Ty šikmé čáry v menu jsou trochu více průhledné takže lépe vinikne písmo ;)
2) Tu polobublinu se Jménem Gorr GrimWolf jsem odstranil.
3) A místo té barvy příjde obrázek. Mám už nápad jenom musím upravit barvy obrázku ;)

Meleme : Já to neumím. Znám o hodně lepší lidi. Už se ale lepším. ;) Díky

http://dreambox.aspweb.cz/web2.png

Toto je nová verze ;)
Polaroid
Profil
Hmmm, to už vypadá líp, ale...

I. Ta vyblitá žluto-zeleno-hnědá barva, kterou bych označil jako crap se tam nehodí => nahradil bych ji třeba černou nebo zelenou, v odstínu té kapky.
II. Ty nadpisy v hlavním textu stránky jsou málo výrazné. Doporučil bych spodní margin a čáru nahoře.
III. Patičce bych zesvětlil písmo - je moc výrazná.
IV. A také bych na stránce zvětšli jednak písmo vůbec, druhak nadpisy a za třetí line-height.
V. V menu jsou rozdílné vzdálenosti mezi nadpisy (Navigace, CSS Design, Blogy) a jejich položkami. Ale to se po předělání do CSS určitě zpraví.
VI. Změnil bych font nadpisů. (všech) Třeba taková Georgia, Palatino nebo něco podobně ozdobného by podle mně mohlo být pěkné.

To je zatím vše. Jinak chválím.

PS: Předpokládám, že po dokončení bude stránka vycentrovaná.
Gorr GrimWolf
Profil
Polaroid:
I: Popřemýšlím ;)
II: Teď by to mělo být akorát
III: Patičku jsem odstranil úplně, podle mě neměla smysl.
IV: Nadpisy podle mě akorát. S písmem si pohraji. Line-height tam samozřejmě je. Koukni se
V: Zpraveno ;)
VI: Nadpisy jsem změnil. Měl jsem to v úmyslu ;)

Díky. A stránka je vycentrovaná.

Háži odkaz http://dreambox.aspweb.cz/green/
Gorr GrimWolf
Profil
Rád bych kdybyste prsím schlédli i kód ;)
Acci
Profil
- Title dej až za definicí kódování
- Nějaký napis webu, "koho že to jsou vlastně osobní stránky?"
- Nevýrazné nadpisy
- Malý levý okraj textu
- Malé písmo
Polaroid
Profil
Takže kód:
I. Pokud používáš absolutní pozicování, můžeš umístit elementy v kódu v libovolném pořadí. Tzn že dej element "text" jako první.
II. Tvoje stránka má fixní výšku, to bude do budoucna nutné pořešit.
III. Je to validní - to je fajn.
IV. Pozicovaný layout mi nevadí. Ale vzhledem k bodu II ho budeš asi muset stejně předělat.

+ Neřek sem, že máš odstranit patičku. Patička by tam být rozhodně měla.
+ To co jsem řekl o nadpisech a velikosti písma pořád platí.
Gorr GrimWolf
Profil
Zítra to dodělám, dneska končím ;)
quinux
Profil
Barvy nadpisů jsou příliš nekontrastní - nečitelné. To platí i pro hover u odkazů.
Charlie
Profil
No teda, to je ale typografie...

Nadpisy jsou bliz u vyssiho, nez u nizsiho odstavce, nejnapadnejsi je napis "Menu", ktery je na strance naprosto zbytecny, v menu jsou navic nadpisy podskupin malo kontrastni s pozadim.

Logo mi nic nerika, paticka chybi uplne. To uz tady ale asi nekdo urcite napsal, v tom pripade se omlouvam, nemam moc casu.
Gorr GrimWolf
Profil
Polaroid:
I. Nevím. Podlě mě bá být na prvním místě název webu ;)
II Nevím jak to vyřešit. Napadá mě pár možností, ale asi to nebude fungovat. S css začínám ;)

Přidal jsem patičku a není tolik výrazná ;)
Koukni se, podlě mě je to tak akorát.

quinux:

Ztmavil jsem to. Podlě mě je to tak akorát.

Charlie: Logo tam není, Menu jsem odstranil, je tam název stránky. Kontrast jsem opravil. Patička přibila ;)
Polaroid
Profil
Řešení celého tvého layoutu je toto:

body {
text-align: center;
}
#obalka {
position: relative;
width: 600px;
margin: auto;
}
#hlavicka {
float: left;
width: 424px;
height: 168px;
background: url("obrazy/web3_01.jpg");
}
#menu {
position: relative;
float: right;
width: 172px;
min-height: 800px;
_height: 800px;
background-color: #F7F7EE;
background: url("obrazy/web3_03.jpg");
background-repeat: no-repeat;
}
#text {
float: left;
width: 420px;
min-height: 628px;
_height: 628px;
padding-left: 4px;
background: #F5F5F4;
background: url("obrazy/web3_07.jpg");
background-repeat: no-repeat;
background-position: left bottom;
text-align: left;
}
#paticka {
clear: both;
width: 424px;
height: 30px;
}

Snad je to správně. Psal jsem to z hlavy.
Elementy pak musí být v kódu umístěny v pořadí: hlavicka, menu, text, paticka, nadpis.
Potom ještě musíš vytvořit obrázek pro pozadí elementu "obalka" bude to spojení pozadí elementů "text" a "menu".
Stejné pozadí potom dáš ještě do patičky.
Anonymní
Profil *
nevim jakou genezi to od prvniho nevrhu proslo ale soucasna podoba je supr
quinux
Profil
Gorr GrimWolf

to ztmavení je pořád málo - při najetí myší má být odkaz více kontrastnější a né nečitelný. ;o)
Gorr GrimWolf
Profil
To Anonymní : Díky ;)

To quinux : Takže jsem to ještě ztmavil. Podívej se... ;)

To Polaroid : Díky moc. zkoušel jsem to na pokusu a funguje to ;)

Už je to celý i dalšíma podstránkama... Text už je taky jak má být...
Polaroid
Profil
to Gorr GrimWolf:
Jo mimochodem právě jsem zjistil, jak seš mladej. Takže ti gratuluju. Protože to, co jsi vyplodil je na puberťáka opravdu velice solidní práce :-) Vypadáš na opravdu nadějného webdesignera, třeba to dotáhneš tak daleko jako já :-)
mareek
Profil *
jo docela to ujde.
Mareek
Profil
jo docela to ujde
Gorr GrimWolf
Profil
Takže bych chtěl všem poděkovat za kritiku která mi moc pomohla. Díky

To Polaroid: Díky moc, byl bych velice rád kdybych to někam dotáhl... ;)

Jinak pro všechny, rozběhal jsem wordpress, takže mě čeká tak měsíční maratón. Musím vymyslet nový (6. šestý design :) ), pochopit strukturu wordpressu a mnoho dalších věcí. Takže já se dávám do práce... Jinak tady zatím alfa verze blogu.

http://aurora.webz.cz
Toto téma je uzamčeno. Odpověď nelze zaslat.

0