Avatar billede firas Nybegynder
27. juni 2005 - 13:29 Der er 9 kommentarer

skal lave ny version af gl. site - hvordan skal den opbygges?

Jeg skal lave en ny verson af denne side:

http://www.huset-aarhus.dk

Jeg har lavet et udkast af den nye version her:

http://www.huset-aarhus.dk/testside2/index.html

Det er kun forsiden, i skal se på - links'ene fungerer ikke endnu.

Jeg er klar over, at der på den gamle side er en del fejl, når jeg forsøger at validere den på: http://validator.w3.org/
og det vil jeg gerne have lidt hjælp til at rette. Jeg vil også gerne vide hvordan man laver siden, så den passer til flere skærmopløsninger - jeg ved, at mange af brugerne kører med en meget høj opløsning, men den skal jo også kunne vises 800 x 600.

Det er meningen, at billederne i toppen skal være rollovers - der skal vises et nyt billede, når man fører musen henover - der skal ikke være noget link. Jeg bruger Adobe Golive og den har indbygget en måde at lave rollovers på (har lavet en version på billedet yderst til venstre), men det fungerer ikke, når man har installeret SP2 - er der en anden måde, man kan lave rollovers - f.eks. i CSS?

En anden ting: Hvis man åbner den gamle side i Firefox, sker der nogle underlige ting. F.eks. menuen i midten (sidste nyt): Den er lavet ved hjælp af lag og de flytter sig lidt i forh. til MSIE.

Grundlæggende vil jeg gerne vide, om i vil anbefale, at jeg arbejder videre med den nuværende opbygning og bare får rettet de fejl, der er eller skal jeg overveje et helt nyt design. Som i nok har gættet er jeg ikke professionel webdesigner, men laver siden på frivillig basis - jeg vil i øvrigt lige understrege, at jeg har fået god hjælp med mange ting her på eksperten gennem de sidste par år.
Avatar billede dan_n Nybegynder
27. juni 2005 - 23:18 #1
Hey

Jeg vil lige som en start, slå fast at jeg syntes du skal arbejde videre med det "gamle" design. Det efter min mening bedre end dit nye udkast :-(

[ 1 ] Syntes det er en god ide, at centere sitet. Det nye udkast bliver alt for bredt og mister en del af den harmoni, som det gamle design har !

[ 2 ] Jeg synes ikke om farve sammensætningen på det nye udkast. Jeg syntes ikke der er kontrast nok mellem hovedmenuen, og boksen hvor i undermenupunkterne vises. Det er super godt på den gamle side, behold det.

[ foreslag til rettelse af det "gamle design"]
Jeg tror bestemt det gamle design, kan piftes lidt op, med nolge få ændringer.

[ 1 ] Header billedet skal "skæres" op i nogle mindre stykker for at de ikke ser så pixleret ud. Syntes godt du lave noget mouse-over effekt også på den gamle, men lad være med at ændre på størrelse af de små billeder. Det harmonere godt.

Du efterspurgte en ren css løsning til roll-over på de små billeder:
http://wellstyled.com/css-nopreload-rollovers.html

Til denne skal du evt. have lavet en simpel javascript image preloader.
som kan være noget i stil med denne:
<script type="text/javascript">
<!--
img1on = new Image();
img1on.src = "image1on.gif";
img2on = new Image();
img2on.src = "image2on.gif"; 
img3on = new Image();
img3on.src = "image3on.gif";
img4on = new Image();
img4on.src = "image4on.gif";

img1off = new Image();
img1off.src = "image1off.gif";
img2off = new Image();         
img2off.src = "image2off.gif";
img3off = new Image();
img3off.src = "image3off.gif";
img4off = new Image();
img4off.src = "image4off.gif";
//-->
</script>


[ 2 ] Du skal lave menupunkterne i hovedmenuen (den sorte) om fra billeder til almindelige tekst links. Leg evt med noget css-hover, for at give lidt liv. (fx. en 2-3 px bred lodret/left border, som bliver orange ved mouse-over  og når menupunktet er valgt! )

[ 3 ] Du skal fjerne den horisontale scrollbar og lade siden være den nødvendige højde. Det med unødvendigt fremprovokerede scrollbars SKAL undgå. Det har ingen funktion og ødelægger i mine øje designet. Den grimme firkantede scollbar-box midt i siden.

Lad vinduet scrollbar gøre sin funktion, det vil det skabe et mere harmonisk design. og sidst og ikke mindst Lad dog DE scrollbars være DEFAULT FARVER, de har ikke gjort dig noget, så ingen grund til chikane !!

[Sidst og ikke mindst]

Jeg synes du skal opbygge den nye side i css, og uden brug af layers og tabeller. dette tager lidt længere tid at bygge, men giver en masse fordele i det lange løb. fx bedre søgemaskine indexering, hurtigere redsign i fremtiden osv.

Læse evt mere om enmet her:
http://www.gejl.net/artikler/05/05/css_layout_hvorfor_fordele_css_layout.php
http://www.html.dk/artikler/00006/
http://html.dk/artikler/00043/

God arbejdslyst og Held og lykke med projektet, herfra :-)
Avatar billede firas Nybegynder
28. juni 2005 - 00:24 #2
Det var virkelig nogle ting, jeg kunne bruge - der er noget at gå i gang med. Du skal nok få et svar fra mig, når jeg har arbejdet lidt med tingene. Der var lige en enkelt ting: Mht. forskellige skærmopløsninger har jeg forsøgt at lave forskellige versioner vha. et java-script:

<script language="Javascript">
<!--

width = screen.width;

if (width < 800) {
  location.href='index_s.html';
} else if (width < 1024 ) {
  location.href='index_s.html';
} else if (width < 1150 ) {
  location.href='index_m.html';
} else if (width < 1300 ) {
  location.href='index_m1.html';
} else {
  location.href='index_l.html';
}

//-->
</script>

Findes der en bedre måde til det?
Avatar billede firas Nybegynder
28. juni 2005 - 18:52 #3
kan du forklare lidt mere om hvordan det skal gøres vha. CSS når man klikker på et link i den (sorte) venstre bar så der kommer en ny tekst (i sidste nyt-baren) og der samtidig kommer en ny side til højre. Som jeg har lavet det nu, er siden lavet i frames - det skal der vel ikke lave om på? Eller kan du sende et link, som kan forklare det nærmere?
Avatar billede firas Nybegynder
29. juni 2005 - 02:03 #4
Jeg fandt lige et link, som jeg tror kan hjælpe mig:

http://tutorials.alsacreations.com/modelesmenus/vd2.htm

Jeg har lavet en primitiv testside:

http://www.huset-aarhus.dk/testside2/css/index.html

Tror du, jeg kan lave de samme funktioner som på vores nuværende side:
Når man holder musen over links'ene i venstre side, skal der vise sig en pil, som skal forsvinde, når man fjerner musen igen. Den midterste bar (sidste nyt) skal blive stående selvom man fjerner musen fra linket. Den skal først skifte, når man klikker på et andet link.
Avatar billede firas Nybegynder
03. juli 2005 - 11:59 #5
Hallo - er der nogen forslag?
Avatar billede foxmulder58 Praktikant
03. juli 2005 - 18:16 #6
i test siden har du lagt menuen helt ud til venste for at gøre plads til den menu der slider ind v.h.a. css er det virkelig nødvendigt.??


mvh
mads
Avatar billede foxmulder58 Praktikant
03. juli 2005 - 18:19 #7
jeg synes hvsi du vil lave et nyt design at du skal bibeholde den nuværende opstilling, derimod tror jeg du burde fokusere mere på at gøre grafikken tydeligere (den er meget grumset lige nu).

Så behold da din opstilling og gøre grafikken pænere at se på...så bliver det en fin side.

mvh
mads
Avatar billede firas Nybegynder
03. juli 2005 - 23:51 #8
Det er meningen, at det skal fungere ligesom den nuværende side, hvor der er en tekst i den midterste bar (sidste nyt) når man åbner siden og som skifter, når man klikker på ét at links'ene i den venste menubar samtidig med, at siden i højre side skifter - og så skal der være en pil, som kommer frem når man fører musen henover ét af links'ene.

Det er ret væsentligt for mig at få at vide, om jeg kan videreudvikle denne testside:

http://www.huset-aarhus.dk/testside2/css/index.html

og om det er muligt at få den tilpasset, så det kommer til at virke eller om jeg kan gøre noget for at få den gamle side til at virke - også i Firefox. Når jeg i Firefox klikker på ét at links'ene, flytter den midterste menu sig (sidste nyt).
Avatar billede firas Nybegynder
20. juli 2005 - 23:58 #9
ingen forslag?
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