Permalänk
Medlem

Ny hemsida, kritik

Hej, jag har hjälpt till med en ny hemsida till ett företag och skulle vilja ha lite kritik. Eftersom jag inte är riktigt jättebäst på det här med hemsidor och jag provat mig fram och modifierat en joomla template.

Sidan är inte riktigt färdig med all information som ska in, men annars är den så gott som färdig.

Så vad säger ni? det är väl inget "fuskbygge"... All hjälp och kritik mottages med glädje!

http://tinyurl.com/kq3vvw

Permalänk

Svårt att säga nåt när man inte förstår hur själva sidan ska vara uppbyggd... Det enda den bilden säger mig är hur logotypen ser ut, vart ska menyn ligga t.ex? Ett bra sätt att gå tillväga när du ska designa en hemsida är att först bygga upp den i Photoshop eller ett liknande program!

Sen kan du slänga in dummytext där det ska vara text, här kan du generera sådan: http://www.lipsum.com/

Visa signatur

Q6600 @ 3.2GHz | 2*4 Corsair XMS2 5-5-5-12 @ 1003 | Club3D HD4850 | Asus P5Q Pro

Permalänk
Medlem

Tack för snabbt svar! menyn ligger i överkant av sidan, där det vita tar slut. Photoshop känns lite sent när jag redan är nöjd

Permalänk
Medlem

känns som allting kluddas ihop i mitten, flytta loggan och texterna mer mot kanterna och sen gärna lite större utmärkande menyikoner, sen skulle det ju alltid vara bra men nån bild så man får bort den där chockkänslan man får av allt vitt

Visa signatur

"You have enemies? Good. That means you´ve stood up for something, sometime in your life." - Winston Churcill

Permalänk
Medlem

Öhh... får man fråga vad du är nöjd med? Den vita rutan eller den gråa färgen runt om?

Visa signatur

EPoX 8RDA+, XP2500+, 2x256Mb PC3200 (DualCh), Club3D 9800PRO, Seagate 7200.7 160Gb 8Mb Limited edition

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av p3nt0s
känns som allting kluddas ihop i mitten, flytta loggan och texterna mer mot kanterna och sen gärna lite större utmärkande menyikoner, sen skulle det ju alltid vara bra men nån bild så man får bort den där chockkänslan man får av allt vitt

Hej, är rädd att jag inte riktigt förstår vad du menar med att flytta ut mer mot kanterna, ska se över menyerna och fylla med lite mer text för att bli av med "chockkänslan".

Permalänk

Woohaaa! Redesign!

MYCKET mer padding överallt, kanske lite matchande färger.

Sidan bör vara större (Mer padding främst.)

Permalänk
Citat:

Ursprungligen inskrivet av hagbarddenstore
Woohaaa! Redesign!

MYCKET mer padding överallt, kanske lite matchande färger.

Sidan bör vara större (Mer padding främst.)

Håller med, mer padding sen såg det lite väl spartanskt ut... Många gör tvärtom när de gör sina första hemsidor, kladdar på med färger och bilder och det blir bara en stor röra, men liiiiite odiskretare tycker jag allt du får göra.

Visa signatur

Moderkort: Gigabyte GA-EP45-DS3 CPU: Intel C2Q Q6600 @ 3,61 GHz (1,48 vCore) med ZeroTherm NV120 Prem. GPU: Sapphire Radeon HD6950 1GB Minnen: Kingston HyperX PC6400 2x2GB CL5 HDD: Samsung SpinPoint F1 320GB PSU: Corsair TX650W Chassi: Antec Three Hundred
Citera mig om du vill vara säker på att få svar.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av hagbarddenstore
Woohaaa! Redesign!

MYCKET mer padding överallt, kanske lite matchande färger.

Sidan bör vara större (Mer padding främst.)

Citat:

Ursprungligen inskrivet av JagHeterFelix
Håller med, mer padding sen såg det lite väl spartanskt ut... Många gör tvärtom när de gör sina första hemsidor, kladdar på med färger och bilder och det blir bara en stor röra, men liiiiite odiskretare tycker jag allt du får göra.

Okej, större och lite mer färg, tack så mycket

Permalänk

Så där ser ju en mall ut i frontpage 2007 vad jag kommer ihåg.

Varför har du skrivit på nå jäkla kyrkspråk? förstår ingenting av index sidan.

Edit: Såg sidan där "kyrkspråket fanns" så nu förstår jag

Visa signatur

» Asus Maximus III Formula «•» I7 860 «•» 4gb pc15000 «•» Gtx295 «•» Intel X25 80Gb «•» 2.5Tb «•» Asus Xonar d2 «•» Fractal r2«•» Windows 7 ultimate «

www.vasbyit.se

Permalänk
Medlem

slå ihop retailers och contact us till en och sluta blanda engelka och svenska

Visa signatur

mobo Asus M4A88TD-M EVO/USB3 cpu 1100T kylare Noctua NH-D14
gpu RX 460 passive ram 16GB DDR3 1600MHz ssd Samsung 850 EVO 250GB
psu Corsair AX 850 skärmar 3 * 40" NEC P401

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Degerlund
Så där ser ju en mall ut i frontpage 2007 vad jag kommer ihåg.

Varför har du skrivit på nå jäkla kyrkspråk? förstår ingenting av index sidan.

Edit: Såg sidan där "kyrkspråket fanns" så nu förstår jag

Frontpage! det var väl ändå lite taskigt

Citat:

Ursprungligen inskrivet av Andre_H
slå ihop retailers och contact us till en och sluta blanda engelka och svenska

Självklart kommer allt stå på engelska i den slutgiltiga versionen. Det det med att slå ihop dem kanske skulle kunna vara något :).

EDIT: blev fel med citaten

Permalänk
Medlem

Menyn på products hamnar längst ner på det grå under det vita. Borde vara placeras längst up så man inte missar den ochg se till att inget hamnar utanför det vita. Tabellerna typ summary och sizes ser lite tråkiga ut, om du kör med <th> på rubrikerna istället för bara <td> och väljer ljusa färger men ändå svagt skiftande färger som bakrund borde du kunna ta bort bordern helt även på <td> elementen.

Visa signatur

mobo Asus M4A88TD-M EVO/USB3 cpu 1100T kylare Noctua NH-D14
gpu RX 460 passive ram 16GB DDR3 1600MHz ssd Samsung 850 EVO 250GB
psu Corsair AX 850 skärmar 3 * 40" NEC P401

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Andre_H
Menyn på products hamnar längst ner på det grå under det vita. Borde vara placeras längst up så man inte missar den ochg se till att inget hamnar utanför det vita. Tabellerna typ summary och sizes ser lite tråkiga ut, om du kör med <th> på rubrikerna istället för bara <td> och väljer ljusa färger men ändå svagt skiftande färger som bakrund borde du kunna ta bort bordern helt även på <td> elementen.

Tack för svar och förlåt om jag verkar dum, men jag förstår inte riktigt hur du menar. Hur tycker du annars att sidan ser ut, är den verkligen så hemsk?

Permalänk
Medlem

Den lågupplösta bilden förstör rätt mycket.

Loggan är fin, men övriga sidan är alldeles för vit. Titta lite på andra hemsidor du gillar och inspireras av olika färgkombinationer.

Själva menyn svävar någonstans där den inte borde vara, sätt den under loggan. Få den även att synas lite bättre genom annat färgval t.ex, den är för lik brödtexten och syns därför dåligt. Du kan ju också göra små knappar som använder samma tema som loggan.

Jobba mer på bredden och inte mer på höjden.

Visa signatur

Kunskap är en personlig upplevelse. Allt annat är bara information. /A. Einstein

Permalänk

om jag var du skulle jag göra en box med scroll i rutan istället så den blir fixerad. (inte vexer och krymper när man klickar i menyn).

och som tidigare nämt... en lågupplöst bild förstorad sabbar mycket.

Visa signatur

DATOR: Gigabyte GA-MA770-UD3 | AMD Phenom2 X4 955 3,2Ghz BE AM3 | 4GB (2x2GB) DDR2 PC6400 Corsair XMS2 | XFX Radeon HD4870 1GB | 1TB Samsung Spinpoint F1 HD103UJ | Scythe Kamariki4 450W 80+ | Lian Li Lancool PC-K56 | Samsung 27'' Rose Black | Windows 7 64-bit ---------------------------------------------------------------------------- Canon EOS 1000D | Tamron AF 28-200mm XR Di | Canon 18-55 EF-S II http://eosdigital.awardspace.info/

Permalänk
Medlem

Tror inte du kommer fatta vad jag skriver nedanför, så mitt råd är att leta vidare efter ett snyggt tema med färdigstylade "tabell-tabeller"!

Annars
http://mankibalimo.com/tmp/install_4980d3d67c036/unzip_trentc...
Den blå welcome grejjen i temat,
den hamnar längst ner på sidan på det grå i IE.

Sen ser den som redan sagts även lite konstigt ut på din sida när det sicker ut över och till vänster. Temat du använder är ju mycket mörkare och har mer kontrast än din sida så det blir kanske lite otydligt när allt blir ljust, men jag tror det hade vart bäst om du bytte till ett ljusare tema, eller designar sidan själv utan tema.

Jag hade inte sett din källkod när jag skrev förut, den har bizzart mycket taggar överallt med style="" på allt och dessutom helt onödiga taggar. Är nog därför folk tycker sidan ser ut som någonting frontpage spottat ur sig.

Har skrivit om en liten del av din sida i notepad++
Så här blir resultatet. (paints jpg komprimering)

postshade.png i <th> classen är en ljus gradient.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>M-Gloves | Products</title> <link rel="stylesheet" type="text/css" href="peterg.css" /> </head> <body> <div class="wrapper"> <img src="http://temart.com/joomla/templates/trentco/images/in_img.jpg" alt="tEMaRT"> <p> <span class="header">m-gloves</span><br /> <img class="images" src="http://temart.com/bilder/48mhanskarplain.jpg" alt="glove"> <img class="images" src="http://temart.com/bilder/hansepanse1.jpg" alt="glove"> <img class="images" src="http://temart.com/bilder/7tdragare.jpg" alt="glove"> </p> <p> <span class="header">APPLICATION</span><br /> Museum gloves are used for the handling of all objects in cases where the handler is aware of risks connected with the handling of art with unprotected hands. One model is specially designed for the handling of objects normally difficult to handle with gloves, e.g. glass and metal. Temart's museum gloves demonstrate the following properties: </p> <ul> <li>- 100 % Cotton</li> <li>Washable</li> <li>Elastic for optimum fit</li> <li>Two models: with anti-glide or plain smooth cotton glove</li> </ul> <p> <span class="header">TARGET GROUP</span><br /> The museum glove is to be used by museum technicians, conservators, art transportation services and framers. The smooth glove is to be preferred when handling textiles and graphic art. </p> <p> <span class="header">DESCRIPTION</span><br /> The museum glove is offered in two styles, as a smooth cotton glove ""Plain"" and with glide protection ""Anti Glide"". Both models are manufactured in thin material for optimum skin sensation. Elastic is placed in the neck and on the back of the glove so that the glove sits securely. The gloves differ in the glove grip. The ""Anti Glide"" model is fitted with 36 PVC spots per square centimetre over the entire grip area, as well as on the thumb and fingers. The small size of the spots means that they leave no imprint, which can be a problem with gloves fitted with larger spots. The spots do not affect the sensitivity of the gloves. Temart has deliberately chosen PVC spots rather than silicon, which is used by other manufacturers. Silicon's tendency to smear makes it unsuitable for use in anti-glide gloves. </p> <p> <span class="header">SIZES</span><br /> Both models of museum gloves are offered in four sizes: S. M. L. XL. </p> <p> <span class="header"> DELIVERY</span><br /> The museum glove is delivered in packages of 12 units. Right and left gloves are packed together. </p> <p> <span class="header">Summary</span><br /> </p> <table> <tr><th>Art. Nr:</th><th>Product</th><th>Size</td><th>Units/pack</th></tr> <tr><td>80-101</td><td>Museum-Gloves, "Anti Glide"</td><td class="c">S</td><td class="c">12</td></tr> <tr><td>80-102</td><td>Museum-Gloves, "Anti Glide"</td><td class="c">M</td><td class="c">12</td></tr> <tr><td>80-103</td><td>Museum-Gloves, "Anti Glide"</td><td class="c">L</td><td class="c">12</td></tr> <tr><td>80-104</td><td>Museum-Gloves, "Anti Glide"</td><td class="c">XL</td><td class="c">12</td></tr> <tr><td>80-201</td><td>Museum-Gloves, "Plain"</td><td class="c">S</td><td class="c">12</td></tr> <tr><td>80-202</td><td>Museum-Gloves, "Plain"</td><td class="c">M</td><td class="c">12</td></tr> <tr><td>80-203</td><td>Museum-Gloves, "Plain"</td><td class="c">M</td><td class="c">12</td></tr> <tr><td>80-204</td><td>Museum-Gloves, "Plain"</td><td class="c">M</td><td class="c">12</td></tr> </div> </body> </table>

table { padding:1px; width:100%; border-spacing: 0px; table-layout:auto; border:1px solid #f0fbf5; background:white; } th { font: bolder 13px Arial; color: #329c65; height:21px; padding:3px 8px 3px 8px; text-align: left; background: #fefefc url('postshade.png') repeat-x; } td { font: normal 11px Verdana; border-top: 1px solid #f0fbf5; padding:5px 8px 5px 8px; word-wrap: break-all; background: #fefefc; } td.c{text-align:center;} .images{margin:4px;} .header{font:bold 12px Arial; color: #329c65;} .wrapper{position:absolute; left:130px; top:110px; width:520px; overflow:hidden; _width:540px; padding:10px; background:white;} body{background:#ebece4; font:11px normal arial; font-family:arial;}

Visa signatur

mobo Asus M4A88TD-M EVO/USB3 cpu 1100T kylare Noctua NH-D14
gpu RX 460 passive ram 16GB DDR3 1600MHz ssd Samsung 850 EVO 250GB
psu Corsair AX 850 skärmar 3 * 40" NEC P401

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Andre_H

Tack för ett grymt utförligt svar, nu har jag något ordentligt att bita i. Anledningen till att koden blev som den blev kan ha och göra med att jag kopierade från gamla hemsidan rakt in i editorn i joomla. Men jag ska försöka hitta ett nytt tema eller lära mig att göra ett eget (är som sagt ny på det här med hemsidor).