Steppenplan voor ontwerp voor website in WYSIWYG Web Builder

[Stephane]

Beste support,

Ik vind hier nergens een volledig uitgeschreven stappen voor mensen die als beginner kennismaken met de WYSIWYG Web Builder. Ik heb soms geen geen idee hoe ik een website moet ontwerpen met jullie product. Ik ben allang trouwe gebruiker van jullie product en zou graag eens mijn persoonlijke website gaan ontwerpen maar heb geen idee hoe ik hiermee moet starten.

Vraag-01
Kan je hier eens een stappenplan opstellen hoe ik een website moet opstellen voor desktop naar mobile weergave?

Vraag-02
Ontwerp ik eerst de website in de default weergave dus starten van desktop/laptop weergave?

Vraag-03
Hoe ontwerp ik mijn website van desktop/laptop naar weergave tablet/mobile weergave?

Vraag-04
Welk soort layout ontwerp gebruik je nu in 2020 en waarom?
a) Layoutgrid
b) flexbox container
c) Flexgrid

Vraag-05
Met welke layout methode kan ik geneste layouts maken dan bedoel ik eerst een grote container maar daarin meerdere inner-containers?

Ik bedoel dit

<div class="row">
<div class="col">
<div class="container">
<!hier komen 2 inner containers ->
<div class="row">
<div class="col">
<div class="container">
</div>
</div>
</div>

<div class="row">
<div class="col">
<div class="container">
</div>
</div>
</div>
</div>
</div>
</div>

Is deze geneste layout methode mogelijk en hoe doe je dan zoiets in WYSIWYG Web Builder?

Met vriendelijke groeten
Stephane

[Pablo]

Kan je hier eens een stappenplan opstellen hoe ik een website moet opstellen voor desktop naar mobile weergave?

Deze tutorial beschrijft hoe je responsive websites kunt maken:
http://wysiwygwebbuilder.com/layout_modes.html
Er zijn meerdere mogelijkheden: fixed layout met breakpoints, flexbox, layout grids.
Andere tutorials:
http://www.wysiwygwebbuilder.com/getting_started.html
Videos:
http://www.wysiwygwebbuilder.com/video_tutorials.html

Er zijn ook heel veel voorbeeld templates:
http://www.wysiwygwebbuilder.com/templates2020.html
en ook:
https://webbuildertemplates.com/
https://store.dapsonishmeal.com/index.php
http://lucknowwebs.com/downloads/templa ... templates/
https://www.webbuilderfx.com/wysiwyg-we ... -templates
https://shop.grahamscomputers.net/webshop.html

Ontwerp ik eerst de website in de default weergave dus starten van desktop/laptop weergave?

Correct, eerst ontwerp je de default (desktop) view en daarna de mobiele varianten.

Hoe ontwerp ik mijn website van desktop/laptop naar weergave tablet/mobile weergave?

Zie ook:
http://wysiwygwebbuilder.com/layout_modes.html

Welk soort layout ontwerp gebruik je nu in 2020 en waarom?

Ik denk dat je dat zelf moet bepalen, want het fijnste werkt voor jouw. Zie ook de tutorial. Layout grids zijn waarschijnlijk het eenvoudigst, maar flexbox biedt meer mogelijkheden.

Met welke layout methode kan ik geneste layouts maken dan bedoel ik eerst een grote container maar daarin meerdere inner-containers?

Layout grids gebruiken deze struktuur. Je hoeft deze code dus niet zelf te schrijven.

Is deze geneste layout methode mogelijk en hoe doe je dan zoiets in WYSIWYG Web Builder?

WWB ondersteund één level nesting voor layout grids. Maar in de meeste gevallen is dat ook voldoende. Ik heb zelf nog nooit meer levels nodig gehad.