Avatar billede alex15 Nybegynder
06. maj 2007 - 00:24 Der er 32 kommentarer og
1 løsning

Synes i at min hjemmesiden er brugervenlig

Hej eksperter

Jeg er igang med at lave et eksamens projekt i 3g. hvor vi skal lave en hjemmeside, og nu skal jeg skrive om brugervenligheden af siden er god. Og eftersom det er svært selv og vurdere det ville jeg lige sprøge jer.

Synes i min hjemmeside er brugervenlig?

www.classiccarrental.dk
Avatar billede Slawomir Seniormester
06. maj 2007 - 00:34 #1
er det det der sort bg med noget hvidt tekst ??

jo den er skide brugervenlig den må godt nok have brugt mange timer på *GRINER*

og hva fanen er Classic Car Club???
Avatar billede mclemens Nybegynder
06. maj 2007 - 00:35 #2
slawomir - tryk på logoet ;)
Avatar billede alex15 Nybegynder
06. maj 2007 - 00:41 #3
hehe.. flot slawomir :P du skal lige trykkede på logoet, det skal lige siges at i skal se hjemmesiden IE ellers fucker det totalt :o)
Avatar billede Slawomir Seniormester
06. maj 2007 - 00:41 #4
nåå er det logoet man skal trykke på det kunne I godt have fortalt mig, så nej den er vist ikke brugervenlig for mig LOL

alex prøv den i firefox og i opera :-)


nå sengetid hygz
Avatar billede Slawomir Seniormester
06. maj 2007 - 00:42 #5
og mclemens tak for hjælpen ;-)
Avatar billede alex15 Nybegynder
06. maj 2007 - 00:44 #6
ja, ved godt at det fucker der.. men det er ikke inde for pensum heldigvis.. så det gør ikke noget.. hvordan er den i IE for jer?

Classic Car Club beskrives her:
http://www.business.dk/article/20070410/luksus/104100931/
Avatar billede mclemens Nybegynder
06. maj 2007 - 00:44 #7
Nej, årsagen til min holdning:

- Menu teksten er for utydelig. (mørkegrå på sort)

- Hovedbilledet ryger under menuen i FF.

- Underpunkterne under hovedbillede er samlet i FF.

- Tekst på underpunkter ville ikke skade så man kan
se teksten uden først at skulle hover på billederne.

- Underpunkter under hovedbilledet er overflødige
da disse i forvejen fremstår som en del af topmenu.

- Topmenu forsvinder i FF når du er under en af bilerne.

- Baggrunde til download bør ved åbning åbne i et nyt
vindue evt. med info om opsætning for pc begyndere.

- Download side med download af pdf fil bør have
link til download af adobe acrobat reader.

- Overflade af billede på menuknap passer
ikke med overflade på link i FF.

- Her finder du os billede er for småt - måske link
direkte til krak.dk, da jeg formoder at krak er betalt ?

...

Flot design :o)
Avatar billede alex15 Nybegynder
06. maj 2007 - 00:49 #8
okay :o) tak for feedback ind tilvidere..
Avatar billede alex15 Nybegynder
06. maj 2007 - 00:50 #9
bare lav et svar, så får du nogle point når jeg også har fået lidt flere svar :o)
Avatar billede mclemens Nybegynder
06. maj 2007 - 00:51 #10
Slawomir - Velbekom, jeg var selv
meget tæt på at skrive noget lignende. ;)

Alex15 - Undskyld FF kommentarerne,
så ikke 00:44:09 før efter submit.

En lille finesse: Når man er under den enkelte side som f.eks.
http://www.classiccarrental.dk/systemet.html . Kunne du kaste en
class eller id på knappen og så have den pågældende knap lyst op
fra starten af. Måske bruge css styling af href's tekst istedet for
billeder hvis det er (selvom billederne dog ikke fylder meget).
... Ellers så blot rette src på billedet afhængig af siden.
Avatar billede mclemens Nybegynder
06. maj 2007 - 00:57 #11
Her er lige et lille et.
Tag lige og kast denne css
ind på dine sider ;o)

p {margin:0;}
Avatar billede alex15 Nybegynder
06. maj 2007 - 01:01 #12
angående FF, så er det bare i orden :o) og tak for resten af FB, kigger lige på dem i morgen (skal aflevere mandag) Så burde kunne nå og rette en del er tingene..
Avatar billede mclemens Nybegynder
06. maj 2007 - 01:14 #13
Og prøv lige at oprette det billede herinde:
http://www.classiccarrental.dk/billeder/banner/under/forside-cliov6-mm.jpg
- Det er nemlig det du har angivet som mellemrum imellem billederne under
hovedbilledet og det billede findes ikke p.t. (1x1 px sort jpg burde være nok).
Så burde FF og andre håndtere siden lidt bedre. Alternativt til mellemrums
billedet kan du jo også kaste en id på og så give den margin-right:5px;
eller margin-left:5px; hvis det er det sidste billede.

... M.h.t. teksten i toppen ville en mere bold tekst eller bare
en lille tand lysere grå måske hjælpe en smule på det, men
effekten af hover skal heller ikke ødelægges. (dilemma)

Og så kig lige på dette eksempel og overvej at lægge din css ekstern.
(ved godt det ikke har noget med brugervenlighed at gøre, men det går vel)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
#under {width:700px;margin:0 auto;}
#under a{isplay:block;float:left;width:230px;height:100px;margin-right:5px;}

a#bil1 {background:url('http://www.classiccarrental.dk/billeder/banner/under/ferrari_360-v1.jpg');}
a#bil1:hover {background:url('http://www.classiccarrental.dk/billeder/banner/under/ferrari_360-v2.jpg');}

a#bil2 {background:url('http://www.classiccarrental.dk/billeder/banner/under/ferrari_360-m1.jpg');}
a#bil2:hover {background:url('http://www.classiccarrental.dk/billeder/banner/under/ferrari_360-m2.jpg');}

a#bil3 {margin:0;float:right;background:url('http://www.classiccarrental.dk/billeder/banner/under/ferrari_360-h1.jpg');}
a#bil3:hover {background:url('http://www.classiccarrental.dk/billeder/banner/under/ferrari_360-h2.jpg');}
</style>

</head><body>
<div id="under">
<a href="#" id="bil1"></a><a href="#" id="bil2"></a><a href="#" id="bil3"></a>
</div>
</body></html>

(skal nok lige rettes til i href's og baggrunde)



- Kaster lige et svar inden jeg sover, så har du det til senere.
Avatar billede mclemens Nybegynder
06. maj 2007 - 01:18 #14
- Hmm, du havde lagt noget af din css eksternt.
... Nåh, det er vist også sovetid for mig ;D
Avatar billede alex15 Nybegynder
06. maj 2007 - 01:25 #15
det er min første hjemmeside, så derfor mit css fungere MEGET underligt, noget ligger eksternt, noget gør ikke ;o) skulle lige finde ud af hvordan det fungere.. hvilket jeg tror jeg gør nu, men nu er det bare forsent og rette.. hehe..

har lavet et billede som hedder: forside-cliov6-mm.jpg

og lagt det ind i den mappe du sagde? billede er bare sort og i pixel 1*1, hvordan fungere det nu?

Hmm kan godt se hvad du mener..!
Avatar billede mclemens Nybegynder
06. maj 2007 - 01:32 #16
Nu fungerer det næsten helt fint ... du mangler
lige den p {margin:0;} fra 06/05-2007 00:57:17.

M.h.t. eksemplet i 01:14:26, så er det ikke bruger
venligt da blinde ikke kan se knapperne (alt tekst),
men da det er gengangere af links fra menuen gør det
ikke noget. Det er mere hvis man går helt over til det
eller hvis man glemmer alt tekster på billeder.

... Det er dog ikke så tit at blinde lejer biler.
Avatar billede alex15 Nybegynder
06. maj 2007 - 01:40 #17
okay, det lyder godt.. Har selv fået hentet FF nu, så nu kan jeg bedre se, hvad det er som i snakker om ;o) Men hvor vil du have mig til at sætte:

p {margin:0;}

Ind henne?

Er meget taknemmelig for din hjælp :o)
Avatar billede alex15 Nybegynder
06. maj 2007 - 01:43 #18
Og hvad gør denne lille CSS? :o)
Avatar billede alex15 Nybegynder
06. maj 2007 - 01:45 #19
Hvorfor kan man ikke bare skrive videre eller rette på dine gamle kommentarer, så behøvede jeg ikke skulle skrive alle de kommentarer..

Når man læst den din beskred fra Kommentar 00:51:14, faktisk en rigtig god ide, havde jeg slet ikke tænkt på.. Men hvor skal jeg så ligge det ind henne?
Avatar billede mclemens Nybegynder
06. maj 2007 - 11:43 #20
" p {margin:0;} Ind henne? "
Sådan så den findes på alle sider, hvis dit
stylesheet includes på alle sider kan du kaste den
i stylesheetet, ellers skal den ind på hver side.

"Og hvad gør denne lille CSS? :o)"
Sætter margin på alle p elementer til 0.
Havde du havde h elementer eller andre elementer
med forskellig margin fra browser til browser skulle disse
også nulstilles / indstilles så de reagerede ens i alle browsere.

"Hvorfor kan man ikke bare skrive videre eller rette på dine gamle kommentarer, så behøvede jeg ikke skulle skrive alle de kommentarer.."
Det er af hensyn til hvis en skriver noget nasty, så kan man ikke bare rette det væk når mods er undervejs.

"Når man læst den din beskred fra Kommentar 00:51:14, faktisk en rigtig god ide, havde jeg slet ikke tænkt på.. Men hvor skal jeg så ligge det ind henne?"
Du retter f.eks. på
Avatar billede mclemens Nybegynder
06. maj 2007 - 11:51 #21
Ups :P http://www.classiccarrental.dk/systemet.html
Følgende:

<img width="81" height="25" border="0" onmouseout="this.src='billeder/knap/knap-systemet1.jpg'" onmouseover="this.src='billeder/knap/knap-systemet2.jpg'" name="bil1" alt="Systemet" src="billeder/knap/knap-systemet1.jpg"/>

til:

<img width="81" height="25" border="0" src="billeder/knap/knap-systemet2.jpg" name="bil1" alt="Systemet">

... Og det samme på alle andre sider hvor det virker naturligt.

- Læg også mærke til at du nogle steder har lukket elementer
med "/>" istedet for ">". I de tilfælde hvor der er et lukke
element f.eks.: </script> påkrævet skal du bruge dette, ellers
skal du lukke med ">" medmindre du kører xhtml (hvilket du ikke gør)
hvor man lukker med "/>" eller " />" hvis man tager lidt mere
hensyn til nogle browseres parsing.

Husk at validere dine sider:
http://validator.w3.org/

Installer evt. også denne addon i din FF:
https://addons.mozilla.org/da/firefox/addon/249?id=249
- Den rapporterer fejl i dokumentet nederst højre hjørne.
Avatar billede alex15 Nybegynder
06. maj 2007 - 14:01 #22
hvordan gør jeg så at:

- Baggrunde til download bør ved åbning åbne i et nyt
vindue evt. med info om opsætning for pc begyndere.?

Hvad skal man skrive for at gøre det? Har ellers fået rettet de fleste af dine ting synes jeg..
Avatar billede mclemens Nybegynder
06. maj 2007 - 14:30 #23
^ Det er jo ikke nødvendigt men du kan jo lave en html side
du linker til istedet for billedet med "Højreklik på billedet og
vælg anvend som baggrund for at bruge billedet til baggrundsbillede".
Og så have billedet på html siden med en img src. Evt. lave billedet
mindre i width og height (ikke fysisk, men virtuelt via. f.eks.
style="width:500px;" så det ikke ser så stort ud. Men det er
som sagt ikke så nødvendigt. M.h.t. at åbne billedet i et nyt
vindue istedet så kan du jo kaste en target="_blank" på href'en.
Avatar billede alex15 Nybegynder
06. maj 2007 - 14:36 #24
og hvad skulle dette target så gøre?

Har nok fået hele hjemmesiden til at virke i FF nu, pga dig ;o) uploader den lige så snart jeg har fået rettet de forskellige ting du har bedt mig om. Skriver lige når den er uploadet..
Avatar billede mclemens Nybegynder
06. maj 2007 - 14:41 #25
"og hvad skulle dette target så gøre?"

Hvis du havde denne side her exp.dk og kastede
<a href="http://www.eksperten.dk/img/elogo.png">a</a>
Ind på siden ville siden skifte til exp logoet.

- Hvis du istedet for brugte:
<a href="http://www.eksperten.dk/img/elogo.png" target="_blank">a</a>
Ville det åbne logoet op i et nyt vindue.

(Ved crosssite linking vil det åbne en ny tab i IE7+ uden
target, men for at undgå at man skal bruge tilbageknappen
er det måske rart at det åbner op i et nyt vindue istedet.)

- Men, det er en smagssag hvad man foretrækker.
Avatar billede alex15 Nybegynder
06. maj 2007 - 15:04 #26
Sådan, nu er hele hjemmesiden uploadet? hvordan ser det ud nu? Hos mit FF virker det helt perfekt nu :o) Hva med hos dig?
Avatar billede alex15 Nybegynder
06. maj 2007 - 15:09 #27
Nu skulle alle de forskellige punkter som du har "brokket" dig over, eller hva man nu kalder det, være rettet? eller hvad?
Avatar billede alex15 Nybegynder
06. maj 2007 - 15:12 #28
Så har vi lige fundet ud af at vi skal også have E-handel på vores hjemmeside, er det noget du kan finde ud af? bare noget HELT simpel noget, bare hvor man kan bestille en trøje eller liggende? så skal du nok få 60 + 250 point..
Avatar billede mclemens Nybegynder
06. maj 2007 - 15:13 #29
Yes, nu ser det lækkert ud i min FF'er ;)

Hvad med denne her, ikke alle har adobe reader...
- Download side med download af pdf fil bør have
link til download af adobe acrobat reader.

( http://www.adobe.com/dk/products/acrobat/readstep2.html )
Hehe, skal til at arbejde lidt nu, øv, men fortsat god søndag ;)
Avatar billede mclemens Nybegynder
06. maj 2007 - 15:15 #30
"er det noget du kan finde ud af?"
Ja, men jeg passer min egen biks og koder ikke
lige shoppingløsninger, så prøv php forummet.

"så skal du nok få 60 + 250 point.."
Husk max grænsen på 200 point pr. spørgsmål.
Avatar billede alex15 Nybegynder
06. maj 2007 - 15:22 #31
hmm self rigtig nok :P men du skal i hvert fald have 1000 tak for hjælpen..! Føler mig lidt mere tilpas med at aflevere opgaven nu ;o) hehe..
Avatar billede mclemens Nybegynder
06. maj 2007 - 15:39 #32
Velbekom, og tak for point ;)

En lille kommentar vedrørende ønsket om shop,
vær forsigtig med ikke at komme ud over det punkt
den nuværende viden burde række til / det punkt din
lærer ved at din erfaring / kodningsevner rækker til.

... Men hvis det er, så sørg for at du er helt med
på teknikken som får shoppen til at virke, så du kan
svare på evt. spørgsmål som følge af den kodning.
Avatar billede alex15 Nybegynder
06. maj 2007 - 16:39 #33
Ja okay, kan godt se hvad du mener.. Vil jeg sørge for, hvis jeg får tid til at lave noget form for e-handel..

Og endnu engang, 1000 tak :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester