JP2008071115A - Web page creation supporting device - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To support creation of a Web page which can be formed in a free layout, and used as a home page or a presentation file. <P>SOLUTION: The device comprises a character input frame display means 16 for displaying a character input frame on a screen of a browser and acquiring data showing a character input thereto and its attribute; a character input frame movement display means 18 for acquiring position information of the character input frame; a part image input frame display means 20 for displaying an image input frame and acquiring data showing an image input thereto and its attribute; and an input frame area detection means 24 for acquiring position information for the character image input frame and the part image input frame as coordinate values based on a single coordinate origin determined on a Web page. Web page data units 85 with HTML tags added thereto are generated in a unit of character input frame or part image input frame, and these are connected to generate a series of Web page data. <P>COPYRIGHT: (C)2008,JPO&INPIT

Description

  The present invention relates to a web page creation support apparatus used for creation support of web page data in HTML format.

The Internet has exploded in popularity as a tool that can easily and widely disseminate information at a low cost. Various types of tools have been developed so that an Internet homepage can be created by a specialized vendor as well as a general individual user (see Patent Document 1).
JP 2004-326514 A

The known prior art has the following problems to be solved.
The homepage is viewed by more people when the design and functions are excellent. In addition, web pages constituting a home page are used not only for information transmission such as documents but also as a database. From this point of view, XML format web pages have come to be used frequently. There is also a system such as a blog where a home page can be easily completed by connecting to a predetermined website and inputting designated data. However, when a web page is created using an existing system or application, it is limited only to a method of flowing data into a predetermined template, and free expression cannot be performed. That is, a web page that is uniform and has no individuality is completed regardless of who makes it.
In order to solve the above problems, an object of the present invention is to provide the following web page creation support apparatus and the like. In other words, the present invention provides a web page creation support apparatus that supports creation of a web page that can be generated in a free layout and that can be used as a home page on the Internet or a web-based presentation file.

The following configuration is means for solving the above problems.
<Configuration 1>
Communication control means that establishes a communication path with the user terminal device through the network and communicates display control information with a browser that operates on the user terminal device, and selection information for the background image of the web page to be generated. A background image display control means for receiving and controlling the background image to be displayed on the browser; and displaying a character input frame for character input at a designated position on the browser screen; Character input frame display means for acquiring data indicating attributes, character input frame movement display means for acquiring position information of the character input frame, and an image input frame for inputting an image at a designated position on the browser screen The component image input frame display means for acquiring the input image and the data indicating the attribute thereof, and the component image input for acquiring the position information of the image input frame. Frame movement display means, input frame area detection means for acquiring position information of the character image input frame and the component image input frame as coordinate values based on a single coordinate origin defined on a web page, and the character Among the data acquired by the input frame display means and the component image input frame display means, input data attribute detection means for acquiring data used for displaying characters and component images in a web page, and the character input frame or An HTML tag for displaying the character or component image with the corresponding attribute is added to the data specifying the character or component image to be displayed based on the data acquired by the input data attribute detection means in the component image input frame unit. In addition, the web page data to which an HTML tag that designates the coordinate value acquired by the input frame area detection means as the display position of the corresponding character or image is added. A web page data unit generating means for generating a data unit and a web page data unit generated in units of the character input frame or the component image input frame, and an HTML header / footer including data specifying the background image In addition, a web page data unit synthesizing unit for synthesizing a series of web page data, and a web page for storing the web page data synthesized by the web page data unit synthesizing unit in a storage unit in a state readable by a computer A web page creation support device comprising a data storage means.

  This device supports, for example, the operation of generating web page data in HTML format by operating a terminal device connected through a network. Characters and the like entered as they are specified by the user on the display screen of the browser are displayed. You can create web pages very naturally and easily. In addition, since it is versatile data, it can be operated by any browser. Furthermore, the created web page can be easily downloaded to the user's terminal.

  Hereinafter, embodiments of the present invention will be described in detail for each example.

FIG. 1 is a block diagram illustrating a web page creation support apparatus 10 according to the first embodiment.
The web page creation support apparatus 10 includes an arithmetic processing device 53 and a storage device 54 therein. This is constituted by a web server connected to the network 32, for example. The arithmetic processing unit 53 includes a communication control unit 12, a background image display control unit 14, a character input frame display unit 16, a character input frame movement display unit 18, a component image input frame display unit 20, and a component image input frame movement display unit 22. An input frame area detection unit 24, an input data attribute detection unit 26, a web page data unit generation unit 28, and a web page data unit composition storage unit 30 are provided. These means are all computer programs that cause the computer of the web page creation support apparatus 10 to execute predetermined processing.

  The communication control unit 12 has a function of establishing a communication path with the user terminal device 34 through the network 32 and exchanging display control information 38 with a browser operating on the user terminal device 34. Specifically, the generated web page is transferred to the browser, and commands and data are received from the browser. The background image display control unit 14 has a function of receiving selection information 44 of the background image 42 of the web page to be generated and controlling the background image 42 to be displayed on the browser. The character input frame display means 16 has a function of displaying a character input frame 62 for character input at a designated position on the browser screen and acquiring character-related data 67 indicating the input character and its attribute. Is. The character input frame movement display means 18 has a function of acquiring the position information 63 of the character input frame 62. The component image input frame display means 20 has a function of displaying an image input frame 64 for image input at a designated position on the browser screen and acquiring image-related data 69 indicating the input image and its attributes. It is what you have. The component image input frame movement display means 22 has a function of acquiring the position information 65 of the image input frame 64.

  The input frame area detection unit 24 has a function of acquiring the position information 63 of the character image input frame 62 and the position information 65 of the component image input frame 64 as coordinate values based on a single coordinate origin defined on the web page. It is what you have. The input data attribute detection unit 26 displays characters and component images in the web page among the character related data 67 acquired by the character input frame display unit 16 and the image related data 69 acquired by the component image input frame display unit 20. It has a function to acquire the data used to do. The web page data unit generation unit 28 uses the data acquired by the input data attribute detection unit 26 in units of the character input frame 62 or the component image input frame 64 to specify the character or component image to be displayed. An HTML tag 48 for displaying an image with a corresponding attribute is added. Further, the web page data unit 85 is generated by adding an HTML tag 48 for designating the coordinate value acquired by the input frame area detecting means 24 to the display position of the corresponding character or image.

  The web page data unit combining unit 30 connects the web page data unit 85 generated in units of the character input frame 62 or the component image input frame 64, and adds an HTML header / footer 52 including data specifying the background image 42. Thus, it has a function of synthesizing a series of web page data. The web page data storage means has a function of storing the web page data synthesized by the web page data unit synthesizing means 30 in the storage device 54 in a state readable by a computer such as the terminal device 34.

FIG. 2 is a hardware block diagram of the web page creation support device 10 and the terminal device 34.
As shown in FIG. 1, both the web page creation support device 10 and the terminal device 34 are connected to the network 32. A CPU 101, a ROM (read only memory) 102, a RAM (random access memory) 103, and an HDD (hard disk) 104 are connected to the bus line 100 of the web page creation support apparatus 10. The CPU 101 functions as the arithmetic processing device 53 (FIG. 1), and the ROM 102, RAM 103, and HDD 104 function as the storage device 54 (FIG. 1). The web page creation support apparatus 10 is connected to the network 32 by a network interface 105.

  The terminal device 5 may be a very general personal computer. The network 32 is connected via a network interface 115. A CPU 111, ROM 112, RAM 113, HDD 114, and input / output interface 116 are connected to the bus line 110. A display 117, a keyboard 119, and a mouse 118 are connected to the input / output interface 116. The CPU 111 functions to start a browser, access the website of the web page creation support apparatus 10, and request generation of a web page. The completed web page is downloaded to the terminal device 34 to form a part of the home page or used as presentation data.

FIG. 3 shows an authentication screen that is displayed when the website of the web page creation support apparatus 10 is accessed using the terminal device 34 and a web page creation process is requested.
For example, in this example, a web page creation service is provided to a specific registered user. The user inputs the user ID and password in the authentication data input frame 82 and clicks the button 83 to start the program.

FIG. 4 is an explanatory diagram of the control screen after the start of the web page creation support process.
The web page creation support device 10 supports, for example, the operation of generating HTML-format web page data for the terminal device 34 connected through the network 32. An input data selection screen 85 is displayed immediately after login or at an arbitrary timing during web page data generation work. On this screen 85, a button 86 for requesting character input processing and a button 87 for inputting a component image are displayed. When the button 86 is clicked, a character input frame 62 is displayed. Arbitrary character data 67 can be input to the character input box 62. When the mouse is right-clicked on this screen, a screen for inputting attribute data (characters) 68 is displayed.

  The user moves the character input frame 62 to a desired location on the browser screen. In addition, the character input frame 62 is set to a desired size. Thereafter, the character data 67 desired to be displayed is input. Characters may be input directly using a keyboard, or may be input by copy and paste. The character font and character color are input as attribute data (character) 68. Further, the part image input frame 64 is displayed by designating a desired place, and image data 69 desired to be displayed is input.

FIG. 5 is an example of a text with a tag, showing a specific example of the web page data unit.
This data includes four types of web page data units. (A) is a web page data unit 91 for header display, (b) is a web page data unit 92 for character display, (c) is a web page data unit 93 for image display, and (d) is for footer display. Web page data unit 94. When these are assembled, the web page data unit 91 for header display is always arranged at the head of the web page. The web page data unit 94 for footer display is always arranged at the end of the web page. On the other hand, other web page data units 92 and 93 may be arranged anywhere between the header and the footer. The program becomes the simplest when arranged in the order of creation.

FIG. 6 is an explanatory diagram of the structure of web page data.
The web page data unit generation means 28 generates the web page data unit 92 (FIG. 7), for example, in units of one character input frame. An HTML tag 48 (FIG. 7) is added so that a designated character is displayed at a designated location with a designated attribute. Each time an input using a character input frame or a component image input frame is performed, a web page data unit is generated for each input frame. Since the display position is acquired as a coordinate value based on the only coordinate origin 46 defined on the web page 95, the image 96 and the character 97 inputted as they are on the display screen of the browser are displayed. Is displayed. In the present invention, since the web page data unit is independent for each input frame, it is not necessary to adjust the mutual relationship. If web page data units are assembled and a header and a footer are added, HTML data is completed. In addition, since each web page data unit is independent, correction and change can be independently made for each character input frame and component image frame.

  When a character or image is placed on the browser screen, the character or image is fixed as it is. Therefore, it is possible to create web page data very naturally and easily. In addition, since the character input frame and the part image frame can be designated and modified individually at any time, workability is good.

7 to 9 are flowcharts of the computer program operation of the web page creation support apparatus.
First, the main process will be described. First, a user accesses a website that provides a web page data generation service. Here, the server of the website operates as a web page creation support apparatus. In step S11, login processing is performed. In step S12, web page creation processing is started. The web page data unit generation means and the web page data unit synthesis means are activated simultaneously. The web page data unit combining means creates a header in step S13. The data unit should be added after that.

  In step S14, first, the user creates a frame of a desired size at a desired position on the screen by drag and drop. Next, the data input to the frame is detected in step S15. In the next step S16, it is determined whether or not it is a character input. If the result of this determination is yes, the process proceeds to step S17, and if no, the process proceeds to step S19. In step S17, a character web page data unit is generated. Details of the character input process will be described with reference to FIG. In step S18, the generated data unit is added to the web page data. In step S19, it is determined whether or not a component image is input. If the result of this determination is yes, the process proceeds to step S20, and if no, the process proceeds to step S22. In step S20, an image data unit is generated. Details of the image input process will be described with reference to FIG. In step S21, the generated data unit is added to the web page data.

In step S22, it is determined whether or not the data input process has been completed.
If the result of this determination is yes, the process proceeds to step S23, and if no, the process returns to step S16. When the data input process is completed, a footer is added to the web page data in step S23. In step S24, the web page data thus completed is stored in the storage device.

Next, the flowchart of the character input process of FIG. 8 will be described.
First, in step S31, input of characters into the character frame is accepted. In step S32, it is determined whether or not the character input process is finished. If the result of this determination is yes, the process proceeds to step S32, and if no, the process waits. In step S33, input character data is acquired. In step S34, attribute data is acquired. In step S35, character frame position coordinates are acquired. In step S36, the character frame size is acquired.

  With the above process, unit preparation is ready. In step S37, a position designation tag is generated. In step S38, a character attribute tag is generated. In general, a plurality of types of character attribute tags are generated to specify a character size, a color, and the like. In step S39, character data is inserted between the tags. This generates a unit as already described. In step S40, the generated data unit is stored in the storage device.

Next, the flowchart of the image input process of FIG. 9 will be described.
In step S41, an image data file name is acquired. In step S42, an image data folder is selected. All the image data may be stored in a fixed folder, or a separate folder may be generated for each unit. In step S43, image data is stored in the folder. In step S44, the position coordinates of the image frame are acquired. In step S45, the image frame size is acquired. In step S46, attribute data is acquired. Data necessary for tag generation can be acquired by the above processing. In step S47, a position designation tag is generated. In step S48, an image attribute tag is generated. In step S49, a data file name tag is generated. In step S50, the data unit is stored in the storage device. What is necessary is just to repeat the above process.

  If the frame in which characters are input is redisplayed and the image is input again, it becomes an image frame. You can create as many frames as you like, and you can delete them as you like. Once you have created a frame at your preferred location, you can enter and change properties and create the web page you want. As described above, the web page creation support apparatus 10 with a short development period and practical utility can be provided. In addition, since it is versatile data, it can be operated by any browser. Since a web page in HTML format instead of XML format can be created, handling and maintenance are easy. Furthermore, there is an effect that the created web page can be easily downloaded to the user's terminal.

  Note that the computer program executed by the arithmetic processing unit may be modularized in units illustrated in functional blocks, or may be integrated by combining a plurality of functional blocks. Further, the above computer program may be used by being incorporated into an existing application program. The computer program for realizing the present invention can be recorded on a computer-readable recording medium such as a CD-ROM and installed in any information processing apparatus for use.

1 is a block diagram illustrating a web page creation support apparatus 10 according to a first embodiment. 2 is a hardware block diagram of a web page creation support device 10 and a terminal device 34. FIG. It is an authentication screen displayed when a web page creation process is requested. It is explanatory drawing of a control screen after a web page creation assistance process start. It is a sentence example with a tag, which shows a specific example of a web page data unit. It is a structure explanatory view of web page data. It is a computer program operation | movement flowchart of a web page creation assistance apparatus. It is a flowchart of a character input process. It is a flowchart of an image input process.

Explanation of symbols

DESCRIPTION OF SYMBOLS 10 Web page creation assistance apparatus 12 Communication control means 14 Background image display control means 16 Character input frame display means 18 Character input frame movement display means 20 Component image input frame display means 22 Component image input frame movement display means 24 Input frame area detection means 26 Input Data Attribute Detection Unit 28 Web Page Data Unit Generation Unit 30 Web Page Data Unit Synthesis Unit 31 Web Page Data Unit Storage Unit 32 Network 34 Terminal Device

Claims (1)

A communication control means that establishes a communication path with a user's terminal device through a network, and has a function of communicating display control information with a browser operating on the user's terminal device;
Background image display control means for accepting selection information of a background image of a web page to be generated and controlling the background image to be displayed on the browser;
A character input frame display means for displaying a character input frame for character input at a designated position on the browser screen, and obtaining data indicating the input character and its attribute;
Character input frame movement display means for acquiring position information of the character input frame;
A component image input frame display means for displaying an image input frame for image input at a specified position on the browser screen and acquiring data indicating the input image and its attributes;
Component image input frame movement display means for acquiring position information of the image input frame;
Input frame area detecting means for acquiring position information of the character image input frame and the component image input frame as coordinate values based on a single coordinate origin defined on a web page;
Among the data acquired by the character input frame display means and the component image input frame display means, input data attribute detection means for acquiring data used for displaying characters and component images in a web page;
In order to display the character or component image with the corresponding attribute in the data for specifying the character or component image to be displayed by the data acquired by the input data attribute detection means in the character input frame or the component image input frame unit Web page data unit generating means for generating a web page data unit to which an HTML tag is added and the coordinate value acquired by the input frame area detecting means is designated as the display position of the corresponding character or image When,
A web page data unit generated in units of the character input frame or the component image input frame is connected, and an HTML header / footer including data specifying the background image is added to synthesize a series of web page data. Web page data unit synthesis means;
Web page data storage means for storing the web page data synthesized by the web page data unit synthesis means in a storage means in a state readable by a computer;
A web page creation support device characterized by comprising:

Images