Website maken met TweeGo, deel 2 van 4

Ontwerp aanpassen

Bij het maken van uw website heeft u uit één van onze standaard ontwerpen gekozen. Deze ontwerpen zijn zo generiek mogelijk opgezet zodat ze gemakkelijk zijn aan te passen aan de huisstijl van uw bedrijf. In deze blog bespreken we de (onbegrensde) mogelijkheden voor het aanpassen van uw ontwerp.

De gemakkelijkste manier om het ontwerp van uw website aan te passen is het wisselen van thema. Het ontwerp, ofwel thema, dat u heeft gekozen bij het maken van uw website kunt u in een later stadium in een paar klikken wijzigen. Het wijzigen van een thema wordt in de tutorial 'Webdesign, introductie' gedemonstreerd. Thema's worden door TweeGo ontwikkelt maar u kunt deze ook zelf maken.

Kies een thema dat zo goed mogelijk aansluit bij de huisstijl van uw bedrijf.

Alle kleuren, lettertypes, lettergroottes en regelafstanden van een gekozen thema kunnen eveneens in een paar klikken worden aangepast. Dit proces wordt ook in de tutorial 'Webdesign, introductie' gedemonstreerd.

Kleuren kiezen
Het kiezen van de juiste kleuren voor uw website vereist wat experimentatie. Voor het kiezen van de juiste kleuren hebben we een aantal tips verzameld:

• Meestal is het verstandig om niet meer dan 2 tot 4 verschillende kleuren te kiezen.
• Heeft u een logo of een complete huisstijl hanteer dan zoveel mogelijk dezelfde kleuren die in uw logo of huisstijl worden gebruikt.
• Kies bijpassende kleuren, er zijn veel handige online tools beschikbaar om bijpassende kleuren te kiezen. Bijvoorbeeld http://colorschemedesigner.com
• Maak achtergrondkleuren niet te fel, dit vermindert de leesbaarheid van uw website.

Lettertypes
Bij het kiezen van een lettertype gelden voor een website andere regels dan voor het opstellen van bv. een Word-document. Kort gezegd bevat een webpagina instructies voor het te gebruiken lettertype. Wanneer een browser een pagina ophaalt van de server moet het lettertype uit een bestand op de lokale pc worden gehaald*. Omdat iedere pc verschillende lettertypes heeft geïnstalleerd zijn er maar een beperkt aantal 'veilige' lettertypen, d.w.z. lettertypen die op vrijwel iedere pc zijn geïnstalleerd. Om deze reden kunt u kiezen uit een beperkt aantal lettertypes, nl. 'Arial', 'Helvetica', 'Tahoma', 'Verdana', 'Trebuchet MS', 'Times New Roman', 'Courier New' of 'Georgia'.

* Er zijn wel een aantal manieren om deze beperking te omzeilen, o.a. door het gebruik van de css @font-face regel, maar op het moment van schrijven bieden wij hier nog geen 'out-of-the-box' ondersteuning voor. Andere lettertypes kunnen wel 'handmatig' via een stijlregel worden toegevoegd.

Regelafstand
Te weinig of te veel regelafstand maken een tekst minder goed leesbaar, zie onderstaande voorbeelden:

Door het wijzigen van de kleuren en lettertypen kunt u een gekozen thema een geheel ander uiterlijk geven. U bent echter wel gebonden aan de grenzen van het thema. Om die reden heeft TweeGo een geheel grafische(dus zonder programmeren) editor ontwikkeld om het ontwerp van uw website aan te passen. Vrijwel ieder webdesign kan met deze editor worden gemaakt. Binnenkort publiceert TweeGo een blogreeks begeleid door tutorials waarin alle aspecten van het maken van een webdesign met deze editor aan bod komen. Om u alvast in de stemming te brengen presenteren we een tutorial waarin het design van een bekende Nederlandse website op geheel grafische wijze wordt gemaakt: 'Website maken met TweeGo'

Naast alle grafische opties biedt TweeGo u ook de mogelijkheid om de html en css van een ontwerp direct aan te passen. Vooral als webdesigner of ontwikkelaar heeft u graag de volledige controle over de html en css van een ontwerp. Doordat de html-sjablonen en css bestanden online zijn te wijzigen kan een maatwerk ontwerp op eenvoudige wijze in TweeGo worden geplakt. Over dit proces verschijnt binnenkort een tutorial. Tot die tijd kunt u informatie over het wijzigen van html en/of css vinden in de TweeGo Wiki.

Terug naar het overzicht