JP2005242965A - Direct web page preparation and compilation support system, and web page preparation method and web page compilation method used for the same - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a system capable of directly preparing a web page from a web brower in order to lessen a load on a user when preparing a web page. <P>SOLUTION: Web contents such as texts, pictures, and tables can be easily generated on a web page by means of direct operation from a web browser. A user can save time and effort on downloading and uploading an HTML file, and effectively generate the web page so that a layout of the web contents is also easy to prepare. <P>COPYRIGHT: (C)2005,JPO&NCIPI

Description

The present invention relates to a Web page creation and editing support mechanism that enables creation and editing of a Web page by direct operation from a Web browser.

With the generalization of WWW (World Wide Web), an increasing number of people have personal websites as one means of transmitting information to the entire world. Along with this, Adobe's Adobe GoLive, which is necessary for the creation and editing of Web pages, to reduce the work involved in the description of HTML source code, the uploading and downloading of files using FTP, There is HTML authoring software such as IBM's Home Page Builder.

The HTML authoring software can automatically download and upload files by FTP by a web page creator making simple settings. In addition, it is possible to create a Web page in a form close to editing with a word processor without requiring HTML description, which is a great merit for users who have little knowledge about HTML description methods.

In addition, as a system that enables web page editing from a web browser. There are Web page creation support tools for Web sites that provide free homepage rental services. This enables a user to create a formal Web page by setting the Web page such as the background color, text color, and text size of the Web page as a template. It is a person.

In creating a web page, the creator of the web page is burdened with uploading and downloading files and editing HTML files. Although HTML authoring software has been developed to alleviate this burden, it takes a lot of time to learn how to use the software, and the fact that the software must be prepared is also a user. This is a burdensome work for the user. Also, although we are supporting file transfer, confirm that the editing of the HTML file is firmly reflected and that there is no problem with the layout, such as displaying the web page again on the web browser after uploading the file. There is a problem that must be done.

In order to solve the above-described problem, the step of creating Web content in the HTML file based on the input operation of the user with the mouse and keyboard from the Web browser according to claim 1, and the user newly generates a Web The present invention has a Web page creation / editing method characterized by acquiring position information on a Web page where the content is to be generated or the content itself and storing the data by a CGI program.

In addition, in order to enable editing of Web content from a Web browser, the step of determining the attribute of the content specified by the user according to claim 2, the text, image, and table pasted on the Web page The Web page editing method is characterized by the step of changing the attributes such as, and the step of applying the changed attributes to the Web content.

In order to make it possible to paste an image from a Web browser, a new window is created by a user input operation according to claim 3, and an image of another Web page is dragged and dropped on the window. Thus, the image file is duplicated and read into an HTML file to display the image on the Web page.

A step for allowing all viewers who visit the Web page to specify a position where the comment is pasted, a step for requesting the content to be pasted as a comment, and a Web browser so that a comment in a tag form can be pasted in the Web page The system has a system that enables pasting characterized by a step of reproducing a comment in a sticky note format using text and an image.

In order to perform communication using the above-mentioned comments in the tag format, all viewers who visit the web page on the web page to which the comment in the tag format can be pasted according to the present invention are arbitrarily selected on the web page. We decided to have a method of communicating by exchanging information with each other by pasting a comment at the position of and browsing by other visitors.

As described above, the present invention can save time and labor of uploading and downloading HTML files and describing HTML source code, and can support users who lack knowledge about FTP and HTML. .

In addition, since the present invention can arrange and move web contents with a simple mouse operation, it is possible to easily create / edit a web page, and at that time, it is completed immediately on a web browser. This saves you the trouble of checking the page layout.

Furthermore, it is not a communication that restricts where to write, such as a Web bulletin board or Web chat, which is a conventional communication tool for Web pages. It is possible to use it as a flexible communication place by freely attaching a comment on a web page.

Embodiments of the present invention will be described with reference to the drawings. Here, the Web content to be pasted on the Web page is referred to as “object”. FIG. 1 is a flowchart for creating / editing a Web page according to the present invention. The present invention is composed of a Web browser 17 serving as a user interface, a mechanism 18 constructed by JavaScript, and a CGI program 19.

When the user 10 performs an input operation on the Web browser 17, the action processing mechanism 13 acquires the action, creates object data to be pasted based on the input, and passes the data to the HTML tag processing mechanism 14. The HTML tag processing mechanism 14 writes a tag to the HTML file 11 based on the data. When the user 10 wants to save (that is, create) a Web page, the data management mechanism 12 reads the data of all objects on the Web browser 17 and passes the data to the data comparison mechanism 15. The data comparison mechanism 15 prevents a plurality of users from overwriting data unintentionally. Next, the data is transferred to an object DB (Data Base) 16, and thereafter, the HTML tag processing mechanism 14 reproduces the object on the Web browser 17 in a journey in which the HTML file 11 is displayed.

An execution example when writing text is shown in FIG. When the user presses the button 20 for writing the text in the tool box window 22 and designates the writing position, a text writing window 25 appears, and the text content, size and character color are designated there. By doing so, the text can be written from the Web browser 26. Thereafter, the user presses the button 21 for saving the Web page, and the Web page is immediately completed.

FIG. 3 shows a flow when a Web page is pasted.
When pasting an image, first, the user is requested to designate the position to paste from the Web browser (30). Thereafter, it is requested to drag and drop an image to be pasted from another Web page into a newly opened window (31). When the image is dropped, the action processing mechanism (FIGS. 1 and 13) constructed by JavaScript acquires the path of the image (32), and then the image is duplicated (33) by the CGI program and specified by the user. The image is read into the HTML file so as to be displayed at the position (34).

FIG. 4 is an example in which sticky note format comments 41 and 42 are pasted from the Web browser 40. Thus, by pasting a comment at a free position, it is possible to make flexible communication between viewers.

FIG. 5 is a diagram illustrating an example of object data. The data management mechanism (FIGS. 1 and 12) manages the coordinates of the object, the size of the object, the contents thereof, and the like as the object information 50, and passes the data to the CGI program 51. Thereafter, the CGI program converts the object information into the data file 52 and stores it in the object DB (FIGS. 1 and 16). By reading this data file into the HTML file 53, the object is written on the Web browser.

The present invention is composed of programs that operate on a Web server, such as a JavaScript or CGI program, and a user only needs a Web browser. Therefore, the present invention is used as a new tool provided by a free rental homepage service. Can be expected. In addition, because of the ease of operation, it can be applied to educational activities using the Web for elementary school students and the like.

3 is a flowchart of a Web page creation / editing method in the present invention. It is an example of the implementation screen at the time of writing a text on a web page. It is a flowchart at the time of pasting an image from another Web page. It is an example of the Web page which stuck the comment of the tag form. It is an example of the data of Web content.

Explanation of symbols

10 User 11 HTML file 12 Data management mechanism 13 Action processing mechanism 14 HTML tag processing mechanism 15 Data comparison mechanism 16 Object DB
17 Web browser 18 JavaScript program 19 CGI program 20 Text writing button 21 Save button 22 Tool box window 23 Character string input area 24 Character size input area 25 Text writing window 26 Web browser 40 Web browser 41, 42 Sticky note comment 50 Object information 51 CGI program 52 Data file 53 HTML file

Claims (5)

A method for creating a web page from a web browser,
First, creating web content in an HTML file based on a user's mouse or keyboard input operation from a web browser;
Second, a method for creating a Web page, comprising: acquiring position information on a Web page where a user wants to newly generate Web content, or the content itself, and storing the data using a CGI program. A method of editing a web page from a web browser,
First, requesting user-specified content attributes,
Second, a method for editing a web page, comprising a step of applying the changed attribute to the web content. An image pasting method to a web page from a web browser,
A new window is created by user input,
Duplicate the image file by dragging and dropping an image of another web page into the window,
By loading it into an HTML file,
A method of displaying an image on a web page. A method for pasting a comment in a sticky note format into a web page,
First, letting all the visitors who visit the web page specify the position to paste the comment,
Second, requesting the viewer what to paste as a comment,
Third, there is a step for reproducing a comment in a sticky note format using a text and an image on a Web browser. A communication method using comments in a sticky note format,
On the Web page to which a sticky note-type comment can be pasted according to the present invention, all the visitors who visit the Web page paste the comment at an arbitrary position on the Web page, and other visitors visit it. A method of communicating by browsing and exchanging information between viewers.

Images