GCWeb, le thème WET-BOEW de Canada.ca
Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
Vous avez trouvé des problèmes d'implémentation par rapport au C&AI ou vous désirez contribuer au dévelopement, faites nous le savoir en soumettant une requête GCWeb, en envoyant une pull request ou en participant à un de nos heures de service de la BOEW (anciennement connu sous le nom de WET-BOEW code sprint) hedbomadaire à chaque mardi.
Définition des états
- Stable
- Rencontre les exigences d'une spécification.
- Provisionel
- Plutôt stable, mais expérimental; utilisez à vos risques et périls.
- Obsolète
- Ne pas utilisé car c'est obsolète, mais disponible pour votre information.
- Défaut
- Manque le statut dans la documentation de la composante.
Composantes
-
Cases à cocher et boutons radio État: Stable
Cases à cocher et boutons radio conçu d'après des recherches d'expérience utilisateur
Tous les exemples et info
-
Lien en vedette - Documentation et example pratique État: Provisionel
Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence.
Tous les exemples et info
-
Promotions contextuelles État: Stable
Promotions contextuelles
Tous les exemples et info
-
Application de styles GC au plugiciel de fils de syndication État: Provisionel
Remplace les Fils de syndication pour appliquer le modèle de conception GC.
Tous les exemples et info
-
En demande - Documentation et example pratique État: Provisionel
Comprend des tâches principales liées à la page sur laquelle elles se trouvent.
Tous les exemples et info
-
Services et information État: Stable
Services et information
Tous les exemples et info
-
Menu par carte de métro État: Provisionel
GC menu par carte de métro
Tous les exemples et info
-
Tableaux GC État: Provisionel
Tableau simple responsive pour le GC
-
Entête well responsive État: Stable
Liste - Style additionel
Tous les exemples et info
-
Autre composant État: Stable
Composant inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier.
Tous les exemples et info
- Exemples
- Provisional functionality
- Fonctionalités provisoires
- Redacted text
- Texte caviardé
- Download link, In-page table of contents, Alerts designs
- Lien de téléchargement, Table des matières à l’intérieur de la page, Conceptions des avis
- Deprecated markup - Report a problem (v4.0.28), gc-nttvs, gc-prtts
- Balisage déconseillé - Signaler un problème (v4.0.28), gc-nttvs, gc-prtts
- Float column in a data table
- Float column in a data table
- Video example
- Exemple de vidéo
- Exemples
-
Liste - Style additionel État: Stable
Style additionel (double interligne)
Tous les exemples et info
-
Conversation suggestive État: Provisionel
Conversation suggestive
Tous les exemples et info
-
Data JSON État: Stable
Insertion de contenu extrait d'un fichier JSON
Tous les exemples et info
- Exemples
- Documentations
-
Exécuter des actions État: Stable
Exécute des actions, tel que filtrer un tableau, selon une configuration pré-établis.
Tous les exemples et info
-
Déroulement de champs État: Stable
Offre une interface utilisateur alternative lorsqu'une page contient une très longue liste
Tous les exemples et info
- Exemples
- Documentations
-
Gestionnaire JSON État: Stable
Gérer des jeux de données et applique des correctifs JSON.
Tous les exemples et info
- Exemples
- Documentations
-
Suggestion interative avec un datalist État: Stable
Chargement de suggestion pour un datalist avec un fichier JSON.
Tous les exemples et info
-
Correspondance d'URL État: Stable
Exécute des requête ajax pré-établis selon la correspondance des paramètres de l'URL.
Tous les exemples et info
-
Conversion du wb5-click postback État: Obsolète
Convertie le code obselète du wb5-click postback form vers le plugiciel wb-postback
Tous les exemples et info
-
Boîte grise en gras État: Stable
Ceci applique la propriété gras comme poid de police de caractère à chacun des éléments d'un composant well et applique un poid de police de caractère normal lorsque l'élément
strongest appliqué.Tous les exemples et info
- Exemples
- Documentations
Gabarits
-
Service avancé - Probablement désuet État: Stable
Gabarit du service avancé - probablement désuet
Tous les exemples et info
- Exemples
- [Service name] - 1. [Step / section page name]
- [Nom du service] - 1. [Nom de la page de la section ou de l’étape]
- [Service name] - 2. [Step / section page name]
- [Nom du service] - 2. [Nom de la page de la section ou de l’étape]
- [Service name] - 3. [Step / section page name]
- [Nom du service] - 3. [Nom de la page de la section ou de l’étape]
- [Service name] - 4. [Step / section page name]
- [Nom du service] - 4. [Nom de la page de la section ou de l’étape]
- [Service name] - 5. [Step / section page name]
- [Nom du service] - 5. [Nom de la page de la section ou de l’étape]
- [Service name] - 6. [Step / section page name]
- [Nom du service] - 6. [Nom de la page de la section ou de l’étape]
- Exemples
-
Béta - Message d'erreur serveur État: Stable
Exemple de page d'erreur serveur.
Tous les exemples et info
- Exemples
- Documentations
-
Accueil État: Stable
Gabarit de la page d'accueil
Tous les exemples et info
- Exemples
- Documentations
-
Autre gabarit État: Stable
Gabarit inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier.
Tous les exemples et info
- Exemples
- Content page
- Page de contenu
- Fluid content page
- Page de contenu fluide
- Content page - Limited width content
- Page de contenu - Largeur de contenu limitée
- Content page - GCWeb 4.0.29 font stylee
- Page de contenu - Police de caractère de GCWeb 4.0.29
- Stay connected
- Restez branché
- [Theme title]
- [Titre du thème]
- Departments and agencies
- Ministères et organismes
- Promotional events page (Campaign?)
- Activité promotionel (Campagne?)
- Feedback form
- Formulaire de rétroaction
- [Audience name]
- [Public cible]
- Service initiation - Might deprecated
- Initiation de service - Probablement désuet
- Exemples
-
Index État: Stable
Gabarit d'index
Tous les exemples et info
- Exemples
- Documentations
-
Profil institutionel État: Stable
Gabarit à propos de page de profil institutionel
Tous les exemples et info
- Exemples
- [Institution Name]
- [Nom de l’institution]
- [Institution Name] - landing page (provisional)
- [Nom de l’institution] - Pages d'accueil (provisoire)
- Contact [Institution name]
- Coordonnées [nom de l’institution]
- [Institution] service performance reporting for fiscal year 2015 to 2016
- Compte rendu du rendement des services de [Nom de l’institution] pour l’exercice financier de 2015 à 2016
- arm’s length - [Institution Name]
- organisme indépendamment - [Nom de l’institution]
- Documents relié
- Exemples
-
Pages des lois et des règlements État: Stable
La collection des lois et règlements donne accès aux lois et règlements du gouvernement du Canada par l’intermédiaire de leur profil respectif.
Tous les exemples et info
-
Navigation locale État: Stable
Example de gabarit avec une navigation local
Tous les exemples et info
- Exemples
- [Topic - Local navigation]
- [Sujet - Navigation locale]
- Task 1
- Tache 1
- Sub task 1
- Sub Tache 1
- Sub task 2
- Sub Tache 2
- Sub task 3
- Sub Tache 3
- Sub task 4
- Sub Tache 4
- Sub task 5
- Sub Tache 5
- Sub task 6
- Sub Tache 6
- Sub task 7
- Sub Tache 7
- Task 2
- Tache 2
- Task 3
- Tache 2
- Sub task 1
- Sub Tache 1
- Sub task 2
- Sub Tache 2
- Sub sub task 1
- Sub sub Tache 1
- Sub sub task 2
- Sub sub Tache 2
- Sub task 3
- Sub Tache 3
- Task 4
- Tache 4
- Exemples
-
Profile ministriel État: Stable
Documentation et exemple de page Profile ministriel.
Tous les exemples et info
- Documentations
- Exemples
-
Nouvelles État: Stable
-
Profil organisationel État: Stable
Gabarit à propos de page de profil organisationel
Tous les exemples et info
-
Résultats de la recherche État: Stable
Gabarit pour les pages de recherche
Tous les exemples et info
- Exemples
- Documentations
- Référence d'implémentation
-
Message d'erreur serveur État: Stable
Exemple de page d'erreur serveur.
Tous les exemples et info
- Exemples
- We couldn't find that Web page (Error 404) - Canada.ca theme
- Nous ne pouvons trouver cette page Web (Erreur 404) - Thème Canada.ca
- We couldn't find that Web page (Error 404) - Canada.ca theme / Nous ne pouvons trouver cette page Web (Erreur 404) - Thème Canada.ca
- Nous ne pouvons trouver cette page Web (Erreur 404) - Thème Canada.ca / We couldn't find that Web page (Error 404) - Canada.ca theme
- Message title - Canada.ca theme
- Titre du message - Thème Canada.ca
- Message title - Canada.ca theme / Titre du message - Thème Canada.ca
- Titre du message - Thème Canada.ca / Message title - Canada.ca theme
- Exemples
-
Écran d'accueil - Canada.ca État: Stable
Exemple d'écran d'accueil
Tous les exemples et info
- Exemples
- Documentations
-
Thématique État: Provisionel
Variante de site afin d'appliquer une thématique
Tous les exemples et info
-
Béta - Thèmatique et sujet État: Provisionel
Gabarit béta du thèmatique et sujet
Tous les exemples et info
-
Sujet État: Stable
Exemples de page de sujets
Tous les exemples et info
Fonctionnalités spéciales
Méli-mélo
L'espace d'expérimentation que vous attendiez ! Les Méli-mélos permettent d'ajouter au thème de Canada.ca du nouveau code intéressant que vous considéreriez habituellement comme "personnalisé".
Thématiques promotionnelles
Avez-vous un ensemble de pages qui arborent un look original relié à une promotion spécifique ? Dans ce cas, essayez plutôt cet espace de thématiques promotionnelles.
Fonctionnalités globales et de sites
-
Archivé - Gabarit État: Stable
Fonctionalité globale inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier.
Tous les exemples et info
-
Authentification État: Stable
Documentation et example pratique sur l'utilisation du bouton de connexion contextuel.
Tous les exemples et info
- Documentations
- Exemples
- Contextual Sign in button
- Bouton contextuel « Se connecter »
- Contextual Sign in button with extended custom label
- Bouton contextuel « Se connecter » avec libellé personnalisé étendu
- Contextual Sign in button without custom labels
- Bouton contextuel « Se connecter » sans aucun libelés personnalisés
- Contextual Sign in button without the GCWeb Menu
- Bouton contextuel « Se connecter » sans le menu GCWeb
- Content page - Signed-Off pattern
- Page de contenu - Modèle de session fermée
- Content page - Signed-On pattern
- Page de contenu - Modèle de session ouverte
-
Fil d'arianne État: Stable
Documentation sur l'utilisation du fil d'arianne.
Tous les exemples et info
- Documentations
-
Signaler un problème (SUP) - Commentaires État: Stable
Documentation sur l'utilisation de formulaire de commentaires de page.
Tous les exemples et info
-
Pied de page État: Stable
Documentation et example pratique sur l'utilisation du pied de page.
Tous les exemples et info
- Documentations
- Exemples
- Hide 'Contextual' section from the footer
- Masquer la section 'Contextuel' du pied de page
- Hide 'About government' section from the footer
- Masquer la section 'Au sujet du gouvernement' du pied de page
- Hide some links from the 'Support links' section from the footer
- Masquer certains liens de la section 'Liens d'assistance' du pied de page
- Hide 'About government' section and some links from the 'Support links' section from the footer
- Masquer la section 'Au sujet du gouvernement' et certains liens de la section 'Liens d'assistance' du pied de page
- Hide 'Contextual' section and some links from the 'Support links' section from the footer
- Masquer la section 'Contextuel' et certains liens de la section 'Liens d'assitance' du pied de page
- Hide 'Contextual' and 'About government' sections from the footer
- Masquer les sections 'Contextuel' et 'Au sujet du gouvernement' du pied de page
- Hide 'Contextual' and 'About government' sections and some links from 'Support links' section from the footer
- Masquer les sections 'Contextuel' et 'Au sujet du gouvernement' ainsi que certains liens de la section 'Liens d'assistance' du pied de page
-
Menu GCWeb État: Stable
Documentation sur l'utilisation du menu GCWeb.
Tous les exemples et info
- Documentations
-
Entête État: Stable
Documentation sur l'utilisation de l'entête.
-
Outils d'aides État: Stable
Outils d'aides pour effectuer de la surchage sur les styles compiler
-
Lien pour changer de langue État: Stable
Documentation sur l'utilisation lien pour changer de langue.
Tous les exemples et info
- Documentations
-
Détails de la page État: Stable
Documentation sur l'utilisation de la section des détails de la page.
Tous les exemples et info
- Documentations
- Exemples
- Default page details
- Détails de la page par default
- Page details without 'Report a problem' and 'Share this page' buttons
- Détails de la page sans les boutons 'Signaler un problème' et 'Partager cette page'
- Page details without 'Report a problem' button
- Détails de la page sans le bouton 'Signaler un problème'
- Page details without 'Share this page' button
- Détails de la page sans le bouton 'Partager cette page'
- Page details v.1.0 (deprecated)
- Détails de la page version 1.0 (obsolète)
Autre documentation
Aperçu des fonctionnalités wet-boew avec le thème de Canada.ca
Aperçu des fonctionnalités wet-boew
Documentation du projet GCWeb
- GCWeb theme - Meta information
- Migration instruction - GCWeb theme V5
- Archived - Documentation - GCWeb English
- Archived - Releases English
- Skeleton - Static header/footer - Bootstrap 3
- Prototype skeleton - Static header/footer - Bootstrap 4
Évaluations et rapports
Implémenter / Développer
Implémenter GCWeb sur votre site
Guide d'implémentation pour le thème de Canada.ca avec la Boîte à outils de l'expérience web version 4.x.
Développer pour GCWeb
Rejoignez la communauté et commencez à créer, améliorer et réparer GCWeb, le thème de Canada.ca. Apprenez comment organiser votre environnement local.