Feedback og hjelp til webprosjekt

Feedback og hjelp til webprosjekt

Innleggav wilhel1812 » man 03.12.2007 20:28

hei

Som noen av dere sikekrt har fått med dere holder jeg på å lage en (fiktiv) portofolie side til et webprosjekt med frist i morgen(!)
Hadde håpet på at dere kunne hjelpe meg med to ting..

1. Generell feedback og ting som bør fikses på før jeg leverer
2. Øverst i venstre hjørne er det en liten info knapp som når man holder musen over så starter det en ajax prosess som viser en beskjed med et html dokument, litt som en iframe bare at den lastes direkte inn i siden. Problemet er at når jeg trykker på knappen fjerner den bakgrunnen på siden i firefox og opera. noen som vet hvorfor dette skjer, og som kanskje kan gi noen løsninger?
Kode: Merk alt
<a onmouseover="ajax_showTooltip('tooltip.html',this);return false"><img src="img/q.png" alt="?" /></a>



http://www.home.no/suppegaffel
Sist endret av wilhel1812 den tir 04.12.2007 8:23, endret 1 gang

Brukerens avatar
medlem i 208 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav segrov » man 03.12.2007 23:41

Har du en link til siden din?
medlem i 249 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav wilhel1812 » tir 04.12.2007 8:22


Brukerens avatar
medlem i 208 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav segrov » tir 04.12.2007 16:32

herligt:)

Hovedintrykket er bra. Siden er pen og ryddig. Skulle jeg forbedret noe ville jeg forsøkt følgende:

• Lage navigasjon med mer knappe-følelse. Gjerne en boks eller ramme rundt hver knapp
• Forsøkt å få siden til å utnytte hele høyden av browseren. Nå er det veldig mye luft under teksten
• Litt bedre typografi: Du bruker en veldig stor skrifttype som mengdetekst, og du har veldig lange tekstlinjer. Sett ned tekststørrelsen litt, lag kortere linjer (mer luft på begge sider) og mer luft mellom tekstlinjene...

Angående problem 2, ser det ut som om Firefox lar seg overkjøre av stylesheet du har satt på body på html-siden du laster inn. Trenger en slik tooltip egen body-tag? Hadde det ikke vært nok å skrive tooltip.html som et objekt uten <html>, <head> og <body> ?
medlem i 249 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav admin » tir 04.12.2007 16:42

Sier som segrov, hovedinntrykket er bra.

Jeg ville fjernet skyggen/speilingen i bunnen av siden, denne gir ingen mening i designet du har. Jeg ville også gjort noe med "knappene" - prøv å gjør det mer som en meny på en eller annen måte og gjør noe med størrelsen på fontene.

Administrator
Brukerens avatar
medlem i 227 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav Jesper Karsrud » ons 05.12.2007 2:35

Nå har du muligens levert?

Uansett vil jeg si at dette kanskje ikke er det beste jeg har sett.. Unødvendig bruk av flash på logoen, refleksjon og glow på innholdsboksen passer ikke inn i det hele tatt, spesielt ikke med den bakgrunnen du har valgt. Vil egentlig si at det ville sett bedre ut om du hadde droppet bakgrunnen alltogether. Ellers er inline-scroll slik som du har der noe av det mest irriterende jeg vet, og det blir ikke bedre av at du på "Galleri"-delen av siden får to stykker klemt oppå hverandre. Hvorfor du har lagt hele siden inn i en iframe er for meg et mysterium jeg ikke kommer til å fatte uansett hvor mye du prøver å forklare det. Tyder egentlig på litt inkompetanse når det kommer til koding av websider.

Beklager hvis denne kritikken kanskje var litt hard, men det er slikt man lærer av. Nå har du sikkert levert dette prosjektet, men kritikk kan alltids tas med til senere prosjekter. Bare stå på, så ordner ting seg etterhvert! :)

Brukerens avatar
medlem i 210 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav iTouch » ons 05.12.2007 2:40

Har ingen kommentarer til designet ditt - men den info knapp-løsningen øverst til venstre for å fortelle brukere om nettleserne var genial. Noen sjangs for at du kunne delt den? :)

Brukerens avatar
medlem i 200 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav wilhel1812 » ons 05.12.2007 2:43

Jesper Karsrud skrev:Nå har du muligens levert?

Uansett vil jeg si at dette kanskje ikke er det beste jeg har sett.. Unødvendig bruk av flash på logoen, refleksjon og glow på innholdsboksen passer ikke inn i det hele tatt, spesielt ikke med den bakgrunnen du har valgt. Vil egentlig si at det ville sett bedre ut om du hadde droppet bakgrunnen alltogether. Ellers er inline-scroll slik som du har der noe av det mest irriterende jeg vet, og det blir ikke bedre av at du på "Galleri"-delen av siden får to stykker klemt oppå hverandre. Hvorfor du har lagt hele siden inn i en iframe er for meg et mysterium jeg ikke kommer til å fatte uansett hvor mye du prøver å forklare det. Tyder egentlig på litt inkompetanse når det kommer til koding av websider.

Beklager hvis denne kritikken kanskje var litt hard, men det er slikt man lærer av. Nå har du sikkert levert dette prosjektet, men kritikk kan alltids tas med til senere prosjekter. Bare stå på, så ordner ting seg etterhvert! :)

har levert ja, men feedback er alltid bra :)
Vet iframe og slikt muligens er litt gammelt, men jeg gikk langt over kravene i bruk av teknikker på denne oppgaven, så tenkte ikke så mye på noe mer avansert. Grunnen til at jeg presset inn litt flash er fordi flash lærern min skal være med å evaluere dette prosjektet, så det kan jo hjelpe litt på karakteren ;)

Når det kommer til det store mysteriet om hvorfor jeg har lagt hele siden inn i en iframe:
Som du ser, fader teksten inn og ut. dette er ved hjelp av to png bilder lagt inn i hvert sitt layer. som du sikkert vet så vil layers alltid holde seg x antal pixler fra hjørnet, og ikke bry seg om hvor stort vinduet er eller om jeg har midtstilt siden. Fant ingen annen løsning på dette enn å stappe hele siden inn i en iframe med definert størrelse, slik at den alltid hold seg samme sted. er sikkert andre måter å gjøre det på, men mine fredigheter når ikke så langt desverre.

takk til feedback fra dere andre btw, fikk fikset litt av det før levering :)
Sist endret av wilhel1812 den ons 05.12.2007 2:54, endret 1 gang

Brukerens avatar
medlem i 208 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav wilhel1812 » ons 05.12.2007 2:53

iTouch skrev:Har ingen kommentarer til designet ditt - men den info knapp-løsningen øverst til venstre for å fortelle brukere om nettleserne var genial. Noen sjangs for at du kunne delt den? :)


Først så plasserte jeg 3 scripts i en undermappe kalt Scripts. Det er de tre nederste av de du finner her: http://home.no/suppegaffel/Scripts/
Derette laget jeg en html side kalt tooltip.html. der stod følgende:
Kode: Merk alt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>aids</title><link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/ajax-dynamic-content.js"></script>
<script type="text/javascript" src="Scripts/ajax.js"></script>
<script type="text/javascript" src="Scripts/ajax-tooltip.js"></script>
</head>

<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="25" height="25" background="img/ttlt.png"></td>
      <td width="350" background="img/ttt.png"></td>
      <td width="25" height="25" background="img/ttrt.png"></td>
    </tr>
    <tr>
      <td width="25" height="250" background="img/ttl.png"></td>
      <td width="350" height="250" background="img/ttm.png"><p align="center">Denne siden Vises best med en moderne nettleser. Om du ikke har dette, anbefaler jeg deg &aring; laste ned en av de under.</p>
       
        <div align="center">
          <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="14%"></td>
              <td width="14"><p align="center"><a href="http://www.getfirefox.com" target="_blank" class="tooltiplink"><img src="img/firefox.png" alt="Firefox" width="48" height="48" border="0" />Firefox</a></p></td>
              <td width="14%"></td>
              <td width="14"><p align="center"><a href="http://www.apple.com/safari/download/" target="_blank" class="tooltiplink"><img src="img/safari.png" alt="Safari" width="48" height="48" border="0" />Safari</a></p></td>
              <td width="14%"></td>
              <td width="14%"><p align="center"><a href="http://www.opera.com/download/" target="_blank" class="tooltiplink"><img src="img/opera.png" alt="Opera" width="48" height="48" border="0" />Opera</a></p></td>
              <td width="14%"></td>
            </tr>
          </table>
        </div>
        <div align="center">
          <img src="img/x.png" onmousedown="ajax_hideTooltip()"/>
        </div>
    </td>
  <td width="25" height="250" background="img/ttr.png"></td>
</tr>
<tr>
  <td width="25" height="25" background="img/ttlb.png"></td>
  <td width="350" height="25" background="img/ttb.png"></td>
  <td background="img/ttrb.png"></td>
</tr>
</table>

Som segrov sa, er det ikke nødvendig med de øverste tagene på denne. dette kan du jo eksperimentere med.

Så satte jeg følgende kode inn der du skal ha info knappen:
Kode: Merk alt
<a onmouseover="ajax_showTooltip('tooltip.html',this);return false"><img src="img/q.png" alt="Info" /></a>

I tilleg må siden du har knappen i inneholde denne koden i head taggen:
Kode: Merk alt
<script type="text/javascript" src="Scripts/ajax-dynamic-content.js"></script>
<script type="text/javascript" src="Scripts/ajax.js"></script>
<script type="text/javascript" src="Scripts/ajax-tooltip.js"></script>


Til slutt må du passe på at følgende bilder ligger under mappen "img"
BildeBildeBildeBildeBilde

tror dette skulle være alt. om ikke, bare spør :)

Brukerens avatar
medlem i 208 måneder
 

Re: Feedback og hjelp til webprosjekt

Innleggav iTouch » ons 05.12.2007 3:02

Kjempe! :) Den ser bra ut vettu.

Bortsett fra at jeg ikke helt fikk det til :P
Når jeg holder over "i" får jeg opp:
Method Not Allowed ved siden av..


edit
jeg ser at det dukker opp "loading content - please wait" er milli-sekund før Method.. dukker opp.

Brukerens avatar
medlem i 200 måneder
 


Returner til XHTML/HTML



Hvem er i Forumene

Registrerte brukere: Google [Bot]