FR2953311A1 - Procede de modification dynamique du rendu d'une page web. - Google Patents

Procede de modification dynamique du rendu d'une page web. Download PDF

Info

Publication number
FR2953311A1
FR2953311A1 FR0958557A FR0958557A FR2953311A1 FR 2953311 A1 FR2953311 A1 FR 2953311A1 FR 0958557 A FR0958557 A FR 0958557A FR 0958557 A FR0958557 A FR 0958557A FR 2953311 A1 FR2953311 A1 FR 2953311A1
Authority
FR
France
Prior art keywords
web page
application server
style data
style
javascript
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
FR0958557A
Other languages
English (en)
Other versions
FR2953311B1 (fr
Inventor
Jean-Noel Rivasseau
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
SHOOPZ
Original Assignee
SHOOPZ
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by SHOOPZ filed Critical SHOOPZ
Priority to FR0958557A priority Critical patent/FR2953311B1/fr
Priority to PCT/FR2010/052573 priority patent/WO2011067531A1/fr
Publication of FR2953311A1 publication Critical patent/FR2953311A1/fr
Application granted granted Critical
Publication of FR2953311B1 publication Critical patent/FR2953311B1/fr
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986Document structures and storage, e.g. HTML extensions

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

L'invention concerne un procédé pour modifier le rendu d'une page Web générée par un serveur cible et visualisée par un navigateur; lequel procédé comprend un mode d'édition accessible par un moteur JavaScript dans lequel : - on télécharge depuis un serveur applicatif vers le moteur JavaScript un module JavaScript d'édition apte à afficher une interface graphique de modification, le serveur applicatif étant un serveur distant accessible via un réseau de communication de type Internet ; - on analyse ladite page Web de façon à identifier des éléments de ladite page Web susceptibles d'être modifiés dans leur rendu ; - le serveur applicatif génère, grâce à une analyse de la structure HTML et des feuilles de style de la page Web d'origine, des données de style selon le langage CSS (« Cascading Style Sheets », feuilles de style en cascade) en réponse à des consignes d'un utilisateur via l'interface graphique de modification, ces données de style étant sauvegardées à distance; - on affiche des éléments modifiés dans ladite page Web conformément auxdites données de style.

Description

- 1- " Procédé de modification dynamique du rendu d'une page Web."
La présente invention se rapporte à un procédé de modification dynamique du rendu d'une page Web générée par un serveur cible. La méthode traditionnelle de réalisation d'un design Web pour un site Web fait intervenir la réalisation de maquettes sous forme d'images par un designer ou artiste Web. Puis, un intégrateur Web convertit ces maquettes dans des fichiers HTML, CSS et images correspondants qui sont ensuite io déployés sur le serveur hébergeant le site Web. Le CSS (« Cascading Style Sheets » en anglais, feuilles de style en cascade en français) est un langage informatique permettant la stylisation hors document. Cela permet de séparer le contenu d'un document de son rendu (style de présentation). On peut ainsi décrire la structure d'un 15 document en HTML puis sa présentation dans une feuille de style CSS séparée. Les styles sont appliqués au dernier moment dans un navigateur Web. Cette méthode permet une liberté totale mais n'est pas adaptée dans le cas où une entité développe des solutions automatiques, destinées par 20 exemple au grand public. Ainsi, dans le cas d'un moteur de blog, un blog est automatiquement créé lorsqu'un utilisateur s'inscrit. Comme cet utilisateur ne contrôle pas le serveur hébergeant le blog, il ne peut donc pas modifier le code CSS ou HTML de son blog. De plus, même s'il pouvait accéder au serveur hébergeant, la technicité des langages HTML et CSS ne permettrait 25 pas à la majorité des utilisateurs de réaliser convenablement des modifications.
On connaît des systèmes permettant de modifier le rendu d'une page Web au moyen de gabarits ou « templates » en anglais. L'utilisateur a le 30 choix parmi un catalogue de styles prédéfinis, et réalisés au préalable par des développeurs d'une solution globale intégrant le site Web. On connaît également des solutions globales intégrant le serveur hébergeant le site Web en question et permettant à l'utilisateur de choisir lui même certains éléments du design (par exemple taille de police, couleur du 35 texte, couleur de fond d'un élément...).
Cependant, de tels systèmes présentent des solutions où l'interface permettant de réaliser des modifications est complètement intégrée au serveur hébergeant le site Web en question. La solution reste donc très spécifique à chaque serveur de pages Web. Une autre limitation est le fait que les modifications possibles sont limitées à des modifications de base selon le langage CSS. La présente invention a pour objectif un procédé autorisant une personnalisation dynamique de pages Web, et pouvant s'appliquer à tout serveur cible générant une page Web avec une structure HTML. Un autre io objectif de l'invention est de permettre de manière simple une personnalisation très aboutie techniquement et riche en effets graphiques. On atteint au moins l'un des objectifs précités avec un procédé pour modifier le rendu d'une page Web générée par un serveur cible et visualisée par un navigateur ; lequel procédé comprend un mode d'édition dans lequel : 15 - on télécharge depuis un serveur applicatif vers un navigateur comprenant un moteur JavaScript un module JavaScript d'édition apte à afficher une interface graphique de modification, le serveur applicatif étant un serveur distant accessible via un réseau de communication de type Internet ; - on analyse ladite page Web de façon à identifier des éléments de 20 ladite page Web susceptibles d'être modifiés dans leur rendue ; - le serveur applicatif génère, grâce à une analyse de la structure HTML et des feuilles de style de la page Web d'origine, des données de style selon le langage CSS (« Cascading Style Sheets », feuilles de style en cascade) en réponse à des consignes d'un utilisateur via l'interface graphique de 25 modification, ces données de style étant sauvegardées à distance ; - on affiche des éléments modifiés dans ladite page Web conformément auxdites données de style.
Avec le procédé selon l'invention, on modifie de façon dynamique, en 30 temps réel, la présentation ou le rendu de la structure HTML d'une page Web sans modifier le code source de cette page Web, ce code source étant sauvegardé au sein du serveur cible. De cette façon, on n'altère pas la page Web originelle. Contrairement aux dispositifs de l'art antérieur, le procédé selon la présente invention permet à des utilisateurs, en mode d'édition, de 35 modifier une page Web selon leur inspiration, avec des possibilités infinies, sans jamais dénaturer le code source originel de cette page Web.
Par conséquent, il s'agit d'un système générique qui peut s'appliquer à tout serveur cible, il suffit que les pages Web et/ou ce serveur cible soient paramétrés pour faire appel au serveur application en mode d'édition et en mode de consultation.
En effet, selon un mode de mise en oeuvre avantageux de l'invention, le procédé comprend en outre un mode de consultation dans lequel, à chaque consultation de ladite page Web générée par le serveur cible, on télécharge et on applique depuis un serveur Web lesdites données de style de façon à afficher les éléments tels que modifiés lors du mode d'édition. De préférence, io on utilise un navigateur équipé d'un moteur JavaScript de telle sorte qu'à chaque consultation de ladite page Web, on télécharge depuis le serveur applicatif vers le moteur JavaScript un module JavaScript de consultation apte à appliquer lesdites données de style de façon à afficher les éléments tels que modifiés lors du mode d'édition. Il est également possible de 15 paramétrer le serveur cible pour se passer du module JavaScript de consultation en mode de consultation. Ainsi, le mode d'édition peut correspondre à un mode limité à certains utilisateurs, alors que le mode de consultation est ouvert à tout utilisateur. L'invention peut par exemple s'appliquer à la gestion d'un blog où le 20 propriétaire a accès au mode d'édition et les visiteurs au mode de consultation. Pour fournir l'accès au mode d'édition, on peut avantageusement prévoir que la page Web générée comporte un lien dynamique permettant d'accéder au mode d'édition après identification de l'utilisateur. C'est ce type de paramétrage qui peut être inséré dans toutes les 25 pages « modifiables » du serveur cible. Une page normale « modifiable » s'ouvrira par défaut en mode de consultation. Par ailleurs, pour une même page Web générée par le serveur cible, il peut exister différents rendus, différents styles de présentation, chaque style étant concrétisé par un fichier CSS. Le contenu du serveur cible générant la 30 page Web n'est pas modifié.
Le serveur de sauvegarde peut contenir des fichiers CSS pour différentes pages du serveur cible et différentes pages d'autres serveurs. 35 L'analyse de détection des éléments modifiables peut consister à : 2953311 - 4- - détecter la structure HTML, les attributs des tags HTML, et les données de style selon le langage CSS de tout ou partie de la page Web, - identifier les données de style prises en compte par le navigateur, et - identifier les éléments de la page Web susceptibles d'être modifiés 5 graphiquement, en fonction du résultat des deux étapes précédentes.
On peut ainsi parcourir toute la page Web et identifier les éléments susceptibles d'être modifiés graphiquement. Cela consiste notamment à décomposer la page Web selon sa structure HTML, ses feuilles de style et ses io images. Selon un autre mode avantageux de l'invention, on peut considérer uniquement les éléments de la page Web comportant un paramètre prédéfini par le serveur cible. Ce paramètre peut être un tag ou un symbole invisible pour le navigateur mais détectable par le module JavaScript d'édition et le serveur applicatif lors de l'analyse. Dans ce cas, la page Web générée par le 15 serveur cible comporte dès l'origine ces paramètres.
Avantageusement, pour que le navigateur tienne compte des modifications et les fasse apparaître, les données de style générées par le serveur applicatif comprennent des données de style prioritaires par rapport 20 à des données de style équivalentes de la page Web générée par le serveur cible. En d'autres termes, les données de style modifiant les éléments de la page Web sont prioritaires aux données de style d'origine.
Selon une caractéristique avantageuse de l'invention, la page Web 25 comprend des tags HTML supplémentaires dits tags de décoration destinés à permettre la réalisation d'effets graphiques complexes, non atteignables uniquement par des modifications de données CSS. Les données de style générées par le serveur applicatif peuvent comprendre des données de style aptes à modifier le rendu graphique de ces tags HTML de décoration. 30 Ces tags HTML de décoration peuvent comprendre des tags générés dès l'origine par le serveur cible et/ou des tags générés par le module JavaScript d'édition lors de l'analyse de la page Web en mode d'édition, et par le module JavaScript de consultation en mode de consultation. 35 Avec une telle réalisation, le procédé selon l'invention permet de créer des éléments graphiques inaccessibles uniquement par les feuilles de style selon le langage CSS. Pour ce faire, l'invention propose d'insérer par exemple des tags invisibles autour des éléments identifiés comme modifiables, puis de les activer en fonction des consignes de l'utilisateur. Cette activation peut consister à appliquer des données de style relatives à la mise en couleur ou à l'insertion d'une image pour le fond de ces tags initialement invisibles.
En d'autres termes, les tags HTML de décoration peuvent comprendre des tags invisibles que les données de style graphiques sont aptes à rendre visibles de façon à créer un effet graphique. On peut notamment envisager le io fait que les tags HTML de décoration soient des tags de type <DIV>, <SPAN>, <IMG>, ou autre.
Selon un autre mode de réalisation avantageux de l'invention, le procédé comprend en outre une étape en mode d'édition au cours de laquelle 15 le serveur applicatif : - génère des instructions de création d'éléments graphiques en temps réel en réponse à des consignes d'un utilisateur via l'interface de modification, - transmet ces instructions vers un moteur graphique qui génère ces 20 éléments graphiques sous la forme d'images au format PNG, GIF, JPEG ou SVG, - génère des données de style spécifiques ayant pour fonction d'activer l'affichage de ces éléments graphiques sur la page Web. Ce mode de réalisation permet de créer à la volée des images que l'on 25 peut insérer dans la page Web. Ces éléments graphiques peuvent comprendre au moins l'un des éléments parmi des bordures de toute forme, de toute couleur en mode dégradé ou non, avec ou sans effet d'ombre.
D'autres avantages et caractéristiques de l'invention apparaîtront à 30 l'examen de la description détaillée d'un mode de mise en ?uvre nullement limitatif, et des dessins annexés, sur lesquels : La figure 1 est une vue schématique illustrant l'appel d'un module JavaScript d'édition sur une page Web selon l'invention en mode d'édition ; La figure 2 est une vue schématique illustrant l'envoi des consignes de 35 modification vers le serveur applicatif selon l'invention en mode d'édition ; 5 La figure 3 est une vue schématique illustrant la mise en place des modifications selon l'invention en mode d'édition ; et La figure 4 est une vue schématique illustrant l'affichage de la page Web selon l'invention en mode de consultation ; Bien que l'invention n'y soit pas limitée, on voit décrire un exemple de réalisation du procédé selon l'invention appliqué à la modification d'un paragraphe sur une page Web à travers des figures schématiques où seuls quelques éléments principaux sont représentés d'une figure à l'autre. i0 La figure 1 est une vue schématique sur laquelle on distingue le serveur cible A produisant le code source d'une page Web F qui est accessible depuis un réseau de communication de type Internet au moyen d'un navigateur B équipé d'un moteur JavaScript C. Le navigateur B est celui d'un 15 utilisateur ayant par exemple été préalablement identifié au sein du serveur cible A. L'identification permet à l'utilisateur d'accéder au mode édition lors de l'accès à la page Web F. Plus précisément, lorsque l'utilisateur accède à la page Web F via son navigateur B, l'ouverture de cette page Web F, selon l'étape 1 de la figure 1, active un lien L vers un serveur applicatif D selon 20 l'étape 2 de la figure 1. Le serveur applicatif D est un serveur distant accessible via Internet. À l'étape 3, le serveur applicatif D transmet vers la page Web F un module JavaScript d'édition qui va être exécuté par le moteur JavaScript C.
25 Sur la figure 2, on voit que le module JavaScript d'édition a mis en place une interface graphique de modification H qui va permettre à l'utilisateur de modifier certains éléments de la page Web F. Le module JavaScript d'édition, avec l'aide du serveur applicatif, analyse et identifie les éléments de la page Web F susceptibles d'être modifiés selon l'invention. 30 Dans le cas présent, l'élément modifiable sur cette page Web F est le paragraphe P ainsi que le contour de ce paragraphe P. En fait, à partir du résultat de l'analyse, le module JavaScript d'édition a introduit des tags HTML supplémentaires mais invisibles, il s'agit de tags HTML de décoration qui sont très schématiquement représentés sur la figure 2 par les ensembles J. Avec 35 l'interface graphique de modification, l'utilisateur peut paramétrer et mettre en évidence tout ou partie de ces ensembles I de façon à constituer des éléments graphiques. Supposons que l'utilisateur souhaite modifier le paragraphe P écrit en gras vers une écriture en italique avec un contour tout autour de ce paragraphe P. Pour ce faire, il spécifie ces modifications au moyen notamment d'une souris via l'interface graphique de modification H.
Ce dernier, génère à étape 4 des consignes qui sont envoyées vers le serveur applicatif D. Ces consignes sont interprétées puis traitées de façon à générer à l'étape 5 des données de style qui sont sauvegardés au sein du serveur de sauvegarde E. Ces données de style sont des codes CSS comprenant des données de style relatives à la police du paragraphe P, ainsi que des données io de style permettant de « remplir » les tags HTML J de façon à constituer un élément graphique. Le serveur de sauvegarde E renferme donc une information sur les tags HTML introduits par le module JavaScript d'édition et qui sont paramétrés. D'une façon générale, la génération des données de style par le 15 serveur applicatif peut se faire au moyen d'une analyse de génération au cours de laquelle le serveur applicatif utilise les feuilles de style d'origine de la page Web ainsi que la structure HTML transmises par le module d'édition de façon à : - identifier quelles sont les parties des feuilles de style d'origine et/ou 20 de la structure HTML qui doivent être modifiées en fonction des consignes de l'utilisateur, - élaborer des données de style aptes à permettre ces modifications, en tenant compte de la structure HTML et des feuilles de style d'origine, et - affecter à ces données de style une priorité qui est supérieure aux 25 feuilles de style d'origine. En mode d'édition, au moins une partie des analyses de détection et/ou de génération est réalisée par le serveur applicatif. De préférence, tout ou une grande partie de cette analyse est réalisée par le serveur applicatif. Cela permet de mettre à profit toute la puissance disponible du serveur applicatif 30 pour mener à bien une analyse poussée et approfondie. Mais on peut également envisager qu'au moins une partie des analyses de détection et/ou de génération est réalisée par le module JavaScript d'édition.
En complément de ce qui précède, lorsque les consignes de l'utilisateur 35 nécessitent la création d'une image graphique, le serveur applicatif D crée de façon dynamique des instructions qu'il envoie à l'étape 51 vers un moteur graphique G. Ce dernier génère une image graphique qui est ensuite envoyée vers le serveur de sauvegarde E à l'étape 52 sous le format PNG, JPEG ou SVG. Sur la figure 3, on voit qu'à l'étape 6 les données de style relatives à la police du paragraphe P sont transmises depuis le serveur de sauvegarde E vers la page Web F. Ces données de style ou codes CSS possèdent une priorité qui est supérieure à la priorité des codes CSS d'origine pour le paragraphe P. De cette façon, le navigateur applique les données de style permettant d'afficher le paragraphe P en italique et non en gras comme à io l'origine. A l'étape 7, on transmet depuis le serveur de sauvegarde E vers la page Web F des données de style permettant de « remplir » les tags HTML J de façon à constituer un contour avec des bords arrondis tout autour du paragraphe P. 15 De préférence, les étapes 6 et 7 sont réalisées simultanément.
A l'étape 53, on transmet depuis le serveur de sauvegarde E vers la page Web F l'image I qui a été élaborée à la volée par le moteur graphique G. Il peut avantageusement s'agir d'une image représentant un bord arrondi. 20 La figure 4 représente l'affichage de la page Web en mode consultation selon l'invention. Dans ce mode de consultation, l'utilisateur n'étant pas identifié, le lien L fait appel au module JavaScript de consultation et non au module JavaScript d'édition. 25 A l'étape 8, le serveur cible génère la page Web F qui est identique à la page Web générée lors de l'étape 1. Mais lors de l'affichage de cette page Web F, le lien L fait appel à l'étape 9 au serveur applicatif D qui transmet à l'étape 10 un module JavaScript de consultation. Ce module JavaScript de consultation génère des tags HTML J comme sur la figure 2, puis accède au 30 serveur de sauvegarde E de façon à télécharger puis appliquer les données de style conformément aux étapes 6, 7 et 53 de la figure 3 relative au mode d'édition. L'utilisateur observe donc de façon quasi instantanée une page Web F modifiée conformément aux consignes en mode d'édition. Cette modification est faite sans modification du code source de la page Web au 35 sein du serveur cible.
Le serveur applicatif et le serveur de sauvegarde peuvent servir pour d'autres pages Web du serveur cible, mais également pour d'autres pages Web d'autres serveurs. A la place d'un serveur applicatif et d'un serveur de sauvegarde, on 5 peut prévoir un seul serveur applicatif qui sauvegarde également l'ensemble des données de style.
Bien sûr, l'invention n'est pas limitée aux exemples qui viennent d'être décrits et de nombreux aménagements peuvent être apportés à ces exemples io sans sortir du cadre de l'invention. On peut envisager différents processus permettant d'accéder au mode d'édition. On peut par ailleurs prévoir un serveur applicatif scindé en deux serveurs, un premier pour distribuer des modules JavaScript, et un second pour générer les données de style.

Claims (16)

  1. REVENDICATIONS1. Procédé pour modifier le rendu d'une page Web générée par un serveur cible et visualisée par un navigateur; lequel procédé comprend un mode d'édition dans lequel : - on télécharge depuis un serveur applicatif vers un moteur JavaScript un module JavaScript d'édition apte à afficher une interface graphique de modification, le serveur applicatif étant un serveur distant accessible via un réseau de communication de type Internet ; io - on analyse ladite page Web de façon à identifier des éléments de ladite page Web susceptibles d'être modifiés dans leur rendu ; - le serveur applicatif génère, grâce à une analyse de la structure HTML et des feuilles de style de la page Web d'origine, des données de style selon le langage CSS (« Cascading Style Sheets », feuilles de style en cascade) en 15 réponse à des consignes d'un utilisateur via l'interface graphique de modification, ces données de style étant sauvegardées à distance; - on affiche des éléments modifiés dans ladite page Web conformément auxdites données de style. 20
  2. 2. Procédé selon la revendication 1, caractérisé en ce qu'il comprend en outre un mode de consultation dans lequel, à chaque consultation de ladite page Web générée par le serveur cible, on télécharge et on applique depuis le serveur applicatif lesdites données de style de façon à afficher les éléments tels que modifiés lors du mode d'édition. 25
  3. 3. Procédé selon la revendication 2, caractérisé en ce qu'on utilise un navigateur équipé d'un moteur JavaScript de telle sorte qu'à chaque consultation de ladite page Web, on télécharge depuis le serveur applicatif vers le moteur JavaScript un module JavaScript de consultation apte à 30 appliquer lesdites données de style de façon à afficher les éléments tels que modifiés lors du mode d'édition.
  4. 4. Procédé selon l'une quelconque des revendications précédentes, caractérisé en ce que l'analyse de détection consiste à : 35 - détecter la structure HTML, les attributs des tags HTML, et les données de style selon le langage CSS de tout ou partie de la page Web, 11 - identifier les données de style prises en compte par le navigateur, et - identifier les éléments de la page Web susceptibles d'être modifiés graphiquement, en fonction du résultat des deux étapes précédentes.
  5. 5. Procédé selon l'une quelconque des revendications précédentes, caractérisé en ce qu'au cours de l'analyse de détection, on considère uniquement les éléments de la page Web comportant un paramètre prédéfini par le serveur cible. io
  6. 6. Procédé selon l'une quelconque des revendications précédentes, caractérisé en ce que lors de la génération des données de style par le serveur applicatif, on réalise une analyse de génération au cours de laquelle le serveur applicatif utilise les feuilles de style d'origine de la page Web ainsi que la structure HTML transmises par le module d'édition de façon à : 15 - identifier quelles sont les parties des feuilles de style d'origine et/ou de la structure HTML qui doivent être modifiées en fonction des consignes de l'utilisateur, - élaborer des données de style aptes à permettre ces modifications, en tenant compte de la structure HTML et des feuilles de style d'origine, et 20 - affecter à ces données de style une priorité qui est supérieure aux feuilles de style d'origine.
  7. 7. Procédé selon la revendication 6, caractérisé en ce qu'au moins une partie des analyses de détection et/ou de génération est réalisée par le serveur 25 applicatif.
  8. 8. Procédé selon l'une quelconque des revendications précédentes, caractérisé en ce qu'au moins une partie des analyses de détection et/ou de génération est réalisée par le module JavaScript d'édition. 30
  9. 9. Procédé selon l'une quelconque des revendications précédentes, caractérisé en ce que la page Web comprend des tags HTML supplémentaires dits tags de décoration destinés à permettre la réalisation d'effets graphiques complexes, non atteignables uniquement par des modifications de données 35 CSS. 12
  10. 10. Procédé selon la revendication 9, caractérisé en ce que les tags HTML de décoration comprennent des tags générés dès l'origine par le serveur cible.
  11. 11. Procédé selon les revendications 9 ou 10, et 2, caractérisé en ce que les tags HTML de décoration comprennent des tags générés par le module JavaScript d'édition lors de l'analyse de la page Web en mode d'édition, et par le module JavaScript de consultation en mode de consultation.
  12. 12. Procédé selon l'une quelconque des revendications 9-11, caractérisé en ce io que les données de style générées par le serveur applicatif comprennent des données de style aptes à modifier le rendu graphique des tags HTML de décoration.
  13. 13. Procédé selon l'une quelconque des revendications 9-12, caractérisé en ce 15 que les tags HTML de décoration comprennent des tags invisibles que les données de style graphiques sont aptes à rendre visibles de façon à créer un effet graphique.
  14. 14. Procédé selon l'une quelconque des revendications 9-11, caractérisé en ce 20 que les tags HTML de décoration comprennent des tags de type <DIV>, <SPAN> ou <IMG>.
  15. 15. Procédé selon l'une quelconque des revendications précédentes, caractérisé en ce qu'il comprend en outre une étape en mode d'édition au 25 cours de laquelle le serveur applicatif : - génère des instructions de création d'éléments graphiques en temps réel en réponse à des consignes d'un utilisateur via l'interface de modification, - transmet ces instructions vers un moteur graphique qui génère ces éléments graphiques sous la forme d'images au format PNG, GIF, JPEG ou 30 SVG, - génère des données de style spécifiques ayant pour fonction d'activer l'affichage de ces éléments graphiques sur la page Web.
  16. 16. Procédé selon la revendication 15, caractérisé en ce que les éléments 35 graphiques comprennent au moins l'un des éléments parmi des bordures detoute forme, de toute couleur en mode dégradé ou non, avec ou sans effet d'ombre.
FR0958557A 2009-12-01 2009-12-01 Procede de modification dynamique du rendu d'une page web. Active FR2953311B1 (fr)

Priority Applications (2)

Application Number Priority Date Filing Date Title
FR0958557A FR2953311B1 (fr) 2009-12-01 2009-12-01 Procede de modification dynamique du rendu d'une page web.
PCT/FR2010/052573 WO2011067531A1 (fr) 2009-12-01 2010-11-30 Procede de modification dynamique du rendu d'une page web

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
FR0958557A FR2953311B1 (fr) 2009-12-01 2009-12-01 Procede de modification dynamique du rendu d'une page web.
FR0958557 2009-12-01

Publications (2)

Publication Number Publication Date
FR2953311A1 true FR2953311A1 (fr) 2011-06-03
FR2953311B1 FR2953311B1 (fr) 2018-02-09

Family

ID=42106085

Family Applications (1)

Application Number Title Priority Date Filing Date
FR0958557A Active FR2953311B1 (fr) 2009-12-01 2009-12-01 Procede de modification dynamique du rendu d'une page web.

Country Status (2)

Country Link
FR (1) FR2953311B1 (fr)
WO (1) WO2011067531A1 (fr)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112130853A (zh) * 2020-08-25 2020-12-25 北京思特奇信息技术股份有限公司 一种实现前端h5业务能力开放的方法及系统
CN113868565A (zh) * 2021-09-23 2021-12-31 深圳市腾讯网域计算机网络有限公司 皮肤样式的文件编辑方法及装置
CN113868565B (zh) * 2021-09-23 2024-05-24 深圳市腾讯网域计算机网络有限公司 皮肤样式的文件编辑方法及装置

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103064849B (zh) * 2011-10-19 2017-04-12 深圳市世纪光速信息技术有限公司 一种层叠样式表处理方法和装置
CN103595742B (zh) * 2012-08-14 2017-01-18 阿里巴巴集团控股有限公司 调试网页css的方法及装置
US11068643B2 (en) * 2019-02-08 2021-07-20 Oracle International Corporation Client-side customization and rendering of web content
CN112364281A (zh) * 2020-10-30 2021-02-12 深圳点猫科技有限公司 一种基于浏览器的网页编辑可视化实现方法、装置及设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060161841A1 (en) * 2004-12-02 2006-07-20 Yoshio Horiuchi Web page authoring apparatus, web page authoring method, and program
US20080141116A1 (en) * 2006-12-06 2008-06-12 Microsoft Corporation Editing web pages via a web browser

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060161841A1 (en) * 2004-12-02 2006-07-20 Yoshio Horiuchi Web page authoring apparatus, web page authoring method, and program
US20080141116A1 (en) * 2006-12-06 2008-06-12 Microsoft Corporation Editing web pages via a web browser

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
REES M J: "Implementing Responsive Lightweight In-Page Editing", 2000, AusWeb2K - The Sixth Australian World Wide Web Conference, Rihga Colonial Club Resort, Cairns., pages 1 - 15, XP002579885, Retrieved from the Internet <URL:http://web.archive.org/web/20010412091926/http://ausweb.scu.edu.au/aw2k/papers/rees/paper.html> [retrieved on 20100427] *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112130853A (zh) * 2020-08-25 2020-12-25 北京思特奇信息技术股份有限公司 一种实现前端h5业务能力开放的方法及系统
CN112130853B (zh) * 2020-08-25 2024-02-02 北京思特奇信息技术股份有限公司 一种实现前端h5业务能力开放的方法及系统
CN113868565A (zh) * 2021-09-23 2021-12-31 深圳市腾讯网域计算机网络有限公司 皮肤样式的文件编辑方法及装置
CN113868565B (zh) * 2021-09-23 2024-05-24 深圳市腾讯网域计算机网络有限公司 皮肤样式的文件编辑方法及装置

Also Published As

Publication number Publication date
FR2953311B1 (fr) 2018-02-09
WO2011067531A1 (fr) 2011-06-09

Similar Documents

Publication Publication Date Title
AU2017210597B2 (en) System and method for the online editing of pdf documents
US20120259964A1 (en) Cloud computing method capable of hiding real file paths
WO2014100582A2 (fr) Prise en charge de polices de caractères en couleurs
US20150309993A1 (en) Agile Enterprise Globalization
US20050229101A1 (en) Remote web site editing in a web browser without external client software
FR2953311A1 (fr) Procede de modification dynamique du rendu d&#39;une page web.
US20180101974A1 (en) Portable typelet file
FR2980605A1 (fr) Procede de restitution d&#39;une representation d&#39;un document web annote, programme d&#39;ordinateur et dispositif electronique associes
WO2007051784A1 (fr) Procede d&#39;optimisation de rendu d&#39;une scene multimedia, programme, signal, support de donnees, terminal et procede de reception correspondants
FR2861935A1 (fr) Procede et systeme de diffusion de documents vers des terminaux disposant de capacites d&#39;affichage limitees, tels que des terminaux mobiles
WO2008095800A1 (fr) Procede de transmission d&#39;au moins un contenu representatif d&#39;un service, depuis un serveur vers un terminal, dispositif et produit programme d&#39;ordinateur correspondants
EP1710715A1 (fr) Méthode dynamique de rendu visuel de fenetres d&#39;affichage et de saisie de données sur un écran d&#39;ordinateur
EP2219113B1 (fr) Procédé d&#39;affichage, dispositif et produit programme d&#39;ordinateur correspondant
FR2860315A1 (fr) Procede et dispositif d&#39;edition de documents graphiques numeriques du type svg notamment a partir d&#39;un butineur
US20120268795A1 (en) Web Widget Fir Formatting Web Content
FR2800888A1 (fr) Methode et systeme pour permettre aux utilisateur de selectionner un modele a partir d&#39;un serveur web
EP1194868B1 (fr) Methode et systeme de creation de documents electroniques - auto-publiants et adaptatifs
WO2001009763A1 (fr) Procede et systeme de creation, de gestion et de consultation de sites web
EP1494116A1 (fr) Procédé et dispositif pour l&#39;interfaçage graphique
US11868701B1 (en) Template for creating content item
EP3262536B1 (fr) Procédé de téléchargement accéléré d&#39;une page web vers un terminal de communication
FR2913276A1 (fr) Procede et dispositif de communication.
Mendes et al. A review of the widget landscape and incompatibilities between widget engines
Karlins HTML5 & CSS3 for dummies
EP1458135B1 (fr) Procédé de test de l&#39;état de connexion entre un client et un serveur sur un réseau numérique

Legal Events

Date Code Title Description
PLFP Fee payment

Year of fee payment: 7

PLFP Fee payment

Year of fee payment: 8

PLFP Fee payment

Year of fee payment: 9

PLFP Fee payment

Year of fee payment: 11

PLFP Fee payment

Year of fee payment: 12

PLFP Fee payment

Year of fee payment: 13

PLFP Fee payment

Year of fee payment: 14

PLFP Fee payment

Year of fee payment: 15