redesign Resolutions site

Udělala jsem nový design pro http://resolutions.webzdarma.cz
Je na adrese http://resolutions.webzdarma.cz/redres.html
Tak se na to koukněte, ale moc se nesmějte. :-)

dám ti jednu malou radu.....okamžitě přestan dělat webové stránky.....:)

debela: nejsi trochu drzy? Stranky mas daleko horsi, nez, pro tebe, tato pani, tak jdi spinkat, at jsi cily do skolky. Zitra budes skakat pres svihadlo ;-)

Tvuj webik na moji tvari zadny usmev bohuzel nevyloudil :[
Spis se potácím v opojeni primo skeptickem vuci tvemu nadani :). Ale jo bodik za snahu a hlavne za ODVAHU Ti davam.

já tak trochu souhlasim s 23k,,, mě se to prostě moc nelíbí.. nenji to ono..

Tak já už fakt nevím, co s tím designem dělat. S PhotoShopem a Corelem toho moc neumím a nemá mi kdo poradit. :-( Co by jste na designu RS site změnili Vy?

Na Resoluttions site mám taky problém s CSS.

Moje CSS je:

body {background-color: #003366;}

.bg1 {background-image: url("bgtb.jpg"); background-color: #99ccff;}

.bg2 {background-image: url("bgtb2.jpg"); background-color: #336699;}

h1 {font-family: Garamond, Galant, Bangle; font-size: 110%; font-weight: bold; color: black; text-align: center; text-decoration: underline;}

h2 {font-family: Garamond, Galant, Bangle; font-size: 110%; font-weight: bold; color: black; text-align: center;}

p {font-family: Garamond, Galant, Bangle; font-size: 100%; color: black;}

a {font-family: Garamond, Galant, Bangle; font-size: 100%; font-weight: bold; color: black;}

a:link {color: black}
a:visited {color: black}
a:hover {color: navy}
a:active {color: black}

a:link, a:visited, a:active {text-decoration: underline}



a validátor mi vyhodil tohle:

Line : 1 (Level : 1) You have no color with your background-color : body
Line : 3 (Level : 1) You have no color with your background-color : .bg1
Line : 5 (Level : 1) You have no color with your background-color : .bg2
Line : 7 font-family: You are encouraged to offer a generic family as a last alternative
Line : 7 (Level : 1) You have no background-color with your color : h1
Line : 7 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : h1
Line : 9 font-family: You are encouraged to offer a generic family as a last alternative
Line : 9 (Level : 1) You have no background-color with your color : h2
Line : 9 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : h2
Line : 11 font-family: You are encouraged to offer a generic family as a last alternative
Line : 11 (Level : 1) You have no background-color with your color : p
Line : 11 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : p
Line : 13 font-family: You are encouraged to offer a generic family as a last alternative
Line : 13 (Level : 1) You have no background-color with your color : a
Line : 13 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a
Line : 15 (Level : 1) You have no background-color with your color : a:link
Line : 16 (Level : 1) You have no background-color with your color : a:visited
Line : 17 (Level : 1) You have no background-color with your color : a:hover
Line : 18 (Level : 1) You have no background-color with your color : a:active

Valid CSS information

body {
background-color : #003366;
}
.bg1 {
background-image : url("bgtb.jpg");
background-color : #99ccff;
}
.bg2 {
background-image : url("bgtb2.jpg");
background-color : #336699;
}
h1 {
font-family : Garamond, Galant, Bangle;
font-size : 110%;
font-weight : bold;
color : black;
text-align : center;
text-decoration : underline;
}
h2 {
font-family : Garamond, Galant, Bangle;
font-size : 110%;
font-weight : bold;
color : black;
text-align : center;
}
p {
font-family : Garamond, Galant, Bangle;
font-size : 100%;
color : black;
}
a {
font-family : Garamond, Galant, Bangle;
font-size : 100%;
font-weight : bold;
color : black;
}
a:link {
color : black;
}
a:visited {
color : black;
}
a:hover {
color : navy;
}
a:active {
color : black;
}
a:link, a:visited, a:active {
text-decoration : underline;
}

Já mám ten styl stejný jako to, co mi validátor vypsal jako validní informaci, tak proč validátor tak kecá? Jak to upravit, abych si n stránky mohla dát ikonku validity?

Validátor CSS kecá. CSS je jedna z věcí, u nichž nejde vůbec o validitu, ale funkčnost. Je dávno ověřený, že funkční CSS nemusí být vůbec validní.

jde o to, co je varovani a co je chyba. to level 1 bych vubec neresil. to level 2, kde se rika, ze je potreba uvest obecnou rodinu pisma, by bylo dobry opravit.

You have no background-color with your color a naopak znamená, že když definuješ barvu písma, měla bys zároveň definovat barvu pozadí - a naopak. Ale jak říká Tonik, není potřeba se s tím až tak trápit.

A obecná rodina písma (generic family) je míněno serif, sans-serif, monotype atd., blíže viz např. http://www.jakpsatweb.cz/css/font-family.html. Má být ve výčtu písem uvedena jako poslední, pro případ, že žádné z uvedených fontů nebude mít uživatel k dispozici.

Na to CSS se ještě kouknu. Ptřebuji totiž, abych si na stránky mohla dát ikonku validity i pro CSS. S hTML 4.01 Transitional už naštěstí problémy nemám.

Můžete mi prosím dát tipy na nějaké dobré designy, co by se hodily k mým stránkám?. Nebojte nebudu je kopírovat. Jenom zkusím udělat něco podobného. Když zkusím udělat něco sama a pak to dám zhodnotit tady do fóra na Webzdarma, tak na mě vrčíte, že to není dobré.
Potřebuji udělat redesign u těhle stránek:
http://verkadesign.wz.cz
http://frodoharrysite.webzdarma.cz
http://skywalker.wezbdarma.cz
http://darthsidioussite.webzdarma.cz
http://resolutions.webzdarma.cz
http://sweb.cz/coruscant
http://sweb.cz/OravovaVera/sci-fistrankaverkyoravove.htm
Za tipy předem děkuji.

Věrka

klidne tam tu ikonku nech, nebot ti to rika, ze This document validates as CSS!, takze to je validni... mezi warningem a errorem je rozdil... (Muž pokuřuje cigaretu a vyfukuje obláčky dýmu. Jeho přítelkyně se naštve a říká mu: "Nevidíš, že je na krabičce napsané varování, že to škodí zdraví?" A muž na to: "Lásko, já jsem programátor, nás nezajímají varování, jenom chyby...")

Tak bude něco s těm tipama? Mě ty designy pořád nejdou.

kdyz to je tezky. ja sem takovyhle stranky delal - tedy bez CSS, kdyz jsem pred lety zacinal. Jenze to byl maximalne HTML 3.2 a moznosti dost omezeny.
Od te doby se snazim drzet s dobou a predevsim drzet se doporuceni od W3C. Jedno rika napriklad: neoptimalizujte stranku pro urcity prohlizec nebo urcite rozliseni (narazka na kazdy tvuj web).
Je jedna vec, ktera se mi nezamlouva. a to je ta jednoduchost (nemam na mysli uvodni stranku) a vyber barev. Ted se teda budu vyjadrovat k verkadesign.wz.cz.
Uvodni stranka se mi libi. Je jasne videt, k cemu slouzi a neni preplacana Barva (rikejme ji oranzova) se mi libi. Nemusim premyslet nad tim, kam mam kliknout, abych se dostal dal. Zni to mozna blbe, ale obcas ta uvodni stranka je nejdulezitejsi na celem webu. Prvni dojem dela sve...
Kdyz jdu dale, dost me zarazi vyber barvy pozadi u menu a obsahove casti (#FFFFCC, rikejme ji zluta). Je mi jasny, ze ta zluta je tam proto, aby visualne vyznacila ty hlavni obsahovou plochu. ale ta barva se mi nelibi, resp. nelibi se mi v kombinaci s tou oranzovou. Je to moc drsnej rozdil.
Jenom trosku odbocim - na to jaka barva se k jaky hodi opravdu nejsem odbornik - to umeji nejlepe zeny ;).
Maly detail: kdyz je reklama na uvodni strance, nemusi byt uz na zadne jine. V nastaveni na WZ v oddilu Reklama (asi tak nejak) nastav cestu k ty uvodni strance (predpokladam, ze ten kod , kam se ma ta reklama vlozit, tam mas) a potom znovu uploaduj vsechny html soubory - ta reklama se tam uz nevlozi.
Dalsi vec je to menu. Kdyz zapomenu na to zlute podkresleni, ktere zde vadi jeste vic (snad uplne nejvic), vypada to az prilis jednoduse. Vsechno je takove hranate. Tim nechci rict, udelat ty obrazky kulate. jen nejak zamazat ostre prechody mezi obrazkem a pozadim-hlavne u obrazku v menu.Mozna bych se vyhnul stale stejnemu motivu u grafiky obdelnik se zari uprostred a zvyraznenou horni a spodni hranou. Velke mezery mezi jednotlivymi odkazy v menu na me take nepusobi moc dobre.
Dalsi dulezita vec: tabulkovy layout uz se nenosi. Tabulky slouzi k prezentaci dat, ne k navrhu layoutu. Skoda, ze to validator neumi zkontrolovat...
Ted jsem narazil na http://sweb.cz/OravovaVera/sci-fistrankaverkyoravove.htm - napad s tou pulkou planety je pekny, ve zmensenine to vypada huste. Ale: zminka o optimalizaci, pouziti tabulek mimo jejich kontext. A jeste trosku vic sjednotit grafiku.

Zaver: rozhodne bych se tim nezivil, hlavne asi neuzivil. Vypada to, ze s HTML nemas na to dost zkusenosti. Zkus si prohlizet jine, profesionalni weby, muzes se inspirovat (v urcite mire), stale je co zlepsovat a verim tomu, ze se zlepsovat budes.

Mozna se nekomu muze zdat ze jsou to hrozny kecy, co jsem napsal, ale snazim se jen pomoct. Mate-li nekdo jiny nazor, nekritizujte - uvedte ho taky

Donny: Díky za rady.
Já používám tabulky na layout, protože neumím celkové CSS. V CSS umím zadat jen pozadí, odkazy a písmo.
Reklamu z WZ musím mít na každé stránce dole. Já totiž u webů chci mít úvodní stránku a reklama na indexu nahoře by se mi nelíbila.
Věrka Design a Coruscant už nemají optimalizaci pro nějaký prohlížeč. Ale optimalizace pro rozlišení se zatím zbavit neumím.
Webdesign je pěkná fuška. Babrám se s tím sama a nemám na to moc času. Proto ty designy vypadají tak, jak vypadají. :-(