Website weergave in verschillende browsers

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Plaats reactie
WimVriend
Berichten: 7
Lid geworden op: 4 december 2005, 12:30
Locatie: Hoofddorp
    unknown unknown

Website weergave in verschillende browsers

Bericht door WimVriend »

Hallo,
Daar was ie weer.
Ik heb mijn zojuist aan de buitenwereld gepresenteerde website is met verschillende browsers bekeken, en daar blijkt nogal wat verschil in te zitten.
Als ik in de fotogalerij met FireFox op een foto klik, dan zou het nieuwe beeld dat verschijnt, 800 bij 600 pixels moeten zijn. FireFox pakt gewoon het hele beeld, terwijl Konqueror en MS Internet Explorer wel de 800x600 pixels weergeven. Bij Internet Explorer worden de foto's geheel weergegeven ( een blauwgrijze rand rondom de foto's) en niet alleen het uitgeknipte gedeelte. Graag hoor ik jullie mening hoe ik e.e.a. kan aanpassen.
Neem maar eens een kijkje.

http://ollie-poppenmode.homedns.org:8002

Mijn vorige website had ik met MS Publisher in elkaar geflanst, zeer gebruikersvriendelijk maar de laadsnelheid was lager als een slak in een teerton. Nu ik Nvu heb gebruikt lijkt de website wel wat op een produkt van Micheal Schumacher, ik sta versteld van de snelheid waarmee alles verschijnt.
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    unknown unknown
Contacteer:

Bericht door nirwana »

Wim,

Jouw vraag deed me denken aan http://www.mozbrowser.nl/forum/viewtopic.php?t=5642
Daar stelde ik een Javascript-methode voor. Ik zie dat je die nu hebt gebruikt, maar dat werkt nog niet goed.

Code: Selecteer alles

<a href="BabyBorn17.html" target="_blank"><img style="border: 0px solid ; width: 200px; height: 415px;" onclick="window.open('href=BabyBorn1.html',babyBorn1', 'width=800,height=600,scrollbars=yes,toolbar=yes,location=yes'); return false>
Die link (a-element in HTML) kun je bij de afbeelding verwijderen. Dat is namelijk wat Mozilla nu heeft gebruikt. Die ziet er een link omheen staan en daardoor opent Mozilla de aangegeven pagina in een nieuw venster ("_blank").
Dan zit er in de Javascript-code ook nog wel iets scheef. Die href= kun je verwijderen, babyBorn1' mist een aanhalingsteken (single quote) aan het begin en het geheel mist volgens mij nog een dubbele quote op het eind.

De code voor de afbeelding (inclusief de link naar een nieuw venster) zou dan zoiets moeten worden:

Code: Selecteer alles

<img style="border: 0px solid ; width: 200px; height: 415px;" src="images/baby%20born/witte-badjas-bb.png" align="middle" onclick="window.open('BabyBorn17.html', 'babyBorn1', 'width=800,height=600,scrollbars=yes,toolbar=yes,location=yes'); return false">
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    unknown unknown
Contacteer:

Bericht door nirwana »

Nog een tip wat betreft de snelheid: het kan nog veel sneller als je de foto's verkleind tot het echte formaat dat je op de site gaat gebruiken.

http://ollie-poppenmode.homedns.org:800 ... let-bb.png is bijvoorbeeld nog te groot en dat geldt eigenlijk voor iedere foto in de fotogalerij.
Maar ook voor andere foto's op de site, want http://ollie-poppenmode.homedns.org:800 ... dagen.html laadt ook te traag in. Vooral de linkerfoto is erg groot (meer dan 1 MB).

Maak ik http://ollie-poppenmode.homedns.org:800 ... /KRAAM.PNG op het juiste formaat, dan gaat die afbeelding naar 319 kilobytes. Dat is nog te groot, maar dat komt doordat de afbeelding in PNG-formaat is opgeslagen met een RGB-kleurenpalet.
De reden dat de foto niet gewoon als JPG is opgeslagen zal zijn dat er een stuk transparantie in de foto is gemaakt. Dat zit nu eenmaal niet in JPG. De afbeelding wordt 90 KB als je er een geindexeerd kleurenpalet voor gebruikt, maar dat gaat ook een beetje ten koste van de kleuren. Maar in het geval van dit formaat (het moet meer een impressie geven) kan ik me goed voorstellen dat dat acceptabel is. Op dit moment zal iemand met een minder snelle internet-verbinding allang op een andere pagina zijn, omdat de foto's op die pagina 'niet ingeladen kunnen worden' (omdat dat proces gewoon erg lang duurt).
Kortom, het kan nog vele malen sneller ingeladen worden. Zelf merk je daar weinig van als de foto zich al in de cache van je browser bevindt, maar iedere nieuwe bezoeker zal dat merken.

http://ollie-poppenmode.homedns.org:800 ... dagen.html bevat ook 2maal de MadeWithNvu-afbeelding.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
WimVriend
Berichten: 7
Lid geworden op: 4 december 2005, 12:30
Locatie: Hoofddorp
    unknown unknown

Bericht door WimVriend »

nirwana schreef:Nog een tip wat betreft de snelheid: het kan nog veel sneller als je de foto's verkleind tot het echte formaat dat je op de site gaat gebruiken.

http://ollie-poppenmode.homedns.org:800 ... let-bb.png is bijvoorbeeld nog te groot en dat geldt eigenlijk voor iedere foto in de fotogalerij.
Maar ook voor andere foto's op de site, want http://ollie-poppenmode.homedns.org:800 ... dagen.html laadt ook te traag in. Vooral de linkerfoto is erg groot (meer dan 1 MB).

Maak ik http://ollie-poppenmode.homedns.org:800 ... /KRAAM.PNG op het juiste formaat, dan gaat die afbeelding naar 319 kilobytes. Dat is nog te groot, maar dat komt doordat de afbeelding in PNG-formaat is opgeslagen met een RGB-kleurenpalet.
De reden dat de foto niet gewoon als JPG is opgeslagen zal zijn dat er een stuk transparantie in de foto is gemaakt. Dat zit nu eenmaal niet in JPG. De afbeelding wordt 90 KB als je er een geindexeerd kleurenpalet voor gebruikt, maar dat gaat ook een beetje ten koste van de kleuren. Maar in het geval van dit formaat (het moet meer een impressie geven) kan ik me goed voorstellen dat dat acceptabel is. Op dit moment zal iemand met een minder snelle internet-verbinding allang op een andere pagina zijn, omdat de foto's op die pagina 'niet ingeladen kunnen worden' (omdat dat proces gewoon erg lang duurt).
Kortom, het kan nog vele malen sneller ingeladen worden. Zelf merk je daar weinig van als de foto zich al in de cache van je browser bevindt, maar iedere nieuwe bezoeker zal dat merken.

http://ollie-poppenmode.homedns.org:800 ... dagen.html bevat ook 2maal de MadeWithNvu-afbeelding.
Bedankt voor de tips, ik zal me eens verdiepen in de bestandsgrootte van de foto's.
Plaats reactie