SYSTEM AND METHOD FOR PROVIDING RESPONSIVE EDITING AND DISPLAY OBTAINED BY INTEGRATING HIERARCHICAL FLUID COMPONENTS AND DYNAMIC LAYOUT

To provide a website building system.SOLUTION: A website building system has: a processor; a database storing the layout of website pages including fluid components, breakpoint ranges for multiple viewport sizes, dynamic layout rules and responsive editing rules for editing the fluid components; and a responsive editing module. The responsive editing module includes a rule engine to provide layout decision for a website built according to the dynamic layout rules and the responsive editing rules associated with an input trigger, a responsive editor to receive the input trigger and the size of a current viewport, and to generate an updated fluid responsive design layout for the current viewport according to the layout decision, and a CSS generator to map the features of the updated fluid responsive design layout design into a smart CSS for the current viewport.SELECTED DRAWING: Figure 4 【課題】ウェブサイト構築システムを提供する。【解決手段】プロセッサと、流動コンポーネント、複数のビューポートサイズ用のブレークポイント範囲、動的レイアウトルール、流動コンポーネントを編集するための応答編集ルールを含むウェブサイトページのレイアウトを格納するデータベースと、応答編集モジュールと、を有するウェブサイト構築システムにおいて、応答編集モジュールは、入力トリガに関連付けられた、動的レイアウトルール及び応答編集ルールに応じて構築されるウェブサイトのレイアウト決定を提供するルールエンジンと、入力トリガ及び現在のビューポートの大きさを受信し、レイアウト決定に応じて現在のビューポート用の更新流動応答デザインレイアウトを生成する応答エディタと、更新流動応答デザインレイアウトのデザインの特徴を現在のビューポート用のスマートＣＳＳにマッピングするＣＳＳジェネレータと、を含む。【選択図】図４