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 de téléchargement État: Stable
Lien de téléchargement avec des styles personalisés.
Tous les exemples et info
- Exemples
-
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
- Exemples
- Index page
- Page d'introduction
- Section page
- Page de section
- Sub-section page (default)
- Page de sous-section (par défaut)
- Sub-section page (no line)
- Page de sous-section (sans ligne)
- Section page with custom subtitle
- Page de section avec sous-titre personnalisé
- Section page with related information
- Page de section avec information additionnelle
- Section page with bad AEM implementation
- Exemple de page de section avec mauvaise implémentation dans AEM
- Documentations
- Exemples
-
Tableaux GC État: Provisionel
Tableau simple responsive pour le GC
-
Table des matières État: Stable
Table des matières pour naviguer vers les sous-sections de la page
Tous les exemples et info
-
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
-
Étiquettes État: Stable
Étiquettes comprenant tous les différents états.
Tous les exemples et info
- 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
Exemple de page générique.
Tous les exemples et info
- Documentations
- Exemples
-
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
Composantes primaires pour le thème de Canada.ca
-
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
- Active user session
- Session utilisateur active
-
Fil d'Ariane État: Stable
Documentation sur l'utilisation du fil d'arianne.
Tous les exemples et info
- Documentations
-
Zone de rétroaction État: Stable
Documentation sur l'utilisation des éléments de la zone commentaires.
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
- Footer
- Pied de page complet
- Main footer band and sub-footer band
- Bande principale et bande sous pied de page
- Contextual band and sub-footer band
- Bande contextuelle et bande sous pied de page
- Hide optional links from the sub-footer band
- Masquer les liens optionnels de la bande sous le pied de page
- Contextual band and sub-footer band with no optional links
- Bande contextuelle et bande sous pied de page sans les liens facultatifs
- Bande principale et bande sous pied de page sans les liens facultatifs
- Masquer la bande contextuelle et les liens optionnels de la bande sous le pied de page du pied de page
- Sub-footer band only
- Bande sous pied de page uniquement
- Sub-footer band only, with no optional links
- Bande sous pied de page uniquement sans les liens facultatifs
- Customize 'Terms and conditions' and 'Privacy' links in footer
- Personnaliser les liens 'Avis' et 'Confidentialité' dans le pied de page
- Contextual band and link variations
- Bande contextuelle et des variations de lien
- Groupe inconnu
-
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)
-
Liens de saut de page État: Stable
Documentation et example pratique sur l'utilisation des liens de saut de page.
Tous les exemples et info
- Documentations
Composantes communes
-
Alertes État: Stable
Alertes avec des styles personalisés.
-
Couleur (Premier plan/Arrière-plan) État: Stable
Page de couleurs comprenant des exemples de travail pour tester la façon dont divers textes apparaissent sur différents arrière-plans.
Tous les exemples et info
- Documentations
-
Listes État: Stable
Example de toutes les possibles variantes de personnalisation de liste.
Tous les exemples et info
- Exemples
-
Échafaudage État: Stable
Les éléments HTML utilisé tel quel.
Tous les exemples et info
- Exemples
-
Les Tables État: Stable
Tableaux avec des styles personalisés.
Autre documentation
Fonctionnalités BOEW avec le thème de Canada.ca
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.
Détails de la page
- Date de modification :