JP2003196264A - Web page preparing method, web page preparing program, and web page preparing device - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a Web page preparing method, a Web page preparing program, and a Web page preparing device capable of saving or quickening the editing or updating work of each page by decomposing the constituting elements of a Web page into individual parts, and managing those constituting elements by the part units. <P>SOLUTION: When a Web page is prepared by converting constituting elements allocated to a page for edition into a prescribed format, the constituting elements are allocated on the page for editing and stored in a storage means. Then the constituting elements allocated by an allocating means are converted into a prescribed format so that the Web page can be prepared. Then, those constituting elements are associated with each other so as to be decomposed into parts, and managed by the part units. <P>COPYRIGHT: (C)2003,JPO

Description

Detailed Description of the Invention

[0001]

TECHNICAL FIELD The present invention relates to HTML and XML.
A web page creation method for creating a content to be viewed on a network such as the Internet, that is, a so-called web page (web content).
The present invention relates to a web page creation program and a web page creation device.

[0002]

2. Description of the Related Art In recent years, the Internet has become widespread worldwide, and one of the means for providing information is WWW (world wide
It has become possible to seamlessly access information (web pages) scattered around the world by using the web).

In companies and shops, websites for providing various information through the WWW are set up to carry out public relations activities, customer service, web shopping and the like.

[0004]

In most cases, the web pages constituting the above website are conventionally edited by a commercially available editor.

When updating a web site called a web master, the web site administrator has always been forced to perform complicated editing work such as recreating an update file with an editor and transferring it by FTP.

[0006] In particular, when updating a common part over a plurality of pages such as a menu, it is often the case that all related files must be updated.
Moreover, when changing the layout, it is necessary to change the constituent elements such as characters and images one by one, which is one of the factors that hinder the improvement in productivity of web page production.

Therefore, in the present invention, the constituent elements of the web page are made into parts, and management in units of these parts is possible,
An object of the present invention is to provide a web page creation method, a web page creation program, and a web page creation device that can save labor and speed up each page editing and updating work.

[0008]

A web page creating method, a web page creating program, and a web page creating apparatus of the present invention edit a web page by dividing a plurality of components into parts and managing the parts. We are trying to save labor and speed up the updating work.

For example, when a common constituent element over a plurality of pages such as a logo and a menu is made into parts and stored in the parts storage means, and a web page using the parts is created,
By managing the parts storage means so as to be referred to, it is possible to edit or update over a plurality of web pages simply by editing or updating the parts in the parts storage means that is the reference source.

[0010]

BEST MODE FOR CARRYING OUT THE INVENTION Embodiments of the present invention will be described below with reference to the drawings. FIG. 1 is a diagram showing a schematic configuration of a web page creation device according to the present invention. The web page creation apparatus 1 of this example allocates constituent elements such as characters and images to pages for editing, determines the layout while assuming the case of browsing, and determines these constituent elements in HTML (Hypertext M
arkup Language), XHTML, XML, etc. to convert into a predetermined format to create a web page. This web page is stored in the web server 2, and another user accesses the web server 2 via the network by the terminal 3 and browses the web server.

FIG. 2 is a diagram showing an example in which components are assigned to an editing page, and FIGS. 3 and 4 are diagrams showing examples of converting the components into HTML.

In the example shown in FIG. 2, page 21 for editing is used.
, Headline 22, ruled line 23, paragraph 24, menu 25 ~
33, articles 34 to 41, logos 42 to 44 and the like are allocated.

When allocating each of these elements, the position, size, color, etc. within the page are specified.

When this is converted into HTML to create a web page, a predetermined format is formed by a head element 51 and a body element 52 as shown in FIGS.

In the head element 51, information such as a title of a web page, a keyword and a character code which is not displayed at the time of browsing is described. These keywords and titles may be extracted from the body element 52, or may be extracted by the web master (user) when converting to HTML.
May be prompted for input.

Information displayed at the time of browsing is described in the body element 52, and the editing page 2 in FIG. 2 is described.
HTML that corresponds to the position, size, color, etc. in the page for each of the elements 22 to 41 assigned to 1
It is shown after being converted to a tag (element name or attribute value).

For example, in the heading 22, as shown in FIG. 2, the characters "Tokyo gourmet information" are allocated in a large red color in the center of the uppermost row of the editing page 21.

In HTML, as shown in FIGS. 3 and 4, this heading is a start tag 2 <h1 representing the heading at the beginning of the sentence.
2a (in this case h1 is the element name) is written, and this end tag (/ h1>) 22b is written at the end of the sentence. Then, between the start tag 22a and the end tag 22b, an attribute 22c that represents a position in a line, that is, align = "center" (in this case, align is an attribute name, center is an attribute value), and an attribute 22d that represents a color, that is, fo
nt color = "# F0000""(in this case, font color is the attribute name,
# FF0000 is an attribute value) and the content 22e, that is, "Tokyo gourmet information" is described.

If the ruled line 23 is <hr>, and if the paragraph is 24, <p align = "left"><font size = "4"> Monjayaki, Tokyo ramen, Edomae sushi, Japanese, Western, In Tokyo, where shops of all genres such as itamishi and international cuisine gather, we will introduce you to really delicious restaurants. </
As with font></p>, elements that represent paragraphs and attributes that represent position and size are described.

Menus 26-33, articles 36-38, 4
0 indicates the URL (Unifor
m Resource Locator) 2a is also described.

In the frame (table element) 42 of the logo, width, margin, color, etc. are described. In the image 43, the image file Image4.gif saved separately is called and displayed, and the file name of this image, the border around the image, and the width and height when displayed are described.

The web page creating apparatus 1 of the present embodiment for creating a web page as described above has an arithmetic processing section including a CPU (central processing unit) 9 and a main memory 10 in a main body 11 as shown in FIG. 12, a hard disk (storage means) 13 that stores software for arithmetic processing, an input / output port 14 that is an input / output unit for data with a user interface, a communication control means 15 for connecting to a network for communication Is provided.

Further, the input / output port 14 is provided with an input means such as a keyboard and a mouse as a user interface,
An output means such as a display or a printer is appropriately connected.

An operating system (OS) and application software (web page creation program) are installed in the hard disk 13 of the main body 11. In addition, the hard disk (storage means) 13
The constituent elements assigned to the edit page are stored, information regarding the constituent elements that have been made into parts is stored, and a parts table (parts storage means) that stores the constituent elements that have been made into parts for each part number is constructed. .

The arithmetic processing unit 12 realizes functions such as an allocating unit, a page creating unit, a component managing unit, a timer unit, etc., by processing based on information from peripheral devices and application software.

The function of the allocating means is to allocate the components on the editing page according to the information input by the web master by operating the keyboard or mouse.

As a function of the page creating means, the constituent elements allocated by the allocating means have a predetermined format (HTM).
L) to create a web page.

As a function of the parts management means, a plurality of the above-mentioned constituent elements are associated with each other to be made into parts, and each element is registered in the parts table for each part number, and management is performed for each part.

The function of the timer means is to notify the separation management means of the change of parts at a predetermined time or at a predetermined period, and the parts to be reflected on the web page are switched according to the date, the day of the week, and the time. .

In this embodiment, as described above, the web page creating apparatus is realized by operating the web page creating program on the general-purpose computer, but the web page creating apparatus of the present invention is not limited to this. An electronic device in which each means is configured by a dedicated electronic circuit may be used.

Next, a procedure for managing the web page components in units of parts and creating the web page using the web page creating apparatus of this embodiment will be described with reference to FIG.

The web master first inputs the information of the constituent elements from the input means (step 1, abbreviated as S1 hereinafter).

FIG. 7 shows the blank editing page 21 opened, and the cursor (caret) is displayed at the top of the top line.
53 is displayed.

From this state, the web master inputs, for example, the content "Tokyo gourmet information" of the heading 22 (FIG. 2) from the keyboard (FIG. 8).

The contents are designated in a range, and the heading 1 is selected from the menu format with the mouse (FIG. 9) and set as the heading.

Similarly, a paragraph is selected from the menu format and set to be centered. Also, select a font from the menu format and set the character color to red (Fig. 10).

As described above, the web master inputs the constituent elements from the input means such as the keyboard and the mouse, and specifies the position, the size and the like to perform the allocation. The following elements are similarly allocated and an editing page is constructed as shown in FIG.

The web page creating apparatus 1 converts the constituent elements allocated to the page for editing into HTML by the function of the web page creating means and hard disk 13
(S2). Although the editing page is stored in HTML in this example, it is not limited to this and may be stored in a unique format.

Of these constituent elements, elements used for a plurality of pages such as menus and logos are made into parts.

The web master includes, for example, the components 25 to 3
Specify 3 as the range, and select Partization from the edit menu (S
3).

In response to this, the web page creating apparatus 1
Part numbers are assigned to the selected components (S4), these components are stored in the parts table for each part number (S5), and the components stored in the web folder are replaced with the part numbers (S6). Make into parts.

Further, the constituent elements 42 to 44 are similarly made into parts.

FIG. 11 is a schematic diagram of a parts table.
The component numbers 25 to 33 are one part and the part number is P00.
It is stored in association with 1. Similarly, the components 42 to 44 are stored as one component in association with the component number P002.

On the other hand, FIG. 12 is a diagram showing the editing page 21 stored in the hard disk in step 6, and the componentized components are replaced with the component numbers 54 and 55 stored in the component table.

This componentized component is managed on a component basis by the function of the component management means. For example, when allocating a menu (part P001) to another page 60, place the cursor 53 on the allocation line, point to the part in the insertion menu, and select the target part P0 from the part list.
01 is selected (FIG. 13, S7).

Similarly, a logo P002 is also inserted to form an editing page 60 as shown in FIG.

As shown in FIG. 15, in the source when the page for editing is stored in the folder for editing, parts are indicated by the same part numbers as in FIG.

Further, each part can be edited on a part-by-part basis. For example, when a part P001 is selected from the edit pages configured as shown in FIG. 2 or FIG.
As described above, the information of the component P001 is read from the component table and the editing window is displayed (S8).

The web master edits the size and color of the part P001, the layout of the constituent elements, etc. in this editing window. Note that FIG. 16 is a preview screen showing the edited result in the same way as when browsing, and the display may be switched to show the source (predetermined language) as shown in FIG.

In the window for editing this part, for example, the "latest information" 55 is added as shown in FIG. 18, the update is selected, and the window is closed. Is updated (overwritten) in the parts table (S9).

That is, in each page to which the component P001 is allocated, the component table as the reference destination is updated, so that the updated content can be displayed.

When the editing is completed, the web master creates a web page from the file menu 56.
(FIG. 19) is selected.

In response to this, the web page creating apparatus 1
Parts P001 and P002 assigned in the edit page
With reference to the parts table, the parts table is replaced with constituent elements, and each constituent element is converted into HTML (S10). Figure 2
0 and FIG. 21 show the HTML source when the web page is created from the editing page 21. Also in FIG.
Shows an HTML source when a web page is created from the editing page 60.

Then, the apparatus 1 stores this HTML file in a folder corresponding to the URL of the web server and provides it for browsing on the web (S11).

The web page may be created by directly specifying the page to be created by the web master, but the date and time of the previous creation is stored in the hard disk 13 and the edit page updated after this date and time is stored. May be set so that the web page creating means automatically selects and creates. If the part is updated at this time, when this part is allocated to the page for editing in advance, the page allocated in association with the part number is stored in the parts table and all the corresponding pages are updated. Selected as a page.

Further, in the web page creating apparatus 1 of this example, the description content of the web page created as described above can be changed according to time. For example, as the part P001, a plurality of parts (P0
01a, P001b, P001c) is stored in the parts table, and at the time of breakfast (4:00
If it is ~ 11: 00, P001a, at lunch time (11: 00-15: 0)
0) P001b, dinner and other (15: 00-4: 0)
If it is 0), it notifies the component management means to switch to P001c. Then, by the function of the parts management means, the notified parts (P001a, P001b, P001
The web page in which c) is posted is extracted, the page creating means is notified to create the web page switched to this part, and the page is stored in the folder corresponding to each URL for browsing.

The equipment may be changed according to the day of the week or the date, not limited to the time. For example, if it is a website of a restaurant, Monday is "closed today. We are looking forward to your visit again." From Tuesday to Friday, "Introduction of lunchtime ...", Saturdays, Sundays, and holidays , "Introduction of special menus on holidays ...", so that parts corresponding to each day of the week will be posted.

As described above, according to the present embodiment, the constituent elements of the web page are divided into parts, and management can be performed on a per-part basis, thereby saving labor and speeding up the editing and updating operations for each page. it can.

Various parts are prepared on the vendor side,
By providing the web master, common parts can be achieved,
Since the web master can save the time and effort for creating each individually, the efficiency of the web page creation work can be improved. In particular, since the web page can be created or updated by allocating parts or partially modifying it, even a person with a relatively low skill can easily manage the website.

<Other Embodiments> [1]: In the web page creating method for creating a web page by converting the components allocated to the editing page into a predetermined format, the web page is created on the editing page. Allocating elements, storing the constituent elements in a storage means, converting the constituent elements allocated by the allocating means into a predetermined format to create a web page, and a plurality of the constituent elements Is associated with each other, and is managed as a component, and the management is performed in the unit of the component.

[2]: In the step of managing each component, a plurality of components associated with each component are stored in the component storage means, a component number is assigned to each component, and each component is managed, In the step of performing the allocation,
If the part is assigned to a page for editing,
The web page creation method according to [1], characterized in that the page for editing and the part number of the part are stored in the storage means.

[3]: In the step of converting to the predetermined format, the corresponding component is extracted from the component storage means based on the component number stored in the storage means,
The web page creating method according to [2], wherein the extracted constituent elements are converted into a predetermined format to create a web page.

[4]: The step of retrieving the information of the component from the component storage means and displaying a window for editing in component units based on the information of the component is included in [3]. How to create a web page.

[5]: In the step of performing management on a part-by-part basis, the attributes of the constituent elements included in the part are collectively changed, according to any one of [1] to [4]. How to create a web page.

[6]: A step of allocating components on the editing page in a web page creation program for creating a web page by converting the components allocated to the editing page into a predetermined format A step of storing the constituent elements in a storage means; a step of creating a web page by converting the constituent elements allocated by the allocating means into a predetermined format; and associating a plurality of the constituent elements into a component, A web page creation program that causes a computer to execute the step of managing the parts.

[7]: In the step of managing the parts, the plurality of parts associated with each part are stored, each part is managed by the identification number given to each part, and the allocation is performed. In the step, when the component is allocated, the web page creation program according to [6], characterized in that the storage means stores an identification number indicating the component.

[8]: In the step of converting to the predetermined format, the constituent elements stored in the step of managing the parts are extracted based on the identification number stored in the storage means, and the extracted constituent elements are extracted. The web page creation program described in [7], which creates a web page by converting it into a predetermined format.

[0068]

[9]: Creating a web page according to [8], including the step of searching the component information from the component storage means and displaying a window for editing in component units based on the component information. program.

[10]: In the step of managing the parts, the attributes of the constituent elements included in the parts are collectively changed. [6]

The web page creation program according to any one of [9].

The web page creation program of the present invention can be provided through a medium such as a CD-ROM or a network.

The remote counting program of the present invention may be compressed or divided into a state that can be restored by a predetermined algorithm.

[11]: Allocation for allocating components on the page for editing in a web page creation device for creating a web page by converting the components allocated to the page for editing into a predetermined format Means, storage means for storing the constituent elements, page creating means for converting the constituent elements allocated by the allocating means into a predetermined format to create a web page, and associating a plurality of the constituent elements into parts. And a component management unit that manages the component unit.

[12]: The parts management means stores a plurality of parts associated with each of the parts in the parts storage means,
Each part is managed by a part number assigned to each part, and when the allocation unit allocates the part to an editing page, the storage unit stores the editing page and the part number indicating the part. Is stored in [1
1] The web page creation device described in [1].

[13]: The page creating means extracts a component corresponding to the part number from the part storing means based on the part number stored in the storing means, and extracts the extracted component in a predetermined format. The web page creation device described in [12] is characterized in that the web page creation device creates the web page.

[14]: The parts management means retrieves the information of the parts from the parts storage means, and displays a window for editing the parts by parts based on the information of the parts [13]. Web page creation device described in.

[15]: The web page creating apparatus according to any one of [11] to [14], wherein the parts management means collectively changes the attributes of the constituent elements included in the parts. .

[0077]

As described above, according to the present invention, the constituent elements of the web page are divided into parts, and management can be performed in units of these parts, and the labor for editing and updating each page can be saved and speeded up. A web page creation method, a web page creation program, and a web page creation device can be provided.

[Brief description of drawings]

FIG. 1 is a schematic configuration diagram of a web page creation device according to the present invention.

FIG. 2 is a diagram showing an example in which components are assigned to an editing page.

FIG. 3 is a diagram showing a state in which the page of FIG. 2 is converted into HTML.

FIG. 4 is a diagram showing a state in which the page of FIG. 2 is converted into HTML.

FIG. 5 is a schematic configuration diagram of a web page creation device.

FIG. 6 is an explanatory diagram of a web page creation procedure.

[Figure 7] Illustration of the editing page

FIG. 8 is a diagram showing a state in which the content of a headline is input on the editing page.

FIG. 9 is a diagram showing an example of specifying an attribute of a headline assigned to an editing page.

FIG. 10 is a diagram showing an example of specifying an attribute of a headline assigned to an editing page.

FIG. 11 is a schematic diagram of a parts table.

FIG. 12 is a diagram showing an editing page stored in a hard disk.

FIG. 13 is an explanatory diagram of a part allocation procedure.

FIG. 14 is an explanatory diagram showing a state in which parts are assigned to an editing page.

FIG. 15 is a diagram showing the source of the editing page in FIG.

FIG. 16 is a diagram showing a display example of a component editing window.

FIG. 17 is a diagram showing a display example of a component editing window (source display).

FIG. 18 is a diagram showing a state after the component is edited.

FIG. 19 is an explanatory diagram of a web page creation procedure.

FIG. 20 is a diagram showing an HTML source based on an editing page 21.

FIG. 21 is a diagram showing an HTML source based on an editing page 21.

FIG. 22 is a diagram showing an HTML source based on an editing page 60.

[Explanation of symbols]

1 Web page creation device 10 main memory 11 body 12 Arithmetic processing unit 13 hard disk 14 I / O ports 15 Communication control means

Claims (15)

[Claims] 1. A web page creating method for creating a web page by converting a constituent element allocated to an editing page into a predetermined format, the step of allocating a constituent element on the editing page, Storing the constituent elements in a storage means; converting the constituent elements allocated by the allocating means to a predetermined format to create a web page; and associating a plurality of the constituent elements into a component, A method of creating a web page, comprising the step of managing in units. 2. In the step of managing each part, a plurality of parts associated with each part are stored in a part storage means, a part number is assigned to each part to manage each part, and the allocation is performed. 2. The web according to claim 1, wherein, in the step of performing the step, when the part is allocated to an editing page, the editing page and the part number of the part are stored in the storage means. How to create a page. 3. In the step of converting to the predetermined format, based on the part number stored in the storage means, the corresponding constituent element is extracted from the part storage means, and the extracted constituent element is converted into the predetermined format. The web page creation method according to claim 2, wherein the web page is created by performing the web page creation. 4. The web page according to claim 3, further comprising the step of searching the component information from the component storage means and displaying a window for editing in component units based on the component information. How to make. 5. The web page creating method according to claim 1, wherein in the step of managing the parts, the attributes of the constituent elements included in the parts are collectively changed. . 6. A web page creation program for creating a web page by converting constituent elements allocated to an editing page into a predetermined format, and allocating constituent elements on the editing page, Storing the constituent elements in a storage means; converting the constituent elements allocated by the allocating means to a predetermined format to create a web page; and associating a plurality of the constituent elements into a component, A web page creation program that causes a computer to execute steps for managing in units. 7. In the step of managing the parts, a plurality of parts associated with each of the parts are stored, each part is managed by an identification number given to each of the parts, and the allocation is performed. 7. The web page creation program according to claim 6, wherein when the component is assigned, an identification number indicating the component is stored in the storage means. 8. In the step of converting to the predetermined format, the constituent elements stored in the step of managing the part are extracted based on the identification number stored in the storage means, and the extracted constituent elements are designated. The web page creation program according to claim 7, wherein the web page creation is performed by converting to a format. 9. The web page according to claim 8, further comprising the step of searching the component information from the component storage means and displaying a window for editing in component units based on the component information. Creation program. 10. The web page creation program according to claim 6, wherein in the step of managing the parts, the attributes of the constituent elements included in the parts are collectively changed. . 11. A web page creating apparatus for creating a web page by converting constituent elements allocated to an editing page into a predetermined format, and allocating means for allocating constituent elements on the editing page. A storage means for storing the constituent elements; a page creating means for converting the constituent elements allocated by the allocating means into a predetermined format to create a web page; and a plurality of the constituent elements in association with each other, A web page creation apparatus comprising: a parts management unit that manages parts by part. 12. The parts management means stores a plurality of parts associated with each of the parts in a parts storage means, manages each part by a part number assigned to each of the parts, and the allocation means performs the parts 12. The web page creation device according to claim 11, wherein, when is assigned to an edit page, the edit page and a part number indicating a part are stored in the storage means. 13. The page creating means extracts a component corresponding to the component number from the component storage means based on the component number stored in the storage means, and converts the extracted component into a predetermined format. The web page creating apparatus according to claim 12, wherein the web page is created by performing the web page creation. 14. The component management means retrieves the information of the component from the component storage means, and displays a window for editing in component units based on the information of the component. Web page creation device. 15. The web page creation apparatus according to claim 11, wherein the parts management means collectively changes the attributes of the constituent elements included in the parts.