DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Page
  • Présentation des pages
  • Création d'une page
  • Comment le faire ?
  • Fichiers correspondant aux pages
  • Description d'une page
  • Création d'une page à partir d'une page interne et inversement
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation des pages
Les pages constituent l'interface principale d'un site WEBDEV. En effet, c'est grâce aux pages que les internautes vont pouvoir consulter et manipuler des informations.
Ces informations peuvent être :
  • Dynamiques et provenir par exemple de fichiers de données, requêtes, etc. Ces informations varient en fonction des demandes des internautes.
  • Statiques. Ces informations sont fixées et ne changent pas.
Création d'une page

Comment le faire ?

Pour créer une page :
  1. Cliquez sur parmi les boutons d'accès rapide.
    • La fenêtre de création d'un nouvel élément s'affiche : cliquez sur "Page" puis sur "Page".
    • L'assistant de création d'une page se lance.
  2. Sélectionnez le type de page à créer :
    • l'option "Standard" permet de créer :
      • une page vierge ne contenant aucun champ.
        Le mode d'édition de cette page est défini dans l'onglet "Général" de la fenêtre de description de la page :
        • Responsive (zoning et agencements) (par défaut) : Page vierge utilisant le zoning et les agencements.
          Grâce aux agencements définis sur bureau et sur mobile, ce type de page permet de réaliser rapidement un site "Mobile-friendly".
        • Tranches (Responsive historique pour compatibilité) : Page vierge utilisant les tranches du Responsive Web Design.
          Ce type de page est conservé par compatibilité pour réaliser des sites "Mobile-friendly".
          Pour plus de détails, consultez Créer une page Responsive Web Design.
        • Flux HTML : Page vierge de type Flux HTML.
      • une page basée sur un des modèles du projet, si le projet contient un modèle de pages.
      • une page basée sur un modèle prédéfini (2 ou 3 colonnes, encart à droite ou à gauche, ...).
        Il est possible de générer le modèle de pages et la page ou uniquement la page seule.
        La page générée contient des champs pour présenter une mise en page possible. Ces champs peuvent être ensuite modifiés ou supprimés.
    • l'option "Pages internes" permet de créer :
      • une page interne vierge, pouvant être incluse (avec son code) dans une autre page via les champs de type "Page interne".
      • des pages internes spécifiques à la gestion des boîtes de dialogue.
    • l'option "Pages d'erreur" permet de créer des pages d'erreur. Ces pages d'erreur permettent de personnaliser la page d'erreur affichée dans le site. Pour plus de détails, consultez Gestion des erreurs du site.
    • l'option "RAD" permet de créer des pages de type "RAD dynamique" permettant d'afficher et de saisir des données. Ce type de page peut être basé sur un fichier de données, une requête, etc.
Pour afficher les caractéristiques de la page créée, utilisez une des méthodes suivantes :
  • Sélectionnez l'option "Description" dans le menu contextuel de la page.
  • Sous le volet "Modification", dans le groupe "Edition rapide", cliquez sur "Description".

Fichiers correspondant aux pages

Les pages correspondent à des fichiers WEBDEV ".WWH". Par défaut, ces fichiers sont créés dans le répertoire principal du projet.
Lors de la génération des pages du site, les fichiers ".WWH" sont automatiquement convertis en fichiers ".HTM". Ces fichiers HTML sont créés dans des répertoires différents selon le type de la page :
  • Page dynamique : sous-répertoires des langues du projet (par exemple, sous-répertoires "FR", "US", ...).
  • Page statique : sous-répertoires des langues présents dans le répertoire "<NomProjet>_WEB" du projet (par exemple "MonSite_Web/FR").
Pour plus de détails sur les répertoires d'un projet, consultez Répertoires d'un projet.

Description d'une page

La fenêtre de description d'une page contient plusieurs onglets permettant de définir toutes les caractéristiques de la page :
  • Onglet "Général" : Il permet de définir :
    • le nom de la page,
    • sa description,
    • son titre,
    • son type (Session, AWP, statique, PHP, etc.),
    • son mode d'édition (Responsive, Tanches, etc.).
  • Onglet "UI" : Il permet de définir :
  • Onglet "Détail" : Il permet de définir :
  • Onglet "Frame" : Il permet de définir les caractéristiques des Frames.
  • Onglet "Langue" : Il permet de définir les langues disponibles dans la page.
  • Onglet "Note" : Il permet de définir le titre des notes et leur contenu. Ces informations seront imprimées dans la documentation technique.
  • Onglet "Avancé" : Il permet de :
  • Onglet "Style" : Il permet de définir :
    • les caractéristiques de l'ambiance associée à la page. Pour plus de détails, consultez Gestion des ambiances.
    • la feuille de styles associée à la page.
    • les options de styles de la page :
      • Fond du navigateur.
      • Cadre et fond de la page. Par exemple, l'image de fond associée à la page. Pour plus de détails, consultez Page et image de fond.
      • Couleurs par défaut : Cette option permet de définir les différentes couleurs utilisées pour le texte de la page, les liens, les liens visités, ... Ces informations modifient directement le code de la balise <BODY> de la page HTML.

Création d'une page à partir d'une page interne et inversement

WEBDEV permet de créer une page à partir d'une page interne et inversement.
  • Pour créer une page interne à partir de la page en cours, sous le volet "Accueil", dans le groupe "Général", déroulez "Enregistrer" et sélectionnez "Enregistrer la page comme une page interne".
  • Pour créer une page à partir de la page interne en cours, sous le volet "Accueil", dans le groupe "Général", déroulez "Enregistrer" et sélectionnez "Enregistrer la page interne comme une page".
Liste des exemples associés :
WW_NuageTags Composants (WEBDEV) : WW_NuageTags
[ + ] Cet exemple montre comment afficher un nuage de tags dans une application WEBDEV dynamique.
En effet, sur Internet, une page d'un site répond plus ou moins à un ensemble de mots-clés.
L'objectif de cet exemple est donc de présenter comment afficher les mots-clés d'un site dans une zone de la page en indiquant de manière graphique les mots-clés importants.
Les mots-clés se retrouvent alors sous forme de liens de différentes tailles : plus le mot-clé est important dans le site, plus sa police est élevée.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 09/06/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale