6. Editing a page: zoning mode - PC SOFT - On-line documentation

PC SOFT

WINDEV, WEBDEV AND WINDEV MOBILE
ONLINE HELP

Version:

Home | Sign in | English

WEBDEV concepts

Part 2 - Developing a site

6. Editing a page: zoning mode

1. Project and analysis

2. The project in practice

3. Development cycle of a site

4. I want to create a page in the editor...

5. The following files are automatically created

6. Editing a page: zoning mode

7. "Mobile friendly" site: Dynamic serving

8. "Mobile friendly" site: Responsive Web Design

9. Internal page

10. Page templates

12. Pages in practice

13. The different types of standard controls

14. The controls in practice

15. Repeating a group of controls: the loopers

16. The two types of code

17. WLanguage: a simple and powerful language

18. Sequence for running the code of buttons/links

19. Upload: Sending files to the server

20. Control templates

22. Report templates

23. Different print modes

24. Displaying and sequencing pages

25. Performing a process on several successive pages

26. Style sheets: to simplify the layout

27. Site centered or anchored in width?

29. SEO of a site in practice

WINDEV

Windows

Linux

Universal Windows 10 App

Java

Reports and Queries

User code (UMC)

WEBDEV

Windows

Linux

PHP

WEBDEV - Browser code

WINDEV Mobile

Android

iPhone/iPad

Apple Watch

Universal Windows 10 App

Windows Mobile

Others

Stored procedures

6. Editing a page: zoning mode

Table of contents

Editing a page in zoning mode is easy and powerful: all you have to do is split the page into "zones" via the "Pencil" tool. These areas are automatically configured and they allow you to define the page architecture: header, footer, ...

These areas can easily be handled in the editor: increasing the header height automatically moves the page body.

During the print, the relative position of controls found in each area is respected as well as their anchor.

A semantic HTML 5 information can be associated with each area: this improves the relevance of referencing by some search engines.

Table of contents

Minimum version required

Version 23

Comments

Click [Add] to post a comment

Last update: 05/15/2020

Send a report | Local help

Close this window

Searching...

Annotate the page

Title:

J'accepte les termes de la licence

How to browse local help?

All you have to do is configure your product as follows:

Select "Tools .. Options .. General options of …".
In the "Help" tab, select "Use the local help database" and specify (if necessary) the path of the "Help" directory of your product.
Validate. The help used by default will be the local help installed on your computer.