Operation Manual

Responsief ontwerp met dynamische rasterlay-outs
Opmerking:
Naar boven
Naar boven
De lay-out van een website moet reageren op en zich aanpassen aan de afmetingen van het apparaat
waarop de website wordt weergegeven (responsief ontwerp). Een dynamische rasterlay-outs biedt een
visuele methode om verschillende lay-outs te maken die geschikt zijn voor de apparaten waarop de website
wordt weergegeven.
Uw website wordt bijvoorbeeld weergegeven op computers, tablets en mobiele telefoons. In dat geval kunt u
dynamische rasterlay-outs gebruiken om afzonderlijke lay-outs voor deze apparaten op te geven. Afhankelijk
van of de website wordt weergegeven op een computer, tablet of mobiele telefoon, wordt de bijbehorende
lay-out gebruikt om de website weer te geven.
Meer informatie: Adaptieve lay-out versus responsieve lay-out
Controlemodus is niet beschikbaar voor documenten met dynamische rasterlay-out.
Dynamische rasterlay-outs gebruiken
Een dynamische rasterlay-out maken
Documenten met dynamische rasters bewerken
Dynamische rasterlay-outs invoegen
Elementen nesten
Zie ook:
Mediaquery's maken
Dynamische rasterlay-outs gebruiken
Bekijk deze videozelfstudie om te leren hoe u dynamische rasterlay-outs maakt: Kennismaken met
dynamische rasterlay-outs.
Een dynamische rasterlay-out maken
1. Kies Bestand > Dynamisch raster (verouderd).
2. De standaardwaarde voor het aantal kolommen in het raster wordt in het midden van het
mediatype weergegeven. Als u het aantal kolommen voor een apparaat wilt aanpassen,
geeft u de gewenste waarde op.
3. Geef de waarde op als percentage als u de breedte van een pagina wilt instellen ten
opzichte van de schermgrootte.
4. Wijzig zo nodig de tussenruimte. De tussenruimte is de ruimte tussen twee kolommen.
5. Geef de CSS-opties voor de pagina op.
Wanneer u op Maken klikt, wordt u gevraagd een CSS-bestand op te geven. U kunt dat
op een van de volgende manieren doen:
Maak een nieuw CSS-bestand.
Open een bestaand CSS-bestand.
Geef het CSS-bestand op dat als Dynamisch raster-CSS-bestand wordt geopend.
221