PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

  • Overview of pages
  • Creating a page
  • How to proceed?
  • Files corresponding to the pages
  • Describing a page
  • Creating a page from an internal page (and conversely)
Products
WinDevWebDev - Server codeWebDev - Browser codeWinDev MobileReports and Queries
Platforms
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidAndroid Widget iPhone/iPadApple Watch
Languages
JavaPHPAjaxUser code (UMC)External language
Databases
HFSQLHFSQL Client/ServerStored proceduresOLE DBODBCNative Accesses
Overview of pages
The pages represent the main interface of a WEBDEV site. Indeed, the pages allow the Web users to view and handle the information.
This information can be:
  • Dynamic information coming from data files, queries, ... This information changes according to the requests made by the Web users.
  • Static. The information is fixed and it does not change.
Creating a page

How to proceed?

To create a page:
  1. Select "File .. New .. Page". The wizard for page creation starts.Click among the quick access buttons.
    • Click "Page" in the wheel that is displayed. The window for creating a new element is displayed: click "Page" then "Page".
    • The wizard for page creation starts.
  2. Select the type of page to create:
    • Blank page containing no control. A blank page can also be created from the "Blank/Templates" tab.
    • Dynamic RAD page used to display and enter the data. This type of page can be based on a data file, on a query, ...
    • Semi-dynamic RAD page used to display the data. This type of page can be based on a data file, on a query, ...
    • RID page used to enter data. Only the interface of the page will be generated. The programming must be done by the developer.
    • Internal page, page that can be included (with its code) in another page via the "Internal page" controls.
    • Frameset, allowing you to display several pages at the same time in the browser.
    Select the type of page to create:
    • the "Pages" option is used to create:
      • a blank page containing no control.
        Versions 21 and later
        The type of this blank page can be:
        • Simple layout: Blank page using the zoning.
        • Responsive Web Design: Blank page whose type is Responsive Web Design. See Creating a Responsive Web Design page for more details.
        • HTML stream: Blank page whose type is HTML Stream.
        New in version 21
        The type of this blank page can be:
        • Simple layout: Blank page using the zoning.
        • Responsive Web Design: Blank page whose type is Responsive Web Design. See Creating a Responsive Web Design page for more details.
        • HTML stream: Blank page whose type is HTML Stream.
        The type of this blank page can be:
        • Simple layout: Blank page using the zoning.
        • Responsive Web Design: Blank page whose type is Responsive Web Design. See Creating a Responsive Web Design page for more details.
        • HTML stream: Blank page whose type is HTML Stream.
      • a page based on a project template, if the project contains a page template.
      • Versions 17 and later
        an error page. This error page is used to customize the error page displayed in the site. See Managing the site errors for more details.
        New in version 17
        an error page. This error page is used to customize the error page displayed in the site. See Managing the site errors for more details.
        an error page. This error page is used to customize the error page displayed in the site. See Managing the site errors for more details.
      • an internal page:
        • a blank internal page that can be included (with its code) in another page via the "Internal page" controls.
        • internal pages specific to the management of dialog boxes.
    • the "RAD" option is used to create:
      • "dynamic RAD" pages used to display and enter data. This type of page can be based on a data file, on a query, ...
      • "semi-dynamic RAD" pages used to display data. This type of page can be based on a data file, on a query, ...
      • RID pages used to enter data. Only the interface of the page will be generated. The programming must be done by the developer.
    • the "Preset templates" option is used to create:
      • pages based on preset templates (2 or 3 columns, full, inset on the right or on the left, ...).
        You have the ability to generate the page template and the page or the page only.
        Versions 19 and later
        The generated page contains controls in order to propose a possible layout. These controls can be modified or deleted later.
        New in version 19
        The generated page contains controls in order to propose a possible layout. These controls can be modified or deleted later.
        The generated page contains controls in order to propose a possible layout. These controls can be modified or deleted later.
      • Versions 21 and later
        pages based on templates in Responsive Web Design mode.
        New in version 21
        pages based on templates in Responsive Web Design mode.
        pages based on templates in Responsive Web Design mode.
      • pages specific to the creation of Vista Gadgets.
      • pages specific to the creation of Web sites in Mobile.
      • framesets used to display several pages at the same time in the browser.
To display the characteristics of the created page:
  1. Select "Description" from the popup menu of the page.
  2. select "Page .. Description".on the "Modification" pane, in the "Fast edit" group, click "Description".

Files corresponding to the pages

The pages correspond to WEBDEV ".WWH " files. By default, these files are created in the main directory of the project.
When generating the pages of the site, the "WWH" files are automatically converted into "HTM" files. These HTML files are created in different directories depending on the type of the page:
  • Dynamic page: sub-directories of the project languages ("US", "FR" sub-directories for example, ...).
  • Static page: sub-directories of the languages found in the "<ProjectName>_WEB" directory of the project ("MySite_Web/US" for example).
See Project directories for more details.

Describing a page

The description window of a page contains several tabs used to define all the characteristics of the page:
  • "General" tab: It is used to define:
    • the name of the page,
    • its description,
    • its title,
    • its type (dynamic, static, PHP, ...)
    • Versions 16 and later
      the type of target browser and the size of the screen.
      New in version 16
      the type of target browser and the size of the screen.
      the type of target browser and the size of the screen.
  • "GUI" tab: It is used to define:
    • the rollover cursor of the page.
    • the size of the page.
    • the anchoring options of the page.
  • "Details" tab: It is used to define:
  • "Frame" tab: It is used to defined the characteristics of the frames.
  • "Languages" tab: It is used to define the languages available in the page.
  • "Note" tab: It is used to define the title of the notes and their content. This information will be printed in the program documentation.
  • "Advanced" tab: It is used to:
    • define the advanced options for page generation.
    • add HTML code to the header of the page.
    • add one or more JavaScript files (.js) to the page. These files will be used by the generated HTML page.
    • manage the specific features of some devices (iPhone, BlackBerry, ...).
      Versions 16 and later
      The information displayed depends on the type of target browser selected in the "General" tab.
      New in version 16
      The information displayed depends on the type of target browser selected in the "General" tab.
      The information displayed depends on the type of target browser selected in the "General" tab.
  • "Style" tab used to define:
    • Versions 15 and later
      the characteristics of the skin associated with the page. See Management of skins for more details.
      New in version 15
      the characteristics of the skin associated with the page. See Management of skins for more details.
      the characteristics of the skin associated with the page. See Management of skins for more details.
    • the background image associated with the page. See Page and background image for more details.
    • the colors used for the text of the page, the links, the visited links, ... This information modifies the code of the <BODY> tag of the HTML page.
    • the style sheet associated with the page.

Creating a page from an internal page (and conversely)

WEBDEV allows you to create a page from an internal page (and conversely).
  • To create an internal page from the current page, select "File .. Save the page as internal page".To create an internal page from the current page, on the "Home" pane, in the "General" group, expand "Save" and select "Save the page as an internal page".
  • To create a page from the current internal page, select "File .. Save the internal page as page".To create a page from the current internal page, on the "Home" pane, in the "General" group, expand "Save" and select "Save the internal page as a page".
Related Examples:
WW_CloudTags Sample components (WEBDEV): WW_CloudTags
[ + ] This example explains how to display a cloud of tags in a dynamic WEBDEV application.
Indeed, on Internet, a site page responds more or less to a set of keywords.
The purpose of this example is to explain how to display the keywords of a site in an area of the page by indicating the important keywords graphically.
The keywords are represented as links of different sizes: the more important the keyword is, the larger the font is.
WWPocket Training (WEBDEV): WWPocket
[ + ] This example is a site that can be viewed on a Pocket PC. The site detects the resolution of the user and displays the pages consequently.
Minimum required version
  • Version 9
Comments
To get the friendly name of a window
vResTitle is Variant = "PAGE_TesteAdriano"

Info({vResTitle}..Title,"TITLE")

Info({vResTitle}..Note,"NOTE")

Info({vResTitle}..NoteTitle,"NOTETITLE")

Info({vResTitle}..Caption,"CAPTION")

Info({vResTitle}..Name,"NAME PAGE")
BOLLER
Apr. 18 2017