PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • 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
Produits
WINDEVWEBDEV - Code ServeurWEBDEV - Code NavigateurWINDEV MobileEtats et Requêtes
Plateformes
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidWidget AndroidiPhone/iPadApple Watch
Langages
JavaPHPAjaxCode Utilisateur (MCU)Langage Externe
Bases de données
HFSQLHFSQL Client/ServeurProcédures stockéesOLE DBODBCAccès Natifs
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, ... 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. Sélectionnez l'option "Fichier .. Nouveau .. Page". L'assistant de création de pages se lance.Cliquez sur parmi les boutons d'accès rapide.
    • Dans la roue qui s'affiche, cliquez sur "Page". 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 :
    • Page vierge ne contenant aucun champ. Il est également possible de créer une page vierge grâce à l'onglet "Vierge / modèles".
    • Page 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, ...
    • Page de type RAD semi-dynamique permettant d'afficher des données. Ce type de page peut être basé sur un fichier de données, une requête, ...
    • Page de type RID permettant de saisir des données. Seule l'interface de la page sera générée. La programmation sera à la charge du développeur.
    • Page Interne, page pouvant être incluse (avec son code) dans une autre page via les champs de type "Page interne".
    • Frameset, permettant d'afficher plusieurs pages en même temps dans le navigateur.
    Sélectionnez le type de page à créer :
    • l'option "Pages" permet de créer :
      • une page vierge ne contenant aucun champ.
        Versions 21 et supérieures
        Cette page vierge peut être de type :
        • Mise en page simple : Page vierge utilisant le zoning.
        • Responsive Web Design : Page vierge de type Responsive Web Design. Pour plus de détails, consultez Créer une page Responsive Web Design.
        • Flux HTML : Page vierge de type Flux HTML.
        Nouveauté 21
        Cette page vierge peut être de type :
        • Mise en page simple : Page vierge utilisant le zoning.
        • Responsive Web Design : Page vierge de type Responsive Web Design. Pour plus de détails, consultez Créer une page Responsive Web Design.
        • Flux HTML : Page vierge de type Flux HTML.
        Cette page vierge peut être de type :
        • Mise en page simple : Page vierge utilisant le zoning.
        • Responsive Web Design : Page vierge de type Responsive Web Design. 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 modèle du projet, si le projet contient un modèle de pages.
      • Versions 17 et supérieures
        une page d'erreur. Cette page d'erreur permet de personnaliser la page d'erreur affichée dans le site. Pour plus de détails, consultez Gestion des erreurs du site.
        Nouveauté 17
        une page d'erreur. Cette page d'erreur permet de personnaliser la page d'erreur affichée dans le site. Pour plus de détails, consultez Gestion des erreurs du site.
        une page d'erreur. Cette page d'erreur permet de personnaliser la page d'erreur affichée dans le site. Pour plus de détails, consultez Gestion des erreurs du site.
      • une page interne :
        • 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 "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, ...
      • des pages de type "RAD semi-dynamique" permettant d'afficher des données. Ce type de page peut être basé sur un fichier de données, une requête, ...
      • des pages de type RID permettant de saisir des données. Seule l'interface de la page sera générée. La programmation sera à la charge du développeur.
    • l'option "Modèles prédéfinis" permet de créer :
      • des pages basées sur des modèles prédéfinis (2 ou 3 colonnes, complet, encart à droite ou à gauche, ...).
        Il est possible de générer le modèle de pages et la page ou uniquement la page seule.
        Versions 19 et supérieures
        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.
        Nouveauté 19
        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.
        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.
      • Versions 21 et supérieures
        des pages basées sur des modèles en mode Responsive Web Design.
        Nouveauté 21
        des pages basées sur des modèles en mode Responsive Web Design.
        des pages basées sur des modèles en mode Responsive Web Design.
      • des pages spécifiques à la création de Gadgets Vista.
      • des pages spécifiques à la création de sites Web sous Mobile.
      • des framesets, permettant d'afficher plusieurs pages en même temps dans le navigateur.
Pour afficher les caractéristiques de la page créée :
  1. Sélectionnez l'option "Description" dans le menu contextuel de la page.
  2. sélectionnez l'option "Page .. Description".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 (dynamique, statique, PHP, ...)
    • Versions 16 et supérieures
      le type de navigateur cible et la taille de l'écran.
      Nouveauté 16
      le type de navigateur cible et la taille de l'écran.
      le type de navigateur cible et la taille de l'écran.
  • Onglet "IHM" : Il permet de définir :
    • le curseur de survol de la page.
    • la taille de la page.
    • les options d'ancrage de la page.
  • 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 le dossier de programmation.
  • Onglet "Avancé" : Il permet de :
  • Onglet "Style" permet de définir :
    • Versions 15 et supérieures
      les caractéristiques de l'ambiance associée à la page. Pour plus de détails, consultez Gestion des ambiances.
      Nouveauté 15
      les caractéristiques de l'ambiance associée à la page. Pour plus de détails, consultez Gestion des ambiances.
      les caractéristiques de l'ambiance associée à la page. Pour plus de détails, consultez Gestion des ambiances.
    • l'image de fond associée à la page. Pour plus de détails, consultez Page et image de fond.
    • 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.
    • la feuille de styles associée à la page.

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, sélectionnez l'option "Fichier .. Enregistrer la page comme une page interne".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, sélectionnez l'option "Fichier .. Enregistrer la page interne comme une page".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.
WWPocket Exemples didactiques (WEBDEV) : WWPocket
[ + ] Cet exemple est un site pouvant être visualisé sur un Pocket PC. Le site détecte la résolution du client et affiche les pages en conséquence.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire