Weboldal kritika – www.ferencziszolobirtok.hu
Sziasztok!
Szeretnék egy kis kritikát kérni az alábbi oldalra: ferencziszolobirtok.hu
Lehetőleg a pár szavas válaszoktól kíméljetek.
Köszönöm,
HaadeS
■ Szeretnék egy kis kritikát kérni az alábbi oldalra: ferencziszolobirtok.hu
Lehetőleg a pár szavas válaszoktól kíméljetek.
Köszönöm,
HaadeS
Milyen szemszögből?
<a href="http://www.ferencziszolobirtok.hu/album.html">
helyett<a href="/album.html">
szerencsésebb.Minnél több szemszögből...
Az észrevételt köszönöm, erőforrás alatt a processzor kihasználtságot vagy a (tár)hely foglalást érted ? Mennyire befolyásolja a teljes hivatkozás a letöltési sebességet ?
Köszönöm
Sávszél
Másrészt pedig – habár ez csak logikus feltételezés – a böngészőnek is legalább egy plusz kört kell futnia, ha tartománynév is szerepel a címben.
hmm
Alapvetően jó a design, megy a témához, mondjuk én kicsit jobban kiemelném a navlinkeket a felső sorban.
Kicsit furcsának érzem a jobb hasáb megjelenítését ilyesformán, és a láblécet.
Furcsa, hogy vannak linkek, amit mindenhova odaraksz, van amit meg csak néhol, és nem találom benne a logikai kapcsolatot, hogy mi alapján dőlt el, hogy melyik hova hányszor. Nem derülnek ki az alárendeltségi viszonyok számomra. Mondjuk, ha a megrendelő így kérte az más...
Nekem szokatlan, hogy az összefoglalók előtti képre kattintva, azt nagyítod, és nem a cikkre ugrik.
Viszont azt bajnak találom erősen, hogy ha valamelyik konkrét bortípusra kattintok, akkor elveszítek minden navigációt. És mivel ugyanúgy a borok.htm-ben maradok, a vissza gomb is rendesen elvisz. Ezen mindenképpen javítani kell. Ha jól látom az oldal tetején van valami nav sáv, de ennek a pozíciója erősen necces, épphogy a betűk alja látszik. Gondolom a bloldali a bezár, a jobb meg az aktuális bornév. Vagy húzd lejebb, vagy az egész befoglaló dobozt nyomd összébb. Sőt IE alatt megjelennek a popupban a görgetősávok rendesen, elcseszve az összképet. FF nem problémázik, kilógatja jobbra a layoutből simán néhány pixelt :)
szerk: felét visszavonom, teljes képernyőn megjött minden, csak a 600px magasságba nem fért bele a notin. Viszont a popup doboz méret az aktualitásoknál is szélesebb mint a layout, és a boroknál is feleslegesen nagy.
Zavaró még az is, h ha valamelyik képet megjeleníted nagyban akkor a script IE alatt lefedi a teljes képernyőt, eltünteti a görgető sávot, és mivel gondolom középre pozicionáltál mindent így a tartalom 10pxelt ugrál jobbra balra. FF nél marad a görgető, nincs ugrálás.
Hirtelen ennyi, remélem tudsz vele mit kezdeni.
(Mindig mosolyogni szoktam az "utolsó frissités", meg az "ilyen-olyan valid" címkéken, arra figyelj, ha már kiteszed, akkor legyen valóságalapja:)
Köszönöm a kritikát :) Huhh,
Huhh, az oldal 1024x768-ra készült így a bele 900px széles. A menüpontok elrendezése is megrendelői kérés volt.
Popup: a méreteket egységesítettem
>(Mindig mosolyogni szoktam az "utolsó frissités", meg az "ilyen-olyan valid"
> címkéken, arra figyelj, ha már kiteszed, akkor legyen valóságalapja:)
Az utolsó frissítés az adott oldal tényleges frissítési dátuma, a valid linkeken párszor már végigmásztam, de ha valahol találtál hibát jelezd kérlek
Érvényesség
Nem kézzel nézegetem :)
Pár észrevétel...
Alapvetően nekem is tetszik az oldal!:) Néhány apróságot emelnék csak ki az eashlon által elmondottakon kívül.
A jobboldali oldalsávban klikkelhetővé tenném a kis képeket is, hogy a megfelelő linkre mutassanak (bár lehet, hogy én vagyok az egyetlem mániákus képreklikkelő:D).
Csak FF-ben néztem, de nálam ha rákattintok valamelyik borra és több lap van nyitva a böngészőben akkor levágja a borok neveit és a kinagyított címke tetejét.Próbáld meg a felugró ablakok tartalmát valahogy lejjebb hozni, vertikálisan középre.
A képnézegetőben adhatnál több kontrasztot a szövegeknek, mert elég nehezen olvasható így.
A végére hagytam azt ami nekem leginkább szemet szúrt. A boraink menüpont eléggé másodlagos helyen van az oldalon, pedig szerintem ennek egy borászati Kft.-nél az elsők között kellene lennie.
Én szívem szerint feltenném a főmenübe. A kezdőlapon pedig felcserélném a helyét aktualitásokkal, valamint a jobboldali menüben is ezt tenném legfelülre, utána jönnének az aktualitások (még mindig "hajtás felett") és csak azután a cégünkről (ezt úgyis minden felhasználó csak egyszer olvassa el, ha elolvassa egyáltalán) meg a hírlevél. A másik borászat bannere ok, hogy partner oldal, de szerintem túl releváns helyen van a saját tartalmakhoz képest (ha csak nem fizetett hirdetés:D).
Kód oldalról én sem ástam nagyon bele magam (meg vannak itt nálam sokkal kompetensebbek is a témában:)). Egyedül az tűnt fel, hogy az email címek a kapcsolatban nincsenek levédve spamek ellen.
Röviden ennyi. Remélem tudtam segíteni, ill. hasznosnak találod majd az észrevételeket.
Üdv.: Nu7ec
Neked is köszönöm, igyekszem
Nem jön be
Be sem jön az oldal!
Alsó kategóriás dizájn.
Mi bajod a design-nal..?
Lehetne csomót keresni a kákán, de minek, amiről beszélünk az már egyéni meglátás/ízlés kérdése.
Soha nem értettem azokat a design-huszárokat akik minden egyes pixelben hibát keresnek.(ezt ne vedd magadra, csak azért írom le mert egy ideje már szúrja az oldalam) Van pár webdesigner akik szerintem ezzel próbálják relevánsabbnak feltüntetni a munkájukat, hogy porig fikázzák más designját. Holott általában nekik is van a portfóliójukban néhány nem egészen sikerült darab, hogy finoman fogalmazzak.
Mitől lesz egy design felső kategóriás? Hogy felső kategóriás árat fizetsz érte?
Szerintem amiről beszélünk az már olyan mint a hagyományos művészet. Trendek uralják és rengeteg a sznob benne.
Bocsi a "kirohanásért", de ez már egy ideje érlelődött bennem. A meglátásaiddal annyiban egyet értek, hogy vannak sablonos elemek, de ettől még nem degradálnám alsó kategóriásnak a designt.
Üdv.: Nu7ec
Teljesen
> Alsó kategóriás dizájn. Az
Az őszinteséget díjazom ...
> Gyermekbetegségek a fehéres árnyék meg a túl cizállt font,
cizállt = cizellált ?
Ha a logóra gondolsz, az adott volt
> a szélen a dombornyom-effektus,
Ezt pontosítanád ? Eredetileg nem terveztem ilyet :( vagy ismét nem tudom mire gondolsz
> meg általában az elmosott vonalak,
A szélső menüpontokra gondolsz ?
> valamint ez a szigorú kockába szorítottság se jó.
Szerettem volna gömbölyűt, de a monitorom is négyzetes ... (jó ez vacak poén volt)
Fraki, a testvéroldalához mit
http://www.debreczenipinceszet.hu/dev
Határozottan jót tesz neki a
Ahhoz képest a belső fejlécen (meg a főblokkon) az elmosott keretvinyetta durva, arról ugyanaz a véleményem, mint a másiknál.
Én nem hangsúlyoznám ennyire a valid-plecsniket.
A font egyébként nem rossz, a cizelláltság sem önmagában (ebben korrigálok az előbbi megjegyzéshez képest), de ezek nagyon ismert, common fontok, azt hiszem, ez kelti az olcsó benyomást.
Köszönöm a gyors választ :)
jobb also kep
-cs-
Sanyi
Mert az rosé ... :)
:)
-cs-
Sanyi
Akkor ez rosé must :)
Közben észrevételeitek
- popup méret egységesítve
- a köszöntő oldalon a képek linkjei a cikkekre mutatnak
- az oldalsávban a képek is kattinthatóak
- és picit átrendeztem a menüpontokat
- mivel többen jeleztétek leszedegettem a valid linkeket
Mindenkinek köszönöm az érdemi hozzászólásokat
Email nem működik
A kapcsolat oldalakon az email nem működik (mailto rosszul van slash-elve), továbbá, nem szerencsés weboldalra így kitenni emailt.
Valahol találtam egy javascript kódgenerátort, ahol mailto:vmi##kukac##vmi.vmi-ből készít egy spambotoknak értelmezhetetlen kódot, amit ha beillesztesz, normálisan jelenik meg.
Vagy, fordítva írod ki, imv.imv@imv és css-el (direction: rtl) normálisan "láttatod"
Üdv,
safipeti
Köszönöm, ennek még
15:55 -> Megtörtént, én a css alapú megoldást választottam.
Ne
WHAT
Egyébként én úgy veszem észre, hogy a SPAM-ek nagy részét szolgáltató oldalon már kiszűrik, hozzám már csak minimális mennyiségű ér el, de ezek is hamar kikopnak.
ThunderBird "tanítható" SPAM szűrő -- általában pár hét alatt kikopnak a SPAM-nek jelölt, majd automatikus a SPAM mappába kerülő levelek. Vagy ennyi idő után leállnak egy-egy cím SPAM-elésével a botok?.
Saját vélemény
Szerk.: köszönöm, nem is mondanék többet, a fenti példa önmagáért beszél.
popup
Csak annyit tennék hozzá, hogy a popupon belüli #text div szélességét gondold át. Szerintem jelenleg 10 emberből min 9 utálja, ha feleslegesen kell vízszintesen görgetni...
Valamint átgondolnám a borok címke képeinek szintén méret egységesítését, és akkor a függőleges görgető sem cseszi szét a dizájnod ha valaki kb 700px-nél alacsonyabban képterületen (vásznon?) nézi. Mondjuk te tudhatod a célcsoportot, valamint a netezési szokásaikat. Viszont megjegyezném pl, hogy egy átlag FF usernek a 1024x768-ból min. 120-160px kitakar a program(+kedvenclinkek, tabfülek, egyebek), tehát ha foglalkozol vele érdemes 600px körüli magasságban gondolkodni. Mondjuk w3s stat szerint kb 35% nyomul ebben a felbontásban, tehát érdemes lehet végiggondolni. Bár arra nincs statisztika, hogy ebből mennyi, aki full screenben nyomja, de szvsz nemsok.
(Futtából meglestem a debreczenit is, itt a popup "bezár" betűszint lehet cserélni kéne. Bár így izgibb :)
popup div#text Hmm, elvileg
Hmm, elvileg (ha jó az időpont) amikor ezt írtad már javítottam ezen és a képpontokat %-ra állítottam, nekem sehol sem csúszik ki
A cimkeméretek és a felbontás a megrendelő igényeit elégítik ki, a célcsoporttal neki kell tisztában lennie.
bezár betűszín cserélve :)
Off: Arra nincs statisztika, hogy a felhasználók mennyire használják a [Ctrl]+[+], [Ctrl]+[-] , [Ctrl]+[0] billenytűkombinációkat (?) Amennyire tudom ez ma már minden böngészőben elérhető és egész normálisan nagyítja/kicsinyíti a teljes oldalt (képeket, szövegeket egyaránt). (Persze tudom én, hogy nem erre kell alapozni)
Dolgok
h1
?xml:lang
és alang
értéke miérten
?!title
-be a 2009?Content-Script-Type
ésrobots
meta címkéknek semmi értelme.address
nem erre való!<a>
-t a felülre ugrás célpontjának, add meg a legkülsődiv
-nek az azonosítót, arra is tudsz kettőskereszttel hivatkozni.class
-t, ahovaid
való, mivel egy oldalon csak egy szerepel.<b>
-t. Ha ki akarsz emelni valamit, akkor ott astrong
, ha pedig csak félkövérré akarsz tenni valamit, akkor használj hozzá CSS-t!<br /> •
?! Ne vígy a sírba,<ul>
-t láttál már?br
-ek számát szorítsd a lehető legalacsonyabbra, amihez lehet használj megfelelő szerkezeti elemet, leginkább ugyep
-t.# Hol a h1? Az elején még úgy
Az elején még úgy volt, hogy lesz egy felsőbb csoportosítás, de közben ez kiesett...
Át kellene írogatnom tudom...
# Az xml:lang és a lang értéke miért en?!
Köszi
# Nyomtató és mobil CSS?
# Ne legyen JavaScript a HTML-ben!
# Az address nem erre való!
# Ne használj <a>-t a felülre ugrás célpontjának, add meg a legkülső div-nek az azonosítót, arra is tudsz kettőskereszttel hivatkozni.
Mivel az XHTML Strict nem szereti az <a name> tag-et és a validációnál ez volt a javaslat ezt használtam, a div-es hivatkozást köszönöm.
# Rengeteg olyan helyen használsz class-t, ahova id való, mivel egy oldalon csak egy szerepel.
# Tipográfia: a hárompontra létezik külön karakter (…), a keltezésben magyar helyesírás szerint a pontot szóköz követi…
Köszi
# A cím a szöveg egy olyan szerkezeti egysége, ami egy szövegrész tartalmát röviden összegzi annak élén. Tehát ha nincs szöveg, akkor nincs cím se. Az oldalsávon használj helyette felsorolást.
Ezt nem értem...
# Nem validak az oldalaid.
Eleddig azok voltak (a W3C és validome.org szerint), de átnézem ismét
# Ne használj <b>-t. Ha ki akarsz emelni valamit, akkor ott a strong, ha pedig csak félkövérré akarsz tenni valamit, akkor használj hozzá CSS-t!
Miért a <b> ugyanolyan régi mint az <u> <i> és valid is ?
# A osztályaid nagyja a megjelenés alapján ír le. Rossz gyakorlat.
Ezt kifejtenéd (akár magánban) ?
# <br /> • ?! Ne vígy a sírba, <ul>-t láttál már?
Ez a BBcode-os szövegek miatt vala, egyszerűen nem értek annyira a preg-hez, hogy értelmesen átalakítsam a [*] -ot ami leírásokat találtam azok pedig nem működtek, így most ezt használom:
A <br /> szintén valig elem, miért nem szeretitek mostanában ? Miért jobb a paragraph ?
Magyarázatok
h2
-be tetted. Az viszont a szöveget tagoló címsorok jelölésére szolgál; ha nincs szöveg, aminek az elején álljon, akkor az nem címsor. Az az oldalsáv egy lista.Ami a validitást illeti, a fent linkelt lapon is van öt hiba.
A
<b>
-ről szólva nem az számít, hogy mi régi és mi nem, hanem az, hogy ez azt mondja, ez és ez a szöveg félkövér, márpedig a HTML-nek a dokumentum szerkezeti felépítését, és nem a formázását kell leírnia: arra ott a CSS. Szóval ha ki akarsz valamit emelni a szövegből, akkor<strong>
(ami alapbeállítás szerint félkövér lesz, de lehet sárga „kiemelőfilccel” kihúzva stb.), ha nyomatékosítani akarsz valamit, akkor<em>
(alapból kurzív), ha pedig másért használsz eltérő betűtípust, pl. kiemelsz egy könyvcímet, akkor<span class="title">
, és CSS-ben beállítod, milyen legyen. A<b>
,<i>
,<u>
címkéket felejtsd el.Az osztályok nevei: nem mindegy, hogy itt a Weblaboron az az oldalsáv
right_sidebar
vagy mondjukother
osztályt kap. Előbbi esetben a HTML-be megint beviszem a megjelenést, ahelyett, hogy a funkciót írnám le; aztán ha egyik nap átteszem az oldalsávot bal oldalra, vagy az ajánlókat a tartalmak végén jelenítem meg, esetleg felragasztom a képernyő tetejére – elvégre ezért használunk stíluslapokat –, máris semmi értelme az osztálynevemnek.Nem értem a poblémát a preggel.
/\[list\]/
-et cseréled<ul>
-ra,/\[\/list\]/
-et</ul>
-ra,\[\*\](.*?)\n
-t<li>$1</li>\n
-re.A
<br/>
sortörés. Két sorba írt címnél, aláírásban, vers szedésekor, hasonló helyzetekben lehet használni. A szöveget tagoló bekezdések jelölésére a<p>
való. A különbség az, mint dokumentumszerkesztőkben (pl. Word) a sima Enter és a Shift+Enter közt.h2 (javítva) validitás
validitás ("javítva")
preg:
az <li> cseréknél a \n volt a kulcs, ez valahogy nem jutott eszembe... most már működ
Tényleg köszönöm :)
Kizárólag a designról
Én grafikus lévén kizárólag a design-hoz szólnék hozzá, a funkcióbeli dolgokhoz a nálam jobban hozzáértők már bőven hozzászóltak.
Szóval: az első weboldal (legyen ezentúl F.B.)színvilága elfogadható, a második (D.P.) nekem elég gáz..
F.B. : nem szerencsés az oldal tetejét felragasztani a a böngészőablak tetejére, sokkal szebben nézne ki ha hagynál egy kb 15pixeles eltartást felette. Jobban kéne figyelned a szövegek elrendezésénél arra, hogy együttálljanak a sor kezdetek (linkek alul-fölül - tartalom szövege) ill a sor "végek" (a jobbra zárt szövegnél a fejlécben az oldal neve - az oldal contentjében a jobbolali "menüpontok" - footer) valamint a bal és a jobb oldali szövegek egyforma távolságra kéne legyenek az oldal szélétől. Nagyon egyet kell értsek több dologban is Fraki-vel pl. az outher glow alkalmazását illetően, bánj vele NAGYON mértékletesen mert ez egy nagyon karakteres effekt és nem szabad a használatát túlzásba vinni, (ha már egyáltalán muszáj használni a megrendelő óhajára...)ez ugyancsak igaz a gradientek és a bevel&emboss vagy más "domborítás" használatra is.(manapság a webdesignban ez már nagyon nem "trendi")(ezek a kifogásaim még inkább állnak a D.P.-re) a képek esetében a keretezővonalaknak nem kell okvetlenül nagyon sötétnek lennie, sokkal elegánsabb ha az oldal valamelyik alapszínét használod hozzá, elég épp csak egy két árnyalatnyival sötétebb mint az alatta levő alapszín, inkább csak jelzés értékkel. Ja és a keretnek MINDENFÉLEKÉPP pontosan kéne a képmérethez igazodnia, nagyon nem szerencsés ha mint itt(F.B.) a kép alján kevesebb pixel a távolsága a képtől.
A D.P. oldaladról nagyon-nagyon sokat tudnék írni, asszem ettől most megkímélem a többi kommentelőt, ha érdekel a véleményem ill. ha tanácsaimra "vágysz" :D, akkor szívesen megírom neked akár emailben is .
Végül azt tudom neked még javasolni, nézegesd sűrűn a webcreme.com oldalt, hogy jobban képbe kerülj a friss design trendeket illetőleg.
Üdv, további jó munkát!