Operation Manual

Naar boven
Naar boven
Het dynamische raster voor mobiele telefoons wordt standaard weergegeven. Ook wordt
het deelvenster Invoegen voor dynamische rasters weergegeven. U kunt de opties in het
deelvenster Invoegen gebruiken om de lay-out te maken.
Als u een lay-out voor een ander apparaat wilt ontwerpen, klikt u op het betreffende
pictogram bij de opties onder de ontwerpweergave.
6. Sla het bestand op. Wanneer u het HTML-bestand opslaat, wordt u gevraagd om de
afhankelijke bestanden, zoals boilerplate.css en respond.min.js, op te slaan op een
locatie op uw computer. Geef een locatie op en klik op Kopiƫren.
Het bestand boilerplate.css is gebaseerd op HTML5 Boilerplate. Dit is een verzameling
CSS-stijlen die ervoor zorgt dat uw webpagina op een consistente wijze wordt
weergegeven op verschillende apparaten. respond.min.js is een JavaScript-bibliotheek
met ondersteuning voor de mediaqueries in oudere versies van de browser.
Documenten met dynamische rasters bewerken
U kunt documenten met dynamische rasters rechtstreeks in Live View bewerken om:
Koppel de HTML-klassen en -id's aan elementen. Zie Elementweergave voor meer
informatie.
Bewerk afbeeldingskenmerken en tekst. Zie Snelle eigenschappencontrole en Tekst
bewerken in Live View voor meer informatie.
Voeg nieuwe elementen in. Zie Elementen voor dynamische rasters invoegen voor meer
informatie.
Met behulp van Snelle elementweergave kunt u ook de HTML DOM-structuur van een document met een
dynamisch raster visualiseren.
Dynamische rasterlay-outs invoegen
In het deelvenster Invoegen (Venster > Invoegen) worden de elementen weergegeven die u in een
dynamische rasterlay-out kunt gebruiken. Wanneer u de elementen invoegt, kunt u ervoor kiezen deze als
dynamische elementen in te voegen.
1. Klik in het deelvenster Invoegen op het element dat u wilt invoegen.
2. Klik in het dialoogvenster dat verschijnt op Voor, Na of Nesten om het element te
plaatsen ten opzichte van het verwijzingselement dat in het document is gemarkeerd.
Elementen in een dynamische rasterlay-out invoegen
222