Tekst en plaatjes uitlijnen, in ieder browser of platform

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Gebruikersavatar
brandlijn
Berichten: 94
Lid geworden op: 22 Oktober 2005, 11:56
Locatie: Apeldoorn
Mozilla/5.0 (Windows NT 6.1; rv:29.0) Gecko/20100101 Firefox/29.0

Tekst en plaatjes uitlijnen, in ieder browser of platform

Berichtdoor brandlijn » 7 Mei 2014, 13:43

Hallo,

Met de komst van Ipad, tablet en smartfone is het maken van een website niet eenvoudiger geworden.
Bij het bekijken van deze website op mijn Android smartfone kwam ik tot de ontdekking dat de tekst grote kleiner wordt wanneer deze worden geplaatst in een tabel. Een dubbele tabel, een deel met tekst en een deel met afbeelding.
http://indiemonumentdeventer.nl/geschiedenis.html.

Hoe kan ik dit oplossen?

Brengt mij direct op de vraag, wordt het niet tijd om over te gaan op CMS?
Zo ja wat, Joomla Drupal, Wordpress?

Graag een reactie
Jan van den Brand
Met Vriendelijke Groet,

Jan

Gebruikersavatar
nirwana
Beheerder
Berichten: 11147
Lid geworden op: 19 September 2003, 5:09
Mozilla/5.0 (Windows NT 6.3; WOW64; rv:29.0) Gecko/20100101 Firefox/29.0

Re: Tekst en plaatjes uitlijnen, in ieder browser of platfor

Berichtdoor nirwana » 7 Mei 2014, 22:56

Jan,

Het belangrijkste is dat de HTML-code die je in de website gebruikt zoveel mogelijk aan de algemene webstandaarden (W3C) voldoet. Als jouw website aan de standaarden voldoet, dan heb je de grootste kans dat de website er goed uitziet in de verschillende browsers. Dan maakt het al minder uit of die browser zich op een desktop of een mobiel bevindt.

Probeer dit bijvoorbeeld eens op te vragen met de browser van jouw Android-telefoon: http://www.mozbrowser.nl/web/indie/
Ziet dat er dan beter uit in een mobiele browser dan jullie huidige webpagina ?

Wat ik heb gedaan om deze pagina om te zetten ?
- alle tabellen verwijderd (tabellen zijn niet bedoeld voor het uitlijnen van webpagina's)
- meer CSS-code gebruikt
- enkele harde line-breaks verwijderd
Daardoor wordt de opbouw van de webpagina flexibeler en past het zich beter aan aan het gebruikte beeldscherm.

De afbeeldingen worden nu op de volgende manier links en rechts uitgelijnd:
http://www.labnol.org/internet/design/a ... -css/2309/

Als je eens op een CMS wilt overstappen, dan zou ik een wat eenvoudiger CMS kiezen. Jullie huidige website heeft zo op het eerste gezicht slechts enkele pagina's, dus daarvoor heb je geen uitgebreid CMS nodig. Als voorbeeld gebruik ik wel eens een eenvoudige website die ik zelf heb opgezet met een CMS als basis: http://www.gasselternijveensemond.nl
Qua opbouw linkt die wel wat op jullie website. Die site gebruikt een eenvoudig CMS (Get-Simple), waarvoor je alleen PHP-ondersteuning op de webserver nodig hebt. Voor de grotere CMS'en heb je al snel een (MySQL-)database nodig. GetSimple slaat de gegevens op in XML-bestanden op de schijfruimte op de webserver.
Op http://opensource-cms.startpagina.nl staat nog een hele lijst met opensource CMS'en, zowel groot als klein.

PS: ik wist niet dat we in Deventer een Indië-monument hebben. Toch maar eens een kijkje nemen op het Grote Kerkhof...
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over GIMP, Mozilla, OpenOffice.org / LibreOffice, opensource en Windows 10 ]


Terug naar “Nvu/Kompozer/Bluegriffon”