JP2005196642A - Web page creating system and its method - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a web page creating system for easily understandably editing an arranging structure of an item. <P>SOLUTION: An arranging structure setting means 101 sets the arranging structure of the item for constituting a web page. An arranging structure data generating means 103 generates arranging structure data. A display content setting means 107 sets the display content of the item for constituting the web page. A display content data generating means 109 generates display content data. A data transmitting means 111 transmits the arranging structure data and the display content data to a server device 3. An arranging structure setting screen generating means 113 generates an arranging structure setting screen. An arranging structure setting update means 115 updates the arranging structure setting screen. A display content setting screen generating means 117 generates a display content setting screen. An item data updating means 121 updates item data by receiving the arranging structure data and the display content data. A web page generating means 123 generates the web page. <P>COPYRIGHT: (C)2005,JPO&NCIPI

Description

  The present invention relates to a web page creation system for creating a web page by setting data related to item objects constituting the web page.

  Conventionally, when creating a web page, the HTML source code is directly edited using a text editor, or the source code is created based on a screen visually edited in the HTML editor.

  However, when describing source code, knowledge of HTML is required, and when editing visually, an HTML editor is required.

  In order to solve such a problem, a system is known in which a management table on a server in which HTML data is recorded is directly edited using a browser, and a web page is created based on the management table (for example, Patent Documents). 1.).

JP 2000-2559531 A

  However, in the above-described system or the like, it is difficult to edit a web page by understanding the arrangement structure of items constituting HTML.

  For example, in order to improve the appearance of content in a web page, it may be desired to create a nested structure of tables by further nesting table tags in table tags.

  When such a nested structure exists, there is a problem that the relationship between the <TABEL> tags becomes very complicated and it is difficult to edit the source code.

  Also, in the editing screen of the HTML editor, as the table nesting structure becomes more complicated, it may become difficult to distinguish between the display of the content arranged in the table and the display of the table border, making editing difficult. There was a problem of becoming.

  Further, even in a system that directly edits a management table on a server in which HTML data is hierarchically recorded using a browser (for example, Patent Document 1), since HTML data is edited using a spreadsheet, nesting of tables is performed. The structure must also be edited in a spreadsheet, which can be difficult to edit.

  The present invention has been made to solve the above-described problems, and an object of the present invention is to provide a web page creation system in which the arrangement structure of items constituting a web page is easy to understand and edit.

(1)-(7) (19) (20)
A terminal device that transmits data related to item objects constituting a web page to a server device, and a server device that is provided so as to be communicable with the terminal device and that generates a web page based on data received from the terminal device. A web page creation system,
The terminal device
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, display content setting means for setting the display content of the item object;
(d) display content data generation means for generating display content data based on the display content of the set item object;
(e) a data transmission means for transmitting the generated arrangement structure data and the display content data to the server device;
The server device
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generating means for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) item data updating means for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) web page generating means for generating a web page based on the item data recorded in the recording unit;
It is characterized by having.

  Therefore, the user can set the arrangement structure of the item objects constituting the web page and the display contents thereof on different screens. Thereby, the user can create a web page while understanding the arrangement structure of items to be displayed on the web page.

(8) In the system, apparatus or program according to the present invention,
The arrangement structure setting screen generation means is characterized in that the item object is simply displayed using the item control cell and the item identification cell.

  Accordingly, it is possible to operate the item control cell to control the arrangement structure of the item object, and it is possible to identify the display content of the item object by using the item identification cell. Thereby, the visibility and operability of the item object can be improved on the arrangement structure setting screen.

(9) In the system, apparatus or program according to the present invention,
The arrangement structure setting screen generation means is characterized in that when the attribute of the item object is a table, a ruled line indicating the table is displayed instead of the item identification cell.

  Therefore, it is possible to easily understand the ruled lines indicating the frame of the table on the web page on the arrangement structure setting screen. Thereby, it is possible to visually recognize the arrangement structure of the table and set the item object.

(10) In the system, apparatus or program according to the present invention,
The arrangement structure setting screen generating means is characterized in that when there is an item object indicating a table inside the ruled line of the table, the ruled line indicating the table is displayed in a nested structure.

  Therefore, even when a plurality of table item objects are included, the relationship between the plurality of item objects can be easily understood without complicating the layout structure screen.

(11) In the system, apparatus or program according to the present invention,
The arrangement structure setting screen generation means is characterized in that a predetermined icon corresponding to the type of item object is displayed in the item control cell.

  Therefore, the type of item object can be easily recognized on the arrangement structure setting screen.

(12) In the system, apparatus or program according to the present invention,
The arrangement structure setting screen generation means is characterized in that the identification name given to the item object is displayed in the item identification cell.

  Therefore, the item object can be easily identified on the arrangement structure setting screen.

(13) In the system, apparatus or program according to the present invention,
The arrangement structure setting screen generation means displays at least one item object whose type of item object is not determined.

  Therefore, it is not necessary to insert a new item object on the arrangement structure setting screen. Thereby, the work efficiency at the time of setting an arrangement structure can be improved.

(14) In the system, apparatus or program according to the present invention,
The item data update means records the item object ID of the target item object in association with the item object ID assigned to the item object in the table including the target item object.

  Therefore, it is possible to easily extract the item object linked to the item object in the table on the arrangement structure setting screen. Thereby, an arrangement structure can be set for each item object in the table, and work efficiency can be improved. For example, an item object arranged in a table frame can be handled in conjunction with the item object in the table.

(15) In the system, apparatus or program according to the present invention,
The item data update means corresponds to the item object ID assigned to the target item object with row number data and column number data indicating the position of the target item object in the item object of the table including the target item object. It is characterized by being attached and recorded.

  Therefore, the position of the item object positioned inside the frame of the table item object can be acquired within the frame of the table.

(16) In the system, apparatus or program according to the present invention,
The display content setting means includes a preview screen generation means for generating and displaying a preview screen of the item object based on the display content of the item object set on the display content setting screen.

  Therefore, when the display content is set, the display state of the item object being set on the web page can be immediately confirmed. As a result, it is not necessary to open the HTML source code with a browser, and work efficiency can be improved.

(17) The data structure according to this invention is
A data structure of an item object that is a component of a web page,
(a) Item object ID assigned to each target item object;
(b) an item object ID assigned to an item object in the table including the target item object;
(c) row number data and column number data indicating the position of the target item object in the item object of the table;
(d) display content data for displaying the target item object on a web page;
It is characterized by having.

  Therefore, in addition to the display content data of the target item object, the item object of the table linked to the target item object and the position information of the target item object in the item object of the target table in one record Can be managed for each.

(18) (21) In the system according to the present invention,
The terminal device
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(e) a data transmission means for transmitting the generated arrangement structure data to the server device;
The server device
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(h) item data update means for updating item data recorded for each item object based on the arrangement structure data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data;
(j) web page generating means for generating a web page based on the item data recorded in the recording unit;
It is characterized by having.

  Accordingly, even when an operation for changing only the arrangement structure data is performed, the process can be appropriately executed. Thereby, the user can perform a process of operating only a predetermined item object based on the arrangement structure data given in advance by a template or the like.

  Embodiments of the present invention will be described below with reference to the drawings.

1. First Embodiment 1-1. Functional Block Diagram FIG. 1 shows a functional block diagram of a web page creation system according to the present invention.

1-1-1. In FIG. 1, a terminal device 1 according to the present invention includes an arrangement structure setting unit 101, an arrangement structure data generation unit 103, a display unit 105, a display content setting unit 107, a display content data generation unit 109, and a data transmission unit 111. I have.

  The arrangement structure setting unit 101 sets the arrangement structure of the item objects constituting the web page based on a user operation on the arrangement structure setting screen displayed on the display unit 105. The arrangement structure data generation unit 103 generates arrangement structure data based on the arrangement structure set by the arrangement structure setting unit 101.

  The display unit 105 displays the arrangement structure setting screen received from the arrangement structure setting screen generation unit 113 of the server device 3 and the display content setting screen received from the display content setting screen generation unit 117 of the server device 3.

  The display content setting means 107 sets the display content of the item objects constituting the web page based on the user operation on the display content setting screen displayed on the display unit 105. The display content data generation unit 109 generates display content data based on the display content set by the display content setting unit 107.

  The data transmission unit 111 transmits the arrangement structure data received from the arrangement structure data generation unit 103 or the display content data received from the display content data generation unit 109 to the server device 3.

1-1-2. 1, the server apparatus 3 according to the present invention includes an arrangement structure setting screen generation unit 113, an arrangement structure setting screen update unit 115, a display content setting screen generation unit 117, a recording unit 119, an item data update unit 121, a web A page generation unit 123 is provided.

  The arrangement structure setting screen generation unit 113 generates an arrangement structure setting screen based on the arrangement structure data in the item data recorded in the recording unit 119 and displays it on the display unit 105 of the terminal device 1.

  When the arrangement structure data in the item data recorded in the recording unit 119 is updated, the arrangement structure setting update unit 115 gives a screen update command to the arrangement structure setting screen generation unit 113.

  The display content setting screen generation unit 117 generates a display content setting screen based on the display content data in the item data recorded in the recording unit 119 and displays it on the display unit 105 of the terminal device 1. If there is no target item data, a display content setting screen is generated based on the default value of the selected item type.

  The recording unit 119 records data for each item object as the item data 110. Also, HTML data for displaying the web page generated by the following web page generation means 123 is recorded as the web page 130.

  The item data update unit 121 updates the item data 110 recorded in the recording unit 119 based on the arrangement structure data and the display content data received from the terminal device 1.

  The web page generation unit 123 generates HTML data based on the item data 110 recorded in the recording unit 119 and records it in the web page 130 of the recording unit 119.

1-2. Hardware Configuration FIG. 2 shows an example of a hardware configuration in which the terminal device 1 and the server device 3 constituting the web page creation system shown in FIG. 1 are realized using CPUs.

1-2-1. Terminal Device The terminal device 1 includes a display 201, a CPU 203, a memory 205, a keyboard / mouse 207, a hard disk 209, a CD-ROM drive 211, and a communication circuit 215. The memory 205 has an arrangement structure work area 2051 and a display content work area 2053.

  The hard disk 209 records a browser program 2091 for performing web page creation processing according to the present invention, which is obtained by reading data recorded on the CD-ROM 212 via the CD-ROM drive 211 and installing it. It is.

  Note that the installation may be performed using data downloaded from the network 216 or the like using the communication circuit 215.

  The display unit 105 is mainly realized by the display 201. The arrangement structure setting unit 101, the arrangement structure data generation unit 103, the display content setting unit 107, the display content data generation unit 109, and the data transmission unit 111 are realized mainly by a browser program 2091 recorded in the hard disk 209.

1-2-2. Server Device The server device 3 includes a display 301, a CPU 303, a memory 305, a keyboard / mouse 307, a hard disk 309, a CD-ROM drive 311, and a communication circuit 315. The memory 305 has an arrangement structure setting screen buffer 3051 and a display content setting screen buffer 3053.

  The hard disk 309 stores a web page creation program 3091 for performing web page creation processing according to the present invention, the item data 110, the web page 130, and the like. The web page creation program 3091 reads and installs data recorded on the CD-ROM 312 via the CD-ROM drive 311. Note that the installation may be performed using data downloaded from the network 316 or the like using the communication circuit 315.

  The recording unit 119 is mainly realized by the hard disk 309. The arrangement structure setting screen generation unit 113, the arrangement structure setting screen update unit 115, the display content setting screen generation unit 117, the item data update unit 121, and the web page generation unit 123 mainly include a web page creation program 3091 recorded in the hard disk 309. It is realized by.

1-3. Overview of Processing FIG. 1a shows an overview of processing according to the present invention. The terminal device 1 displays an arrangement structure setting screen 11 for setting an arrangement structure of item objects constituting the web page.

  When an item object 12 is selected by a user operation on the arrangement structure setting screen 11 and a predetermined processing button (create button, change button, insert button, delete button, copy button, move button, etc.) is pressed, the item object 12 is selected. Arrangement structure data including an item ID and a processing category is transmitted to the server device 3.

1-3-1. Creation or Change When the creation button or the change button is pressed on the arrangement structure setting screen 11, the server device 3 searches the item data based on the received item ID, and the item related to the item ID based on the item data 110. A display content setting screen 13 for setting the display content of the object 12 is transmitted to the terminal device 1.

  In the item data 110, for each item ID assigned to the item object 12, position data indicating the position where the item object is arranged, display content data indicating the display content of the item object 12, and the like are recorded. .

  The terminal device 1 displays the display content setting screen 13 received from the server device 3. The display content setting screen 13 includes a setting area 14 for setting display content, and a preview area 15 for displaying a preview when the display content of the set item object 13 is reflected on a web page.

  When setting input to the setting area 14 is performed by a user operation, the terminal device 1 generates HTML data based on the display content of the setting area 14 and outputs this to the preview area 15. In the preview area 15, HTML data of the set item object is displayed in a browser. The user repeats the input to the setting area 14 and the preview confirmation in the preview area 15 to input the setting of the item object 12.

  When the setting input of the item object 12 is completed by the user operation, the terminal device 1 generates display content data based on the display content set in the setting area 14 and transmits it to the server device 3. Upon receiving the transmission, the server device 3 records the display content data as item data for each item ID.

1-3-2. Delete When the delete button is pressed, the server device 3 searches the item data 110 based on the received item ID, and deletes the record associated with the item ID. When the item type of the item ID is “table”, the item object 12 to be displayed inside the table is also deleted at the same time.

  Furthermore, the server apparatus 3 updates the arrangement structure installation screen 11 of the terminal apparatus 1 based on the item data after deletion.

1-3-3. Insert When the insert button is pressed, the server device 3 adds a new item object 12 to the position of the received item ID and updates the arrangement structure installation screen 11.

1-3-4. Copy When the copy button is pressed, the server device 3 searches the item data 16 based on the received item ID, and copies the record of the item data 110 relating to the item ID to the position of the designated item ID. When the item type of the item ID is a table, the item object to be displayed inside the table is also copied at the same time.

  Further, the server device 3 updates the arrangement structure installation screen 11 of the terminal device 1 based on the item data 110 after copying.

1-3-5. Move When the move button is pressed, the server device 3 searches the item data 110 based on the received item ID, and moves the record related to the item ID to the position of the specified item ID. When the item type of the item ID is “table”, the item objects to be displayed in the table are also moved simultaneously.

  Further, the server device 3 updates the arrangement structure installation screen 11 of the terminal device 1 based on the item data 110 after movement.

1-3-6. Generation of Web Page When the item data 110 relating to all the item objects 12 to be arranged on the web page is determined by a user operation in the terminal device 1, the server device 3 performs HTML based on all the recorded item data 110. Data is generated and a web page 130 is created.

1-4. Flowchart Web page creation processing based on the browser program 2091 of the terminal device 1 and the web page creation program 3091 of the server device 3 will be described using the flowcharts shown in FIGS. 4 and 4a show an overall flowchart of the web page creation process.

1-4-1.
The user of the terminal device 1 activates the browser program 2091 on the CPU 203, inputs a predetermined URL, and accesses the server device 3 (step S401).

  Upon receiving the access, the CPU 303 of the server device 3 transmits the menu screen 140 for web page creation processing shown in FIG. 11 (step S411).

  The menu screen 140 displays a form creation button 141 for creating a new web page and a form list 143 for selecting a form. In the form list 143, a form selection button 145 for selecting each form corresponding to the web page recorded in the server device 3 is displayed.

  When the user presses either the form creation button 141 or the form selection button 145 (step S402), the CPU 303 of the server device 3 executes an arrangement structure setting screen generation process (step S412).

1-4-2. Arrangement Structure Setting Screen Generation Processing FIG. 5 shows a flowchart of the arrangement structure setting screen generation processing.

1-4-2-1.
When the form creation button 141 is pressed (YES in step S1500), the CPU 303 of the server device 3 outputs HTML data for displaying the item control cell as the item object to the arrangement structure setting screen buffer 3051. (Step S1502). For example, the item control cell 144 in the arrangement structure setting screen 147 shown in FIG. 11 corresponds to this.

  When the form selection button 145 is pressed (step S1500, NO), the selected form is specified, and one record of the item data 110 associated with the form is extracted and read (step S1501).

  FIG. 12 shows the data structure of the item data 110. One record of item data 110 includes item ID 161, item type 163, position data 165 (parent table ID 1651, row number 1652, column number 1653), display content data 167 (identification name 1671, parameter 01 — 1672, parameter 02 — 1673, parameter 03 — 1679, ...) etc.

  When the item type 163 in the record of the read item data 110 is “table” (step S1503, YES), the CPU 303 executes a table output process (step S1506). For example, in the record 1201 in which the item ID 161 in the item data 110 illustrated in FIG. 12 is “01”, the item type 163 is “table”.

1-4-2-2. Table Output Processing FIG. 5a shows a flowchart of the table output processing. The CPU 303 of the server device 3 acquires the number of rows (parameter 01 — 1672) and the number of columns (parameter 02 — 1673) from the record of the item data 110, and records each as the last row and the last column (step S1551).

  The CPU 303 sets the target row to “1” and the target column to “1” (step S1553). The CPU 303 outputs a <TABLE> tag describing the start of an HTML table (table) to the arrangement structure setting screen buffer 3051 of the memory 305 (step S1555), and further describes the start of a table row <TR>. A tag is output (step S1557). The CPU 303 outputs a <TD> tag that describes the start of the content to be displayed inside the table (step S1559).

  The CPU 303 reads the next one record from the item data 110 (step S1561). When the item type 163 in the read record is “table” (step S1563, YES), the table output process is executed by recursive call. (Step S1566). As a result, it is possible to output HTML data in a nested structure in which a table further exists inside the table.

  When the item type 163 in the read record is other than “table” (step S1563, NO), the CPU 303 outputs the HTML data of the item control cell to the arrangement structure setting screen buffer 3051 (step S1565). In the HTML data of the item control cell, a code for Javascript event processing for selecting and controlling an item object on the arrangement structure screen is embedded.

  The CPU 303 outputs the HTML data of the item identification cell to the arrangement structure setting screen buffer 3051 (step S1567). The HTML data of the item identification cell is data for identifying the item object on the arrangement structure screen.

  The CPU 303 outputs a </ TD> tag indicating the end of the <TD> tag (step S1569), and increments the target column by 1 (step S1571).

  The CPU 303 determines whether or not the target column exceeds the final column (step S1573, YES), and outputs a </ TR> tag indicating the end of the <TR> tag (step S1575). The target line is incremented by 1 (step S1577). If the target column does not exceed the final column (step S1573, NO), the above processing is repeated from step S1559.

  The CPU 303 determines whether or not the target line exceeds the final line (YES in step S1579), and outputs a </ TABLE> tag indicating the end of the <TABLE> tag (step S1581). If the target row does not exceed the final row (step S1579, NO), the above processing is repeated from step S1557.

1-4-2-3.
5, when the item type 163 in the record of the read item data 110 is other than “table” (FIG. 5, step S1503, NO), the CPU 303 stores the HTML data of the item control cell in the arrangement structure setting screen buffer 3051. (Step S1505). For example, the item control cell 144 in the arrangement structure setting screen 149 shown in FIG.

  As described above, in the HTML data of the item control cell, a code for Javascript event processing for selecting and controlling the item object on the arrangement structure setting screen is embedded.

  The CPU 303 outputs the HTML data of the item identification cell to the arrangement structure setting screen buffer 3051 (step S1507). As described above, the HTML data of the item identification cell is data for identifying the item object on the arrangement structure screen.

  For example, this corresponds to the item identification cell 146 on the arrangement structure setting screen 149 shown in FIG.

  If the next record exists in the item data 110, the CPU 303 repeats the above processing from step S1501 (step S1509, YES).

  When the next record does not exist and when the form creation button 141 is pressed in step S1500, the CPU 303 outputs a predetermined JavaScript to be embedded in the arrangement structure setting screen to the arrangement structure setting screen buffer 3051. This Javascript describes a process when the terminal device 1 uses the mouse / keyboard 207 to select an item control cell, a process when a process button is selected, and the like.

1-4-3. Step S413
In FIG. 4, when the arrangement structure setting screen generation processing is completed, the CPU 303 of the server device 3 transmits the arrangement structure setting screen 147 or 149 shown in FIG. 11 to the terminal device 1 based on the arrangement structure setting screen buffer 3051 ( FIG. 4, step S413).

  The arrangement structure setting screen 147 is a screen when the form creation button 141 is pressed, and no item object is set, and only one item control cell 1470 is displayed. The arrangement structure setting screen 149 is a screen when one of the form selection buttons 145 (form 01, form 02, form 03,...) Of the form list 143 is pressed, and is recorded corresponding to the form. An arrangement structure of item objects generated based on the item data 110 is displayed.

  The arrangement structure setting screen 147 or 149 is displayed on the display 201 which is a display unit of the terminal device 1, and arrangement structure setting buttons 142 such as a create button, a change button, an insert button, a delete button, a copy button, a move button, and a paste button. Then, an item control cell 144 and an item identification cell 146 as item objects are displayed.

  In the arrangement structure setting screen 149, when the item type of the item object is a table, the actual table is displayed as a ruled line 148.

1-4-4. Steps S403 to S404
On the arrangement structure setting screen 147 or 149, when the user operates the mouse / keyboard 207 to select the item control cell of the item object (step S403), the item control cell is highlighted. This reverse display is realized by Javascript embedded in the arrangement structure setting screen 147 or 149.

  For example, on the arrangement structure setting screen 149 of FIG. 11, the item control cell 1491 of the selected item object “B” is highlighted.

  While the item control cell on the arrangement structure setting screen 147 or 149 is highlighted, the user selects one of the arrangement structure setting buttons 142 (create button, change button, insert button, delete button, copy button, move button). When the button is pressed (step S404), the CPU 203 executes an arrangement structure data generation process (step S405).

1-4-5. Arrangement Structure Data Generation Process FIG. 6 shows a flowchart of the arrangement structure data generation process. This arrangement structure data generation process is also executed by Javascript (trademark) embedded in the arrangement structure setting screen 147 or 149, as described above.

  The item control cell displayed on the arrangement structure setting screen 147 or 149 is assigned with an item ID for specifying the item object and an item type for determining the type of the item object.

  When an item object is not assigned to the item control cell, the item ID of the immediately preceding item object is assigned as the item ID, and a null value is assigned as the item type.

1-4-5-1.
The CPU 203 acquires the item ID and item type assigned to the item object of the selected item control cell, and sets them in the arrangement structure work area 2051 on the memory 205 (step S500).

  When an item control cell to which no item object is assigned is selected, the item ID and null value of the immediately preceding item object are set in the arrangement structure work area 2051.

  FIG. 13A shows an example of the data structure of the arrangement structure work area 2051. The arrangement structure work area 2051 includes a processing section 1301, an item ID 1303, an item type 1305, a pasting item ID 1307, and the like. For example, “03” is set in the item ID related to the item object, and “radio button” is set in the item type.

  Based on the pressed arrangement structure setting button 142, the CPU 203 executes one of the following processes.

  When the creation button is pressed (step S501, YES), the CPU 203 sets “creation” in the processing section 1301 of the work area 2051 (step S502).

  When the change button is pressed (step S503, YES), the CPU 203 sets “change” in the processing section 1301 of the work area 2051 (step S504).

  When the insert button is pressed (step S505, YES), the CPU 203 sets “insert” in the processing section 1301 of the work area 2051 (step S506).

  When the delete button is pressed (step S507, YES), the CPU 203 sets “delete” in the processing section 1301 of the work area 2051 (step S508).

1-4-5-2. Copy Set Processing When the copy button is pressed (step S509, YES), the CPU 203 executes copy set processing (step S510).

  FIG. 6a shows a flowchart of the copy set process. FIG. 16A shows an arrangement structure work area 2051 in the copy set process. FIG. 16B shows an example of screen transition of the arrangement structure setting screen 149 in the copy process when the copy button 160 is pressed.

  The CPU 203 sets “copy” in the processing section 1301 of the arrangement structure work area 2051 (step S530).

  The CPU 203 reverse-displays the item control cell displayed on the arrangement structure setting screen 149 in another color tone so that it can be distinguished from the reverse display at the time of selection (step S531). For example, when the ground color of the reverse display at the time of selection is dark blue, the ground color of the item control cell that is the copy source is displayed in gray. In the arrangement structure setting screen 149 shown in FIG. 16B, the item control cell 161 that is the copy source is highlighted.

  When the user selects the item control cell of the item object of the copy destination, the CPU 203 displays the paste button 162 on the arrangement structure setting screen 149 so that it can be selected. For example, the shade of the paste button 162 displayed on the arrangement structure setting screen 149 is changed and displayed in a selectable manner.

  In the arrangement structure setting screen 149, when the user operates the mouse / keyboard 207 to select an item control cell related to the item object to be copied (step S533), the background color of the item control cell is highlighted in a dark blue color. Is done. For example, in the arrangement structure setting screen 149 shown in FIG. 16B, the item control cell 163 serving as a copy destination is highlighted.

  When the paste button is pressed on the arrangement structure setting screen 149 (step S535, YES), the CPU 203 sets the item ID relating to the selected item object to the paste destination item ID 1307 of the arrangement structure work area 2051 (step S535). Step S537). For example, when the item control cell 163 of the item object “C” having the item ID “04” is selected on the arrangement structure setting screen 149 shown in FIG. 16B, the pasting destination of the arrangement structure work area 2051 “04” is set in the item ID 1307.

1-4-5-3. Movement Set Process When the movement button is pressed (step S511, YES), the CPU 203 executes a movement set process (step S512). FIG. 6b shows a flowchart of the copy set process. FIG. 17A shows an arrangement structure work area 2051 in the moving set process. FIG. 17B shows an example of screen transition of the arrangement structure setting screen 149 in the movement process when the movement button 170 is pressed.

  The CPU 203 sets “move” to the processing section 1301 of the work area 2051 (step S550).

  The CPU 203 causes the item control cell displayed on the arrangement structure setting screen 149 to be displayed in a different color tone so that it can be distinguished from the inverted display at the time of selection (step S551). For example, when the ground color of the reverse display at the time of selection is dark blue, the ground color is displayed in gray. In the arrangement structure setting screen 149 shown in FIG. 17, the item control cell 173 of the source item object is highlighted.

  When the user selects the item control cell 171 of the item object to be moved, the CPU 203 displays the paste button 172 on the arrangement structure setting screen 149 so as to be selectable. For example, on the arrangement structure setting screen 149, the density of the paste button 172 is changed and displayed.

  In the arrangement structure setting screen 149, when the user operates the mouse / keyboard 207 to select an item control cell related to the item object to be copied (step S553), the background color of the item control cell is highlighted in dark blue. The In the arrangement structure setting screen 149 shown in FIG. 17B, the item control cell 171 with the item ID “01” is highlighted.

  When the paste button is pressed 172 on the arrangement structure setting screen 149 (step S555, YES), the CPU 203 sets the item ID of the selected item object in the paste destination item ID 187 of the arrangement structure work area 2051 (step S555). Step S557). For example, when the item control cell 171 of the item object “Table 1” having the item ID “01” is selected on the arrangement structure setting screen 149 shown in FIG. 17B, the arrangement structure work area 2051 is pasted. “01” is set in the previous item ID 1307.

  In FIG. 6, when any button other than one of the arrangement structure setting buttons 142 (create button, change button, insert button, delete button, copy button, move button, paste button) is pressed, an error display is displayed. The operation error is presented to the user (step S513).

1-4-6. Steps S406 to S414
In FIG. 4, when the arrangement structure data generation processing is completed, the CPU 203 transmits the data of the arrangement structure work area 2051 stored in the memory 205 to the server apparatus 3 as arrangement structure data (step S406).

  Receiving the arrangement structure data, the CPU 303 of the server device 3 executes the display content setting screen generation process if the arrangement division data processing section 1301 is “create” or “change” (YES in step S414) (step S414). S415).

1-4-7. Display Content Setting Screen Generation Processing FIG. 7 shows a flowchart of the display content setting screen generation processing. The CPU 303 of the server device 3 reads the arrangement structure data received from the terminal device 1 (FIG. 7, step S700). If the item type of the arrangement structure data is a null value (step S701, YES), it is considered that the item type or the like is not set in the item object, and HTML data for displaying the initial setting screen of the display content setting screen is displayed. The content is output to the display content setting screen buffer 3053.

  For example, when the item control cell 135 to which the item object located under the item object “B” shown in B of FIG. 13 is not set is selected, the initial setting screen 131 of the display content setting screen is displayed. Output HTML data.

  If the item type of the arrangement structure data is not a null value (step S701, NO), the item data 110 is extracted based on the item ID, the record related to the item ID is read (step S703), and the display content data is used. HTML data for displaying a screen to be displayed in the setting area is output to the display content setting screen buffer 3053 (step S707).

  For example, when the item control cell 145 of the item object “B” shown in FIG. 14B is selected, the item data record 1203 shown in FIG. 12 is read, and the parameter 01 “display character =“ which is the display content data is read. HTML data for setting the questionnaire B ”, parameter 02“ character size = “5” ”, and parameter 03“ character color = “black” ”is output to the display content setting screen buffer 3053. The setting area 1331 of the display content setting screen 133 is an example in which the HTML data is displayed in a browser.

  The CPU 303 outputs a predetermined Javascript to be executed on the browser program when the display content installation screen is displayed on the terminal device 1 to the display content setting screen buffer 3053 (step S709).

1-4-8. Step S416
When the display content setting screen generation process is completed, the CPU 303 of the server device 3 transmits the data in the display content setting screen buffer 3053 to the terminal device 1 as a display content setting screen (FIG. 4, step S416).

  In response to the transmission, the CPU 203 of the terminal device 1 displays the display content setting screen received from the server device 3 on the display 201, and executes display content setting processing for generating display content data based on a user operation (step S407). ).

1-4-9. Display Content Setting Process FIG. 8 shows a flowchart of the display content setting process. In the display content setting screen, the item ID of the item object selected by the user in step S403, item type, display content data, Javascript for executing the display content setting process, and the like are embedded.

1-4-9-1.
The CPU 203 determines whether or not the display content setting screen is an initial setting screen, and if it is the initial setting screen (step S601, YES), displays it on the display 201 (step S605). For example, an initial setting screen 131 of the display content setting screen shown in FIG. 13 is displayed, and a pull-down menu 1311 for selecting an item type is displayed on this screen.

  When the user operates the mouse / keyboard 207 to select a desired item type from the pull-down menu 1311 (step S607, YES), the CPU 203 arranges data relating to the selected item type as shown in FIG. The item type 1305 of the structure work area 2051 is set (step S608).

  For example, when “radio button” is selected as the item type in the initial screen 131 of the display content setting screen shown in FIG. 13B, “radio” is displayed in the item type 1305 of the arrangement structure work area 2051 shown in FIG. Set the button.

  When an item type is selected, a predetermined default value is set in the display content work area 2053 for each item type (step S603).

  On the other hand, if the display content setting screen is not the initial setting screen in step S601, the CPU 203 stores the item ID, item type, display content data, etc. of the item object embedded in the display content setting screen in the display content work area 2053. Set (step S603).

  The CPU 203 displays a setting area in the display content setting screen based on the display content data set in the display content work area 2053 (step S609). For example, as shown in the display content setting screen 133 in FIG. 14B, based on the display content data relating to the item object “B” shown in the record 1203 in FIG. = “Questionnaire B” ”, parameter 02“ character size = “5” ”, parameter 03“ character color = “black” ”, and other setting input items are displayed in the setting area 1331 (B in FIG. 14, display content setting screen 133). Is displayed.

  When the CPU 203 displays the setting area, the CPU 203 subsequently executes a preview area display process.

1-4-9-2. Preview Area Display Processing FIGS. 8a and 8b show an example of a flowchart and display content work area 2053 in the preview area display processing.

  The CPU 203 reads the arrangement structure data from the arrangement structure work area 2051 shown in FIG. 14A (step S650).

  The CPU 203 reads the display content data from the display content work area 2053 shown in FIG. 8B (step S651).

  The CPU 203 executes HTML data output processing based on the item type relating to the read arrangement structure data (steps S652 to 661).

  If the item type is “character” (step S652, YES), “character” output processing is executed (step S653).

  When the item type is “text box” (step S654, YES), “text box” output processing is executed (step S655).

  If the item type is “image” (step S656, YES), “image” output processing is executed (step S657).

  When the item type is “radio button” (step S658, YES), “radio button” output processing is executed (step S659).

  When the item type is “table” (step S658, NO), “table” output processing is executed (step S661).

  In addition to the item types described above, item object output processing such as “text area”, “pull-down menu”, “list box”, and “check box” may be executed as necessary. .

1-4-9-2-1. Output Process In each output process described above, the CPU 203 outputs HTML data based on various parameter data recorded in the display content data.

  Hereinafter, the case of “character” output processing will be described. 8A is an example of display content data, and B of FIG. 8B is an example of a flowchart in the “character” output process.

The CPU 203 outputs “<font” as a start tag in order to output a predetermined character in HTML.
Is output (step S851).

  Based on the parameter 02_892, the CPU 203 outputs “size =“ 5 ”” in the form of character concatenation with the start tag (step S853).

  The CPU 203 continuously outputs “color =“ # 000000 ”>” based on the parameter 03_893 (step S855).

  The CPU 203 continuously outputs “Questionnaire B” based on the parameter 01_891 (step S857).

  The CPU 203 outputs “</ font>” as the end tag.

Is output (step S859).

  That is, HTML data “<FONT SIZE =“ 5 ”COLOR =“ # 000000 ”> Questionnaire B <FONT>” 899 is generated by these processes.

  As described above, the “text box” output process, the “image” output process, the “radio button” output process, the “table” output process, and the output process in other cases are also performed based on the value of each parameter. HTML data for expressing the item object can be created.

1-4-9-2-2.
The CPU 203 displays the HTML data output in the above in the preview area 1333 (step S663). The preview display area 1333 receives HTML data and displays it in a browser. For example, the preview area 1333 of the display content setting screen 133 shown in FIG. 14B is an example when the HTML data 899 is displayed in a browser.

1-4-9-3.
When the user who has confirmed the preview area changes the setting value of the setting area (step S613), the CPU 203 detects this, records the setting area content in the display content work area 2053, and updates it (step S610). ). For example, a change in the setting value of the setting area may be detected by mouse event processing (onBlue, onChange, onClick, etc.) in Javascript.

  When the display content work area 2053 is updated, the CPU 203 returns to step S611 and repeats the preview area display process (step S611).

  As described above, by executing the preview area generation process every time the contents of the setting area are changed, it is possible to immediately confirm the display contents being set, thereby improving work efficiency.

  When the user confirms that desired display contents are set in the preview area 1333, the user presses the setting completion button 1335 (YES in step S615). In response to this, the CPU 203 ends the display content setting process.

1-4-10. Step S408
The CPU 203 transmits the data set in the arrangement structure work area 2051 as arrangement structure data, and the data set in the display contents work area 2053 as display contents data, respectively, to the server apparatus 3 (step S408). ).

  The CPU 303 of the server device 3 receives the display content data from the terminal device 1 and executes an item data update process (step S417).

1-4-11. Item Data Update Processing The CPU 303 of the server device 3 determines that the arrangement structure data processing category 1301 in step S414 is other than “create” or “change”, or the arrangement structure data and display content data from the terminal device 1 in step 408. If received, the item data update process is executed (step S417).

  FIG. 9 shows a flowchart of the item data update process. The CPU 303 reads the arrangement structure data received from the terminal device 1 (step S700). The CPU 203 executes one of the following processes depending on the processing classification of the arrangement structure data.

  When the process classification is “creation” (step S701, YES), the CPU 203 executes a creation process (step S702).

  When the process classification is “change” (step S703, YES), the CPU 203 executes a change process (step S704).

  When the process classification is “insertion” (step S705, YES), the CPU 203 executes an insertion process (step S706).

  If the process category is “delete” (step S707, YES), the CPU 203 executes a delete process (step S708).

  When the process classification is “copy” (step S709, YES), the CPU 203 executes a copy process (step S710).

  When the process classification is “move” (step S711, YES), the CPU 203 executes a move process (step S712).

  If a process category other than the above process categories is recorded, an error is displayed on the display 201 of the terminal device 1 and an operation error is presented to the user (step S713).

1-4-11-1. Creation Process FIG. 9a shows a flowchart of the creation process. The CPU 303 reads the item ID and item type from the arrangement structure data (step S801), and performs a process of inserting one new record under the item ID.

  For example, when the next item ID (“item ID + 1”) of the item ID exists (step S805, YES), the record is updated by adding 1 to the next item ID (“item ID + 1”), and the item ID Is shifted down by one (step S807).

  Furthermore, the parent table IDs of all records having the item IDs before shifting as the parent table IDs are updated to the item IDs after shifting (step S809).

  The CPU 303 repeats the above steps S807 to S809 for all the records below this (step S811).

  When the processing for all the records is completed, the CPU 303 inserts one new record into the next position of the item ID (“item ID + 1”) based on the arrangement structure data and the display content data (step S811).

  When the next item ID (“item ID + 1”) does not exist in step S805 (step S805, NO), a new record is added to the last position of the record based on the arrangement structure data and the display content data. Items are added (step S811).

1-4-11-1-1. Specific Example of Creation A specific example in the processing of the above flowchart will be described using examples of screens and data shown in FIGS. 13, 13a, and 13b. Note that the item data 1351 shown in FIG. 13B corresponds to the arrangement structure setting screen 149 shown in FIG. 13B.

When the user selects an item control cell 135 in which no item object is set and presses the creation button 137 on the arrangement structure setting screen 149 shown in FIG. 13, a display content setting screen (initial setting screen) shown on the right side thereof. 131 is displayed. When the user selects a “radio button” from the item type drop-down list 1311,
As shown in the display content setting screen 133 of B in FIG. 13a, a setting input screen for radio buttons is displayed in the setting area 1331. At this time, the CPU 203 displays the setting area 1331 via the display content data set in the display content work area 2053 shown in FIG.

  At the same time, HTML data reflecting the display contents of the setting area 1331 is output to the preview area 1333, and the setting status is displayed in a browser.

  In the setting area 1331, every time the user inputs a desired setting value, the preview area 1333 is updated according to the setting contents of the setting area 1331. When the user presses the setting completion button 1335, the setting content in the setting area 1331 is transmitted as display content data to the server device 3 and recorded in the item data 110.

  A record 1391 shown in FIG. 13B is a record added in this case, and is recorded as an item ID “04”, an item type “radio button”, a parent table ID “01”,. At this time, the record with the identification name “C” is updated from the item ID “04” to “05”.

  After the update, the server apparatus 3 transmits an arrangement structure setting screen 149 shown on the right side of B in FIG. 13a. In this screen, an item identification cell 1337 related to the added item object “X” is displayed.

  When the item type relating to the added item object is “table”, the item identification cell 133 is not displayed and the ruled line of the actual table is displayed. Thereby, even when the nested structure of the table is designated, the structure of the table can be easily understood.

  FIG. 13c shows an example of the arrangement structure setting screen when the nested structure of the table is designated. In this screen, inside the item identification cell 2001 for the item control cell “01” indicating the table, the item identification cell 2003 for the item control cell “02” indicating the table, and the item control cell “05” indicating the table. ”Is displayed in a nested structure.

1-4-11-2. Change Process FIG. 9g shows a flowchart of the change process. The CPU 303 reads the item ID and item type from the arrangement structure data (step S802).

  The CPU 303 reads the display content data transmitted from the terminal device 1 (step S803), and updates the display content data in the record of the item data 110 (step S804).

1-4-11-2-1. Specific Example of Change A specific example of the processing of the flowchart will be described using the example of the screen and data shown in FIGS. 14, 14a and 14b. Note that the item data 1451 in FIG. 14B corresponds to the arrangement structure setting screen 149 in FIG.

  When the user selects the item control cell 145 related to the item object “B” and presses the change button 147 on the arrangement structure setting screen 149 shown in FIG. 14, the display content setting screen 133 shown on the right side is displayed. .

  As described above, in the setting area 1331, the setting input screen based on the display content data of the item data 1451 is displayed. At the same time, HTML data reflecting the display contents of the setting area is output to the preview area 1333, and the current setting status is displayed in the browser.

  When the user performs an operation of changing the character color 146 from “black” to “red” in the setting area 1331, the parameter 03148 that is the setting content in the display content work area 2053 shown in FIG. Updated to “red”.

  The preview area 1333 displays a preview when the character color is changed to “red” based on the display content work area 2053.

  When the user who confirms the preview presses the setting completion button 1335, data in the display content work area 2053 that is the content of the setting area 1331 is transmitted to the server device 3 as display content data and recorded in the item data 110.

  A record 1491 in FIG. 14B is a record that is updated in this case, and the character color that is one of the display content data of this record is updated to “red”.

  After the update, the server apparatus 3 transmits an arrangement structure setting screen 149 shown on the right side of B in FIG. 14a.

1-4-11-3. Insertion Process FIG. 9b shows a flowchart of the insertion process. The CPU 303 reads the item ID from the arrangement structure data (step S901).

  The CPU 303 adds one item object whose item type is not set to the position of the item ID on the arrangement structure setting screen.

  In the insertion process, the update process is not particularly performed on the record of the item data 110.

1-4-11-4. Deletion Processing FIG. 9c shows a flowchart of the deletion processing. The CPU 303 reads the item ID from the arrangement structure data (step S1001).

  The CPU 303 deletes the record of the item data 110 to which the item ID belongs (step S1003).

  The CPU 303 searches for a record having the read item ID as a parent table ID, and if there is no record (NO in step S1004), the CPU 303 performs a process of updating all the item IDs of records existing under the deleted item ID. Do.

  For example, when the next item ID (“item ID + 1”) of the item ID exists (step S1007, YES), the record is updated by reducing 1 to the next item ID (“item ID + 1”), and the item ID Is shifted upward by one (step S1009).

  Furthermore, the parent table ID of all records having the item ID before shifting as the parent table ID is updated to the item ID after shifting (step S1011).

  The CPU 303 repeats steps S1009 to S1011 for all the records below this (step S1013, YES).

  When the process for all the records is completed (step S81013, NO), the CPU 303 ends the deletion process.

  In step S1004, if there is a record having the read item ID as the parent table ID (YES in step S1004), the deletion process is recursively called, and the item data 110 relating to the item object in the nested structure is stored. All records are deleted (step S1006).

1-4-11-4-1. Specific Example of Deletion A specific example in the processing of the flowchart will be described using the screen and data examples shown in FIGS. 15 and 15a. The item data 1551 in FIG. 15A corresponds to the arrangement structure setting screen 149 in FIG.

  When the user selects the item control cell 155 of the item object identification name “Table 1” and presses the delete button 157 on the arrangement structure setting screen 149 shown in FIG. 15, the arrangement structure work shown in FIG. The area 2051 is transmitted to the server apparatus 3 as arrangement structure data.

  The server device 3 searches for and deletes the record with the item ID “01”, and deletes the records with the item IDs “02” and “03” having the item ID as the parent table ID.

  As illustrated in FIG. 15A, the record 1591 of the item ID “04” positioned below the deleted item ID is updated from the item ID “04” to “01”.

  After the update, the server device 3 transmits an arrangement structure setting screen 149 shown on the right side of B in FIG.

1-4-11-5. Copying Process FIG. 9d shows a flowchart of the copying process. The CPU 303 reads the item ID set as the copy source from the arrangement structure data (step S1101).

  The CPU 303 performs temporary storage processing for temporarily storing the record to which the item ID belongs (step S1103). FIG. 9e shows a flowchart in the temporary storage process. CPU303 reads item ID (step S1151).

  The CPU 303 temporarily stores the record to which the read item ID belongs in the temporary storage area 150 on the memory 305 (step S1153).

  The CPU 303 searches for a record having the read item ID as a parent table ID, and if there is a record (YES in step S1155), performs a recursive call of the temporary storage processing to record all records of the item objects in the nested structure. Temporary storage is performed (step S1157).

  In the copying process shown in FIG. 9d, the CPU 303 that has finished the temporary storage process (step S1103) reads the paste destination item ID (step S1105). For example, in the example shown in FIG. 16, “04” is read as the paste destination item 1307.

  The CPU 303 acquires the number of records temporarily stored from the temporary storage area 150 (step S1107).

  The CPU 303 performs processing for shifting the item ID next to the item ID downward by a number equal to the number of records acquired above (step S1109), and the parent table of all records having the shifted item ID as the parent table ID. The ID is updated to the shifted item ID (step S1111).

  The CPU 303 repeats the above steps S1109 to S1111 for all records (step S1113).

  When the processing for all the records is completed, the CPU 303 inserts all the records temporarily stored in the temporary storage area 150 at the item ID positions (step S1115).

1-4-11-5-1. Specific Example of Copying A specific example of the processing of the flowchart will be described with reference to examples of screens and data shown in FIGS. 16 and 16a. Note that the item data 1651 in FIG. 16A corresponds to the arrangement structure setting screen 149 in FIG.

  When the user selects the item control cell 161 of the item object identification name “Table 1” and presses the copy button 160 on the arrangement structure setting screen 149 shown in FIG. 16, the arrangement structure work shown in FIG. “01” is set in the item ID 1303 of the area 2051, and the item control cell 161 of “Table 1” is highlighted in gray. A pasting button 162 is displayed so as to be selectable.

  When the user selects the copy destination item control cell 163 and presses the paste button 162, “04” is set in the paste destination item ID of the arrangement structure work area 2051, and the data of the arrangement structure work area 2051 is displayed. Is transmitted to the server apparatus 3 as arrangement structure data.

  The server device 3 searches for the record with the item ID “01” and all records in a nested relationship with the record and temporarily stores them. For example, records with item IDs “01” to “03” are temporarily stored.

  The CPU 303 obtains the paste destination item ID “04” and lowers the record at this position by the number of records temporarily stored. For example, the record number “3” and the paste-destination item ID “04” cause the record 1691 of the item ID “04” to be lowered by three and updated to the item ID “07”.

  Further, the CPU 303 inserts the record temporarily stored as item IDs “04” to “06”.

  As a result, the server device 3 can copy the records with the item IDs “01” to “03” to the position where the item ID “04” is the top record.

  After the update, the server apparatus 3 transmits an arrangement structure setting screen 149 shown on the right side of B in FIG.

1-4-11-6. Movement Process FIG. 9f shows a flowchart of the movement process.

  The CPU 303 reads the item ID set as the movement source from the arrangement structure data (step S1201).

  The CPU 303 performs the above copying process using the read item ID as a copy source (step S1203), and further performs a deletion process on the read item ID (step S1205).

1-4-11-6-1. Specific Example of Movement A specific example in the processing of the flowchart will be described using the example of the screen and data shown in FIGS. 17 and 17a. Note that the item data 1751 in FIG. 17A corresponds to the arrangement structure setting screen 149 in FIG.

  When the user selects the item control cell 173 of the item object identification name “C” and presses the move button 170 on the arrangement structure setting screen 149 shown in FIG. 17, the arrangement structure work area shown in FIG. “04” is set in the item ID 1303 of 2051, and the item control cell 173 of “C” is highlighted in gray. A paste button 172 is displayed so as to be selectable.

  When the user selects the item control cell 171 to be moved and presses the paste button 172, “01” is set in the paste destination item ID of the arrangement structure work area 2051, and the data of the arrangement structure work area 2051 is displayed. Is transmitted to the server apparatus 3 as arrangement structure data.

  The server device 3 searches for the record with the item ID “04” and all records in a nested relationship with the record and temporarily stores them. For example, the record with the item ID “04” is temporarily stored.

  The CPU 303 acquires the pasting destination item ID “01” and lowers the record at this position by the number of records temporarily stored.

  Further, the CPU 303 inserts the temporarily stored record 1791 as the item ID “01”.

  Thereby, the server apparatus 3 can move the record of the item ID “04” to the position of the item ID “01”.

  After the update, the server device 3 transmits an arrangement structure setting screen 149 shown on the right side of B in FIG. In this screen, the item identification cell 175 relating to the item object “C” is displayed at the top.

  In addition, in the arrangement structure setting screen 149 shown on the right side of FIG. 17B, the item control cell 171 that is the movement source is highlighted in the same manner as when it is selected. As a result, it is possible to select the item control cell to be the destination and press the paste button 172 without pressing the move button 170 again. That is, the user can continuously perform the movement operation. Similarly, in the copying process described above, the item control cell may be highlighted in a selected state after copying.

1-4-12. Steps S418 to S409
When the item data update process is completed, the CPU 303 of the server apparatus 3 executes the same arrangement structure setting screen generation process as that in step S412 (step S418). That is, processing for regenerating the arrangement structure setting screen is performed based on the updated item data.

  When the arrangement structure setting screen is regenerated, the CPU 303 transmits a screen for updating the arrangement structure setting screen to the terminal device 1 (step S419). In the case of insertion processing, an arrangement structure setting screen to which the inserted item object is added is transmitted.

  Upon receiving the transmission, the arrangement structure setting screen in the terminal device 1 is updated. The user confirms the updated arrangement structure setting screen, and if necessary, returns to step S403 and repeats the above processing (NO in step S409).

  When the user presses the save button 139 on the arrangement structure setting screen shown in FIG. 13B, the CPU 203 of the terminal device 1 transmits a web page generation instruction to the server device 3 (step S410).

  In response to the transmission, the CPU 303 of the server device 3 executes a process of generating a web page based on the item data (step S420).

1-4-13. Web Page Generation Process FIG. 10 shows a flowchart of the web page generation process.

1-4-13-1.
The CPU 303 reads one record of the item data 110 recorded in the database created for each form (step S1301).

  As shown in FIG. 12, one record in the data structure of the item data 110 includes an item ID 161, an item type 163, position data 165 (parent table ID 1651, row number 1652, column number 1653), and display content data 167 (identification). Name 1671, parameter 01_1672, parameter 02_1673, parameter 03_1679,.

  When the item type 163 in the record of the read item data 110 is “table” (step S1303, YES), the CPU 303 executes a table output process (step S1306). For example, in the item data 110 shown in FIG. 12, the item ID 161 is “01” and the item type 163 is “table”.

1-4-13-2. Table Output Processing FIG. 10a shows a flowchart in the table output processing. The CPU 303 of the server device 3 acquires the row number and the column number from the display content data of the record indicating the “table” of the item data 110, and records them as the last row and the last column, respectively (step S1351).

  The CPU 303 sets the target row to “1” and the target column to “1” (step S1353). The CPU 303 outputs a <TABLE> tag describing the start of an HTML table (table) to the web page 3095, which is a data file on the hard disk 309 (step S1355), and further describes the start of a table row < TR> tag is output (step S1357). The CPU 303 outputs a <TD> tag that describes the start of the content to be displayed inside the table (step S1359).

  The CPU 303 reads the next one record from the item data 110 (step S 1361). If the item type 163 in the read record is “table” (step S 1363, YES), the table output process is executed by recursive call. (Step S1362). As a result, it is possible to output HTML data in a nested structure in which a table further exists inside the table.

  When the item type 163 in the read record is other than “table” (step S1363, NO), the CPU 303 outputs HTML data based on the display content data of the item data 110 record (step S1365).

  In step S1365, the process for outputting HTML data based on the display content data is the same as the various output processes (for example, FIG. 8b) in the preview area display process (FIG. 8a). For example, when the display content data of the record 1203 in the item data shown in FIG. 12 is read, the HTML data “<FONT SIZE =“ 5 ”COLOR =“ # 000000 ”> questionnaire B <FONT>” is output.

  The CPU 303 outputs a </ TD> tag indicating the end of the <TD> tag (step S1367), and increments the target column by 1 (step S1369).

  The CPU 303 determines whether or not the target column exceeds the final column (YES in step S1371), and outputs a </ TR> tag indicating the end of the <TR> tag (step S1373). Increment 1 in the target row (step S1375). If the target column does not exceed the final column (step S1371, NO), the above process is repeated from step S1359.

  The CPU 303 determines whether or not the target line exceeds the final line (YES in step S1377), and outputs a </ TABLE> tag indicating the end of the <TABLE> tag (step S1379). If the target row does not exceed the final row (step S1377, NO), the above processing is repeated from step S1357.

1-4-13-3.
10, when the item type 163 in the record of the read item data 110 is other than “table” (FIG. 10, step S1303, NO), the CPU 303 converts the HTML data based on the display content data of the item data 110 record. Output (step S1305).

  In step S1305, the process of outputting HTML data based on the display content data is the same as the various output processes (for example, FIG. 8b) in the preview area display process (FIG. 8a).

  If the next record exists in the item data 110, the CPU 303 repeats the above processing from step S1301 (step S1307, YES). If the next record does not exist, the web page generation process is terminated (NO in step S1307).

1-5 Summary As described above, according to the present invention, even when it is desired to create a nested table structure by further nesting table tags in table tags when creating a web page. Easy to edit.

2. Other Embodiments In the above-described embodiment, the web page creation process is performed using the browser program 2091 installed in the terminal device 1, but other programs may be used. For example, an application program developed in Visual Basic (trademark), Visual C ++ (trademark), or another development language corresponds to this.

  In the above embodiment, the program of the terminal device 1 is configured to execute the arrangement structure data generation process (FIG. 4, step S405) and the display content setting process (FIG. 4, step S407). These processes may be executed by a program. In this case, the screen generated by the server device 3 may be transmitted to the terminal device 3, and a predetermined process may be performed by the server device 3 based on a user operation.

  In the above-described embodiment, the web page creation system that performs the web page creation process using the terminal device 1 and the server device 3 is configured. However, the web page creation device that realizes this by using a single device may be used.

  In the above embodiment, the item data 110 is configured using a database created for each form, but other methods may be used. For example, a text file recorded in the CSV format corresponds to this.

  Further, the form ID may be recorded in the database, and the item data 110 related to a plurality of forms may be managed by one database.

  In the above-described embodiment, the item control cell on the arrangement structure setting screen is displayed as a rectangle. However, as shown by the icon 2007 in FIG. 13c, an icon corresponding to the type of the item type is simultaneously displayed on the item control cell. You may do it. Further, only the icon may be used as an item control cell.

  In the above embodiment, when the item control cell is selected on the arrangement structure setting screen, the background color of the selected item control cell is displayed in reverse video, but the background color of the item identification cell is also displayed. May be displayed in reverse video. Thereby, the visibility in the arrangement structure setting screen is increased, and the user's operation efficiency can be improved. In addition, although it constituted using the dark blue and gray as the color of reversal display, you may make it reverse-display the ground color of the item identification cell using other colors (for example, light blue).

  In the above embodiment, the CPU 203 and the CPU 303 are used to realize the function shown in FIG. 1, and this is realized by software. However, some or all of them may be realized by hardware such as a logic circuit. In addition, you may make it make an operating system (OS) process a part of program further.

3. Other aspects of the present invention Other aspects of the web page creation system shown above will be described below. That is, the web page creation system can also be regarded as a preview generation system described below. FIG. 18 shows a functional block diagram of this preview generation system.

3-1. 18, the terminal device 1 according to the present invention includes an input screen request unit 1801, a parameter input unit 1803, a preview screen generation unit 1805, a preview screen display unit 1804, a web page generation instruction unit 1807, HTML data display means 1809 is provided.

  The input screen request unit 1801 requests the server device 3 for an input screen for creating a web page.

  The parameter input unit 1803 inputs a parameter which is a display content of an item object constituting the web page on the input screen received from the server device 3.

  The preview screen generation unit 1805 generates HTML data of the item object based on the parameter input by the parameter input unit 1803 and generates a preview screen.

  The preview screen display unit 1804 interprets the HTML data created by the preview screen generation unit and displays it on the browser.

  When the user changes the parameter of the item object, the preview screen generation unit 1805 receives the change and recreates the HTML data. Further, the browser display is updated by interpreting the HTML data recreated by the preview screen generating means.

  The HTML data display unit 1809 displays the web page received from the server device 3 in a browser.

3-2. In FIG. 18, the server device 3 according to the present invention includes an input screen transmission unit 1811, a recording unit 1812, a web page generation unit 1813,
Web page transmission means 1815 is provided.

  The input screen transmission unit 1811 transmits an input screen in response to a request from the terminal device 1.

  The web page generation unit 1813 receives the parameter data together with the web page generation instruction from the terminal device 1, generates HTML data, and records this in the recording unit 1812.

  The web page transmission unit 1815 transmits the web page recorded in the recording unit 1812 to the terminal device 1.

3-3. Process overview
(1) This invention
A terminal device that transmits data related to item objects constituting a web page to a server device, and a server device that is provided so as to be communicable with the terminal device and that generates a web page based on data received from the terminal device. A web page creation system,
The terminal device
(A) Display content input means (parameter input means) for inputting the display content of the item object set on the display content setting screen;
(B) preview screen generation means for generating a preview screen of the item object based on the input display content;
Preview screen display means for displaying the preview screen generated by the preview screen generation means;
(C) web page generation instruction means for transmitting a web page generation instruction together with parameter data input to the server device 3 based on a user instruction;
The server device
(D) display content setting screen generation means (input screen transmission means) for generating a display content setting screen and displaying it on the display unit of the terminal device;
(E) based on the parameter data received from the terminal device, comprising a web page generating means for generating a web page and recording it in the recording unit,
A web page creation system characterized by that.

(2) This invention
A preview screen creation device for creating a preview screen of an item object on a web page,
Display content setting screen display means for displaying a display content setting screen for setting the display content of the item object;
Display content data generating means for generating display content data of the item object based on the display content set on the display content setting screen;
A preview display screen generating means for reading the display content data and generating a preview display screen in the web page of the item object;
The preview screen creation apparatus displays the preview display screen in the same screen as the display content setting screen.

(3) This invention
When the display content is changed on the display content setting screen, the display content data generating means recreates the display content data,
The preview display screen generation means reads the re-created display content data to generate a new preview display screen and updates the preview display screen.

It is a figure which shows the example of the functional block diagram of the terminal device 1 and the server apparatus 3 which comprise the web page creation system in embodiment of this invention. It is a figure which shows the example of the outline | summary of the process concerning the web page creation system of this invention. It is an example which shows the example of the hardware block diagram of the terminal device 1 of this invention. It is an example which shows the example of the hardware block diagram of the server apparatus 3 of this invention. It is a figure which shows the example of the whole flowchart in the "web page creation process" of this invention. It is a figure which shows the example of the whole flowchart in the "web page creation process" of this invention. It is a figure which shows the example of the flowchart in the "placement structure setting screen generation process" of this invention. It is a figure which shows the example of the flowchart in the "table output process" of this invention. It is a figure which shows the example of the flowchart in the "placement structure data generation process" of this invention. It is a figure which shows the example of the flowchart in the "copy set process" of this invention. It is a figure which shows the example of the flowchart in the "movement set process" of this invention. It is a figure which shows the example of the flowchart in the "display content setting screen generation process" of this invention. It is a figure which shows the example of the flowchart in the "display content setting process" of this invention. It is a figure which shows the example of the flowchart in the "setting area display process" of this invention. It is a figure which shows the example in the data in the "" character "output process" of this invention, and a flowchart. It is a figure which shows the example of the flowchart in the "item data update process" of this invention. It is a figure which shows the example of the flowchart in the "creation or change process" of this invention. It is a figure which shows the example of the flowchart in the "insertion process" of this invention. It is a figure which shows the example of the flowchart in the "deletion process" of this invention. It is a figure which shows the example of the flowchart in the "copy processing" of this invention. It is a figure which shows the example of the flowchart in the "temporary preservation | save process" of this invention. It is a figure which shows the example of the flowchart in the "movement process" of this invention. It is a figure which shows the example of the flowchart in the "change process" of this invention. It is a figure which shows the example of the flowchart in the "web page generation process" of this invention. It is a figure which shows the example of the flowchart in the "table output process" of this invention. It is a figure which shows the example of the "menu screen" and "arrangement structure setting screen" of this invention. It is a figure which shows the example of the data structure in the item data of this invention. It is a figure which shows the example of the arrangement | positioning structure data in the preparation process of this invention, an arrangement | positioning structure setting screen, and a display content setting screen. It is a figure which shows the example of the display content data, arrangement | positioning structure setting screen, and display content setting screen in the creation process of this invention. It is a figure which shows the example of the item data in the creation process of this invention. It is a figure which shows the example of the arrangement structure setting screen in the creation process of this invention. It is a figure which shows the example of the arrangement | positioning structure data, arrangement | positioning structure setting screen, and display content setting screen in the change process of this invention. It is a figure which shows the example of the display content data, arrangement | positioning structure setting screen, and display content setting screen in the change process of this invention. It is a figure which shows the example of the item data in the change process of this invention. It is a figure which shows the example of the arrangement | positioning structure data in the deletion process of this invention, and an arrangement | positioning structure setting screen. FIG. It is a figure which shows the example of the item data in the deletion process of this invention. It is a figure which shows the example of the arrangement | positioning structure data in the copying process of this invention, and an arrangement | positioning structure setting screen. It is a figure which shows the example of the item data in the copy process of this invention. It is a figure which shows the example of the arrangement | positioning structure data in the movement process of this invention, and an arrangement | positioning structure setting screen. It is a figure which shows the example of the item data in the movement process of this invention. It is a figure which shows the example of the functional block diagram of the terminal device 1 and the server apparatus 3 which comprise the web page creation system in the other side of this invention.

Explanation of symbols

DESCRIPTION OF SYMBOLS 1 Terminal device 3 Server apparatus 101 Arrangement structure setting means 103 Arrangement structure data generation means 105 Display part 107 Display content setting means 109 Display content data generation means 111 Data transmission means 113 Arrangement structure setting screen generation means 115 Arrangement structure setting screen update means 117 Display content setting screen generation means 119 Recording unit 121 Item data update means 123 Web page generation means

Claims (21)

A terminal device that transmits data related to item objects constituting a web page to a server device, and a server device that is provided so as to be communicable with the terminal device and that generates a web page based on data received from the terminal device. A web page creation system,
The terminal device
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, display content setting means for setting the display content of the item object;
(d) display content data generation means for generating display content data based on the display content of the set item object;
(e) a data transmission means for transmitting the generated arrangement structure data and the display content data to the server device;
The server device
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generating means for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) item data updating means for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) web page generating means for generating a web page based on the item data recorded in the recording unit;
A web page creation system characterized by comprising: A terminal device that constitutes a web page creation system together with a server device that creates a web page based on received data,
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, display content setting means for setting the display content of the item object;
(d) display content data generation means for generating display content data based on the display content of the set item object;
(e) data transmission means for transmitting the generated arrangement structure data and the display content data to the server device;
A terminal device for a web page creation system comprising: A server device that constitutes a web page creation system together with a terminal device that transmits data relating to item objects constituting a web page,
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generating means for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) item data updating means for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) web page generating means for generating a web page based on the item data recorded in the recording unit;
A terminal device for a web page creation system comprising: A program for realizing a terminal device constituting a web page creation system together with a server device that generates a web page based on received data by using a computer, the computer having the following means: Program to:
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, display content setting means for setting the display content of the item object;
(d) display content data generation means for generating display content data based on the display content of the set item object;
(e) Data transmission means for transmitting the generated arrangement structure data and the display content data to the server device. A program for realizing a server device constituting a web page creation system together with a terminal device for transmitting data relating to item objects constituting a web page using a computer, the computer having the following means: Program to:
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generating means for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) item data updating means for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) Web page generation means for generating a web page based on the item data recorded in the recording unit. A web page creation device for creating a web page based on data relating to item objects constituting a web page,
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, display content setting means for setting the display content of the item object;
(d) display content data generation means for generating display content data based on the display content of the set item object;
(e) data transmission means for transmitting the generated arrangement structure data and the display content data to the server device;
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generating means for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) item data updating means for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) web page generating means for generating a web page based on the item data recorded in the recording unit;
A web page creation device characterized by comprising: A program for realizing, using a computer, a web page creation device that creates a web page based on data relating to item objects constituting a web page, the computer having the following means:
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, display content setting means for setting the display content of the item object;
(d) display content data generation means for generating display content data based on the display content of the set item object;
(e) data transmission means for transmitting the generated arrangement structure data and the display content data to the server device;
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generating means for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) item data updating means for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) Web page generation means for generating a web page based on the item data recorded in the recording unit. In the system, apparatus, or program in any one of Claims 1-7,
The arrangement structure setting screen generation means is characterized in that an item object is simply displayed using an item control cell and an item identification cell. In the system, apparatus, or program in any one of Claims 1-8,
The arrangement structure setting screen generation means displays a ruled line indicating the table instead of the item identification cell when the attribute of the item object is a table. The system, apparatus or program of claim 9,
The arrangement structure setting screen generating means displays a ruled line indicating a table in a nested structure when an item object indicating the table further exists inside the ruled line of the table. In the system, apparatus, or program in any one of Claims 1-10,
The arrangement structure setting screen generation means displays a predetermined icon corresponding to the type of item object in the item control cell. In the system, apparatus, or program in any one of Claims 1-11,
The arrangement structure setting screen generation means displays an identification name given to an item object in the item identification cell. In the system, apparatus, or program in any one of Claims 1-12,
The arrangement structure setting screen generation means displays at least one item object whose type of item object is not determined. In the system, apparatus, or program in any one of Claims 1-13,
The item data update means records the item object ID of the target item object in association with the item object ID assigned to the item object in the table including the target item object. The system, apparatus or program of claim 14.
The item data update means converts the item object ID assigned to the target item object into row number data and column number data indicating the position of the target item object in the item object of the table including the target item object. Recorded in association with each other. In the system, apparatus, or program in any one of Claims 1-15,
The display content setting means includes preview screen generation means for generating and displaying a preview screen of the item object based on the display content of the item object set on the display content setting screen. A data structure of an item object that is a component of a web page,
(a) Item object ID assigned to each target item object;
(b) an item object ID assigned to an item object in the table including the target item object;
(c) row number data and column number data indicating the position of the target item object in the item object of the table;
(d) display content data for displaying the target item object on a web page;
A data structure of an item object characterized by comprising: A terminal device that transmits data relating to an item object constituting a web page to a server device, and a server device that is provided so as to be communicable with the terminal device and generates a web page based on data received from the terminal device. A web page creation system,
The terminal device
(a) In the arrangement structure setting screen displayed on the display unit, arrangement structure setting means for setting the arrangement structure of the item object;
(b) an arrangement structure data generation means for generating arrangement structure data based on the set item object arrangement structure;
(e) a data transmission means for transmitting the generated arrangement structure data to the server device;
The server device
(f) an arrangement structure setting screen generation means for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(h) item data update means for updating item data recorded for each item object based on the arrangement structure data received from the terminal device;
(i) an arrangement structure setting screen updating means for updating the arrangement structure setting screen based on the recorded arrangement structure data;
(j) web page generating means for generating a web page based on the item data recorded in the recording unit;
A web page creation system characterized by comprising: A terminal device that transmits data related to item objects constituting a web page to a server device, and a server device that is communicable with the terminal device and generates a web page based on data received from the terminal device. A web page creation method,
The terminal device
(a) An arrangement structure setting step for setting the arrangement structure of the item object on the arrangement structure setting screen displayed on the display unit;
(b) an arrangement structure data generation step for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, a display content setting step for setting the display content of the item object;
(d) a display content data generation step for generating display content data based on the display content of the set item object;
(e) a data transmission step of transmitting the generated arrangement structure data and the display content data to the server device;
The server device
(f) an arrangement structure setting screen generation step for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generation step for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) an item data update step for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen update step for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) a web page generation step for generating a web page based on the item data recorded in the recording unit;
A web page creation method characterized by comprising: A web page creation method for creating a web page based on data relating to item objects constituting the web page,
(a) An arrangement structure setting step for setting the arrangement structure of the item object on the arrangement structure setting screen displayed on the display unit;
(b) an arrangement structure data generation step for generating arrangement structure data based on the set item object arrangement structure;
(c) In the display content setting screen displayed on the display unit, a display content setting step for setting the display content of the item object;
(d) a display content data generation step for generating display content data based on the display content of the set item object;
(e) a data transmission step of transmitting the generated arrangement structure data and the display content data to the server device;
(f) an arrangement structure setting screen generation step for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(g) a display content setting screen generation step for generating a display content setting screen and displaying it on the display unit of the terminal device;
(h) an item data update step for updating item data recorded for each item object based on the arrangement structure data and display content data received from the terminal device;
(i) an arrangement structure setting screen update step for updating the arrangement structure setting screen based on the recorded arrangement structure data and display content data;
(j) a web page generation step for generating a web page based on the item data recorded in the recording unit;
A web page creation method characterized by comprising: A terminal device that transmits data related to item objects constituting a web page to a server device, and a server device that is provided so as to be communicable with the terminal device and that generates a web page based on data received from the terminal device. Web page creation method,
The terminal device
(a) An arrangement structure setting step for setting the arrangement structure of the item object on the arrangement structure setting screen displayed on the display unit;
(b) an arrangement structure data generation step for generating arrangement structure data based on the set item object arrangement structure;
(e) a data transmission step of transmitting the generated arrangement structure data to the server device,
The server device
(f) an arrangement structure setting screen generation step for generating an arrangement structure setting screen and displaying it on the display unit of the terminal device;
(h) an item data update step for updating the item data recorded for each item object based on the arrangement structure data received from the terminal device;
(i) an arrangement structure setting screen update step for updating the arrangement structure setting screen based on the recorded arrangement structure data;
(j) a web page generation step for generating a web page based on the item data recorded in the recording unit;
A web page creation method characterized by comprising:

Images