KR101649822B1 - Apparatus and method for building web-page - Google Patents

Apparatus and method for building web-page Download PDF

Info

Publication number
KR101649822B1
KR101649822B1 KR1020150067440A KR20150067440A KR101649822B1 KR 101649822 B1 KR101649822 B1 KR 101649822B1 KR 1020150067440 A KR1020150067440 A KR 1020150067440A KR 20150067440 A KR20150067440 A KR 20150067440A KR 101649822 B1 KR101649822 B1 KR 101649822B1
Authority
KR
South Korea
Prior art keywords
block element
web page
page
block
user interface
Prior art date
Application number
KR1020150067440A
Other languages
Korean (ko)
Inventor
김효환
Original Assignee
김효환
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 김효환 filed Critical 김효환
Priority to PCT/KR2015/008027 priority Critical patent/WO2016129765A1/en
Application granted granted Critical
Publication of KR101649822B1 publication Critical patent/KR101649822B1/en

Links

Images

Classifications

    • G06F17/248—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
    • G06F17/218—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)
  • Document Processing Apparatus (AREA)

Abstract

According to an embodiment of the present invention, a method for providing a webpage building service comprises the following steps: when editing information on a first block element among one or more block elements forming a webpage is received through a user interface executed by at least one processor, identifying a first code sequence corresponding to the first block element in the source codes of the webpage; and revising the first code sequence based on the editing information. Accordingly, the time and costs invested in the manufacture of a webpage can be reduced and most complete webpage authoring is possible.

Description

[0001] APPARATUS AND METHOD FOR BUILDING WEB-PAGE [0002]

The present invention relates to an apparatus and method for constructing a web page, and more particularly, to an apparatus and a method for operating a web page, which enables a web page to be produced and managed regardless of a degree of understanding of a language in web programming through an interface provided at a user terminal do.

In web page construction, Hyper Text Markup Language (HTML), XML (Extensible Markup Language), JAVA Script, and the like are generally used as Web programming languages recognizable by a Web browser. Therefore, in order to construct and manage a web page, it is necessary to understand the grammar of the web programming language as described above.

Therefore, in general users who have low understanding of web programming language, template selection method has been mainly used for building a web page directly. However, such a template selection method greatly depends on the design of a template to be provided, and there is a limitation in freely modifying the template from the standpoint of a general user who does not understand the web programming language. Accordingly, it has been difficult for a general user to produce a web page that reflects the content and design desired by the general user.

Therefore, a web page construction service that can shorten the time and cost of investing in web page production from a standpoint of a general user lacking knowledge and experience on web programming language and web design, .

Japanese Patent Application Laid-Open No. 10-2003-0008944 Japanese Patent Application Laid-Open No. 10-2007-0092360

According to one aspect, a method for providing a web page building service by a computing device comprising at least one processor comprises the steps of: providing, through a user interface, at least one of the at least one block element Identifying, when the editing information for the first block element is received, a first code string corresponding to the first block element of the source code of the web page; And modifying the first code string based on the editing information.

In one embodiment, the user interface includes a first interface for editing the first block element in a graphical user interface manner and a second interface for editing the first code string of the first block element in a text editor manner .

In one embodiment, when the editing information for the first block element is received through the user interface, the method for providing a web page construction service outputs the modified web page to the user interface by reflecting the editing information Step < / RTI >

In one embodiment, the method for providing a web page construction service comprises: outputting one or more pre-generated block elements to the user interface; And receiving, via the user interface, edit information for adding at least one block element of the one or more previously generated block elements to the web page.

In one embodiment, the web page building service providing method includes: outputting one or more pre-generated templates to the user interface; And receiving, via the user interface, edit information that adds at least one of the one or more pre-generated templates to the web page, wherein each of the one or more pre- Lt; / RTI > block elements.

In one embodiment, the method for providing a web page construction service may further include, when the editing information includes deletion or repositioning of the first block element, changing a position of the first block element, Determining whether the position of the two block elements is changed; Identifying a second code string corresponding to the second block element of the source code of the web page when the position of the second block element is changed; And modifying the second code string based on the editing information.

In one embodiment, when the page type switching information for changing the type of the web page to a multi-page type or a single page type is received through the user interface, Identifying an order attribute of the first code string corresponding to the first block element; And modifying the order attribute of the first code string based on the page type switching information.

In one embodiment, the multiple page type outputs each of the at least one block element on a plurality of pages based on a page attribute of each of the at least one block element, supports navigation between the plurality of pages, The page type may output all of the at least one block element on one web page.

In one embodiment, the first code string of the first block element may comprise at least one of HTML tags, CSS and JAVA Script.

According to another aspect of the present invention, there is provided a computer-readable recording medium storing a program for executing a method for providing a web page building service, the program comprising: Identifying a first code string corresponding to the first block element among source codes of the web page if edit information for the first block element is received; And modifying the first code string based on the editing information.

FIG. 1 shows a structure of a block element constituting a web page according to an embodiment.
2 schematically illustrates a process of editing a block element constituting a web page by a user interface according to an embodiment.
3 illustrates, by way of example, a functional item of a user interface for editing a block element according to an embodiment.
FIG. 4 is a flowchart illustrating a process of editing a Web page configured by a block element unit through a user interface according to an exemplary embodiment.
5A and 5B show a block element structure diagram for explaining addition of a block element according to an embodiment.
6A and 6B show a block element structure diagram for explaining deletion of a block element according to an embodiment.
7 illustrates an exemplary form of a user interface menu according to one embodiment.
FIG. 8 exemplarily shows a block element structure diagram when a web page is set to a multi-page type.
Fig. 9 exemplarily shows a block element structure diagram when a web page is set as a single page type.

In the following, some embodiments will be described in detail with reference to the accompanying drawings. However, it is not limited or limited by these embodiments. Like reference symbols in the drawings denote like elements.

The terms used in the following description are chosen to be generic and universal in the art to which they are related, but other terms may exist depending on the development and / or change in technology, customs, preferences of the technician, and the like. Accordingly, the terminology used in the following description should not be construed as limiting the technical thought, but should be understood in the exemplary language used to describe the embodiments.

Also, in certain cases, there may be a term chosen arbitrarily by the applicant, in which case the meaning of the detailed description in the corresponding description section. Therefore, the term used in the following description should be understood based on the meaning of the term, not the name of a simple term, and the contents throughout the specification.

The terms first and second meanwhile can be used to describe various components, but the components should not be limited by the terms. The terms may be used only for the purpose of distinguishing one element from another, and for example, without departing from the scope of the invention in accordance with the concept of the present invention, the first element may be termed a second element , Similarly, the second component may also be referred to as the first component.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. The singular forms "a", "an" and "the" include plural referents unless the context clearly dictates otherwise. In this specification, the terms "comprises ", or" having ", or the like, specify that there is a stated feature, number, step, operation, , Steps, operations, components, parts, or combinations thereof, as a matter of principle.

Unless defined otherwise, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. Terms such as those defined in commonly used dictionaries are to be interpreted as having a meaning consistent with the contextual meaning of the related art and are to be interpreted as ideal or overly formal in the sense of the art unless explicitly defined herein Do not. Hereinafter, embodiments will be described in detail with reference to the accompanying drawings.

The embodiments disclosed herein provide a web page building service that allows a general user to easily create and manage a web page without increasing the understanding of the grammar of the web programming language.

To this end, the method for providing a web page construction service according to an embodiment provides an interface for editing a web page composed of block elements for each block element, and an interface for checking a web page reflecting the edit information in real time do. Thus, since the configuration of the web page has objectivity in units of block elements, it can be freely edited and reconfigured according to the user's intention, and since the web page is recognized as a block element unit, It is easy to flexibly rearrange each block element according to the user's needs.

More specifically, the method for providing a web page building service according to an embodiment includes an interface for adding, deleting, or rearranging block elements of a web page, and an interface for editing attributes and contents of each block element according to a user's intention . In addition, the method for providing a web page building service according to an exemplary embodiment may provide an interface for selectively editing a source code of a web page according to a user's understanding of the web programming language.

The method of providing a web page building service according to the present invention may be performed by any computing device including at least one processor, such as a computing device of a user terminal and a computing device of a server, And is not construed to be limited by the structure or position of the substrate.

1 shows a structure of a block element 100 constituting a web page according to an embodiment. According to an embodiment, all the configurations of the web page may be configured in units of block elements, and each block element is internally given a unique ID and is recognized independently. That is, even if a plurality of block elements having the same contents and design are generated, each block element is recognized as a separate block element by a unique ID, and has objectivity so that it can be individually edited and managed.

This block element does not simply mean a block of HTML TAG. As shown in FIG. 1, the structure of the block element according to an exemplary embodiment may include at least one of HTML TAG, CSS, and JAVA Script. In other words, CSS files can be included to handle various elements required for design such as fonts and background, and JAVA scripts can be included for dynamic processing of web pages such as generation and processing of DOM (Document Object Model) events.

The block elements can be classified into various types according to the use purpose. For example, the block element may be classified into a general block, a header block, and a footer block depending on its use. The web page building service providing method according to the embodiment may be designed variously according to the use purpose of each block, and may provide a function of selecting and adding block elements generated in advance. For example, various block elements such as a content block, a gallery block, a text block, and an image block are pre-designed and provided, thereby facilitating the generation and addition of block elements. In addition, the method of providing a web page construction service according to an embodiment may provide a function of storing block elements created and edited by a user in a template form or distributing them to other users.

In order to modify a web page composed of block element units according to the user's intention, the user interface may include a control panel. The control panel can be configured to set general CSS properties as well as properties that apply specifically to each block element. Table 1 illustratively illustrates that some attributes of the block element are reflected in the control panel itemized.

division Control panel CSS Property Explanation basic CONTENT WRAP width Set the width of the container's block basic CONTENT PADDING padding-top
padding-left
padding-right
padding-bottom Set the margin of the block basic BACKGROUND background-color
background-position
background-repeat
background-size
background-image Set the background of the block special BACKGROUND background-color
background-position
background-repeat
background-size
background-image Set the background of the part corresponding to the area of the block special BORDER border-style
border-color
border-radius
border-width Set border of block Header CHANGE MENU - Changed the current menu to the selected menu Header OVERLAP position HEADER Combines the menu block with the next block according to the attributes of the next block. Footer CHANGE FOOTER - Changed current footer to selected footer Footer FOOTER VISIBLE display Hid from current page

The control panel items shown in Table 1 are only illustrative examples, and may be added or omitted as needed. The control panel includes a first control panel for setting properties commonly applied to all the block elements constituting the web page, and a second control panel for setting properties individually applied to the block elements constituting the web page can do. In one embodiment, when both the first control panel and the second control panel are provided, the setting value of the second control panel may be applied in preference to the setting value of the first control panel.

In one embodiment, the control panel may provide a hidden or transparent function of the block element. For example, some block elements may not be visible through the CSS attribute, or some block elements may be rendered transparent by overlapping other block elements in a state where there is no change in the layout of the block elements on the source code. These features make it easy to incorporate user-designed designs into web pages without knowledge or experience of the web programming language.

On the other hand, as various types of user terminals can access web pages, the importance of responsive web implementation has been emphasized. According to one embodiment, a CSS media query syntax may be included in each block element to process the responsive web. Thus, each block element may have individually defined responsive web characteristics.

2 schematically illustrates a process of editing a block element constituting a web page by a user interface according to an embodiment. Editing a web page changes the block element object that performs CRUD (Create / read / update / delete) operations on the block element itself, such as addition, deletion and reordering of the block element, and changes the type, content and design of the block element A block element attribute change.

The editing of such a web page can be processed by a JavaScript Standard Object Notation (JSON) method, for example, as shown in Fig. When editing information on a block element object change or a block element attribute change is received in the user interface, it can be delivered to the server by the JSON method. The server reflects this edit information on a code string corresponding to the corresponding block element on the database The updated block elements can be stored and output. The transmission of edit information of a web page may be performed by a method other than the JSON method, and the embodiments of the present invention should not be construed as being limited to a particular method.

FIG. 3 illustrates an exemplary functional item of a user interface 300 for editing a block element according to an embodiment. The user interface 300 according to one embodiment may include a block element entity change interface 310 and a block element attribute change interface 320. [

The block element object change interface 310 may provide a function of adding, deleting, and rearranging block elements. In one embodiment, the block element entity change interface 310 may activate the block element add button when the mouse pointer is rolled over near the outline boundary of the block element output on the screen. For example, when the mouse pointer is rolled over a boundary line between a plurality of block elements, a block element addition button can be activated. In one embodiment, the block element entity change interface 310 may activate a delete button of a block element at a predetermined location on the block element. For example, a block element delete button can be activated in the upper right corner of a block element. The delete button of the block element can be activated only when the corresponding block element is selected. The selection of the block element can be made, for example, by a simple operation such as a rollover or click of a mouse, and the selected block element can be displayed to the user recognizable by, for example, shading or inversion. In one embodiment, the block element entity change interface 310 may be configured to rearrange block elements through an operation of clicking and dragging the block elements.

In one embodiment, the block element entity change interface 310 may provide a page type switching function. For example, the block element object change interface 310 may provide the ability to switch the type of web page between a multi-page type and a single page type. In this specification, a multi-page type means a web page type configured to output each block element on a plurality of pages based on the page attribute of each block element constituting a web page, and to support navigation between the plurality of pages. Also, in this specification, a single page type means a web page type configured to output all the block elements constituting a web page on one web page. That is, a multi-page type web page can be accessed by navigation and scrolling at a user terminal, and a single page type web page can be accessed only by scrolling at a user terminal.

The block element attribute change interface 320 may provide a function to change the type, content, design, and the like of the block element. In one embodiment, the block element attribute change interface 320 may provide the ability to change the content, font, color, etc. of the text contained in the block element. In addition, the block element attribute change interface 320 may provide a function of changing information such as an image and a link included in the block element, and the type of the block element and the other format.

In one embodiment, the block element attribute change interface 320 includes a first interface for editing the block element in a graphical user interface manner, and a second interface for directly editing the code string on the web page source code corresponding to the block element in a text editor manner Interface. In embodiments where both the first interface and the second interface are provided, the user may selectively use the first interface or the second interface at the time of changing the attributes of the block element according to the understanding of the web programming language or the editing method preference. For example, if a user with a high degree of understanding of the web programming language wants to directly control the details of a web page, a second interface that directly edits the code string on the source code of the web page in a text editor manner You can change the properties.

FIG. 4 is a flowchart illustrating a process of editing a Web page configured by a block element unit through a user interface according to an exemplary embodiment. Prior to the editing process shown in FIG. 4, a web page creation step such as a user account access step such as membership registration and login, setting of a web page name, designation of a URL, and creation of a web page storage space can be performed . The user account accessing step and the web page generating step may be performed according to a conventionally used method, and a detailed description thereof will be omitted.

At step 410, edit information for the block element may be received via the user interface. The user interface according to an exemplary embodiment may include a block element entity change interface and a block element attribute change interface, and the edit information may include block element entity edit information and block element attribute edit information. The block element object edit information may include edit information for the block element itself including addition, deletion, and rearrangement of the block element, and the block element attribute edit information may include information for changing the type, content and design of the block element And may include editing information.

At step 420, a code string corresponding to the block element being edited may be identified. In one embodiment, when block element edit information or block element attribute edit information is received in the user interface, it may be transmitted to the server by the JSON method. For example, when the unique ID of the block element to be edited and the database sequence number are transmitted to the server, the server can identify the code string corresponding to the corresponding block element from the web page source code on the database.

In step 430, the code string corresponding to the block element may be modified based on the edit information. In one embodiment, the code string identified by the server as corresponding to the block element may be modified based on the editing information. According to the contents of the editing information, it is possible to identify which part of the code string corresponding to the block element is associated with the editing information, and the part identified as being associated with the editing information can be modified based on the editing information. The server may store the updated block element in the database after the modification of the code string is completed.

In step 440, the edited web page may be reflected on the user interface. In one embodiment, the modified web page may be displayed in real time on the user interface by reflecting the editing information so that the user can check the final page of the web page while editing the web page. That is, the user can input additional editing information or finish editing while confirming the last page of the web page that reflects the current editing information before storing the modification of the web page.

5A and 5B show a block element structure diagram for explaining addition of a block element according to an embodiment.

As shown in Figs. 5A and 5B, each block element has a unique ID, and the block element added to the page has a sequence attribute Pos in the page. In one embodiment, the order attribute value of the block element may indicate the location of the block element on the web page. For example, the block elements may be arranged in ascending order according to the value of the order attribute in the up and down direction on the web page. As another example, the block elements may be arranged in ascending order according to the order property value in the left-right direction on the web page. As another example, the order attribute may have two or more fields, and the placement of the block elements on the web page may be determined according to the order property value.

5A, a web page is composed of a plurality of block elements 1001, 1002, 1003, and 1004, and a block element 1005 newly created or loaded from a database is inserted between existing block elements 1002 and 1003 It is shown that the block element object editing information to be added is received through the user interface. When such editing information is received, the value of the order attribute associated with the position to be added to the block element 1005 to be added is allocated, and whether or not the value of the order attribute of the existing block element is changed due to the addition of the block element 1005 You can decide. In the illustrated example, it can be determined that the value of the order attribute of the block elements 1003 and 1004 should be changed so that the order attribute value of the block element 1003 is 4 and the block element 1004 ) May be changed to 5, respectively.

6A and 6B show a block element structure diagram for explaining deletion of a block element according to an embodiment.

6A, when a web page is composed of a plurality of block elements 1001, 1002, 1003, 1004, and 1005, block element edit information for deleting the block element 1003 is received through a user interface Is shown. If such edit information is received, it may be determined whether the deletion of the block element 1003 should change the value of the order attribute of the existing block element. In the illustrated example, it can be determined that the value of the order attribute of the block element 1004, 1005 should be changed so that the order attribute value of the block element 1004 is set to 3 and the block element 1005 ) Can be changed to 4, respectively.

The rearrangement of the block elements can be performed by a process similar to the addition and deletion of block elements, and a detailed description thereof will be omitted.

Hereinafter, the function of switching the type of a web page configured by block elements between a multi-page type and a single page type will be described in more detail with reference to FIGS. 7 to 9. FIG. Referring to FIG. 7, a form of a user interface menu 700 according to one embodiment is illustratively shown. The user interface menu 700 may include a page type switching interface 710 that can switch the type of web page between a multi-page type and a single page type. The page type switching interface 710 can be switched by a simple operation such as clicking or dragging.

FIG. 8 exemplarily shows a block element structure diagram when a web page is set to a multi-page type. The pages 810, 820, and 830 shown in FIG. 8 are a plurality of pages that can be navigated through a menu of a Web page header. In the illustrated example, each page contains a header block and a footer block equally and includes a plurality of different common block elements, respectively. The block elements constituting each page have unique ID and order attribute values, and the order attribute value of the block element can indicate the position of the block element on each page. For example, the block elements may be arranged in ascending order according to the value of the order attribute in the vertical direction on each page.

FIG. 9 shows a block element structure diagram when the multi-page type web page shown in FIG. 8 is switched to a single page type. In the page 910 shown in FIG. 9, since all the block elements constituting the web page are outputted on a single page, navigation is unnecessary. As shown in Fig. 9, each block element constituting the web page is assigned a new order attribute value based on the page attribute and the order attribute value. This allows, for example, all block elements to be placed in ascending order according to the new order attribute value on a single page. Even if the type of the web page is switched to a single page type, each block element can internally maintain the page attribute and order attribute values referenced in the multi-page type in a separate attribute field.

In this way, switching between web pages of a multi-page type that can be accessed by navigation and scrolling at the user terminal and switching between single page type web pages that can access all the block elements by scrolling at the user terminal can be implemented in the web programming language Can be performed by a simple operation regardless of the degree of understanding.

The embodiments described above may be implemented in hardware components, software components, and / or a combination of hardware components and software components. For example, the devices, methods, and components described in the embodiments may be implemented within a computer system, such as, for example, a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, such as an array, a programmable logic unit (PLU), a microprocessor, or any other device capable of executing and responding to instructions. The processing device may execute an operating system (OS) and one or more software applications running on the operating system. The processing device may also access, store, manipulate, process, and generate data in response to execution of the software. For ease of understanding, the processing apparatus may be described as being used singly, but those skilled in the art will recognize that the processing apparatus may have a plurality of processing elements and / As shown in FIG. For example, the processing unit may comprise a plurality of processors or one processor and one controller. Other processing configurations are also possible, such as a parallel processor.

The software may include a computer program, code, instructions, or a combination of one or more of the foregoing, and may be configured to configure the processing device to operate as desired or to process it collectively or collectively Device can be commanded. The software and / or data may be in the form of any type of machine, component, physical device, virtual equipment, computer storage media, or device , Or may be permanently or temporarily embodied in a transmitted signal wave. The software may be distributed over a networked computer system and stored or executed in a distributed manner. The software and data may be stored on one or more computer readable recording media.

The method according to an embodiment may be implemented in the form of a program command that can be executed through various computer means and recorded in a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions to be recorded on the medium may be those specially designed and configured for the embodiments or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Magneto-optical media, and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. For example, it is to be understood that the techniques described may be performed in a different order than the described methods, and / or that components of the described systems, structures, devices, circuits, Lt; / RTI > or equivalents, even if it is replaced or replaced.

Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.

Claims (10)

CLAIMS What is claimed is: 1. A method for providing a web page building service in a computing device comprising at least one processor, the method comprising:
When editing information for a first block element among at least one block element constituting a web page is received through a user interface, a first code string corresponding to the first block element among source codes of the web page is identified ;
Modifying the first code string based on the editing information;
When page type switching information for changing the type of the web page to a multi-page type or a single page type is received through the user interface, the first code corresponding to the first block element among the source codes of the web page Identifying a sequence attribute of the column; And
Modifying the order attribute of the first code string based on the page type switching information
And providing a web page build service. The method according to claim 1,
Wherein the user interface comprises a first interface for editing the first block element in a graphical user interface manner and a second interface for editing the first code string of the first block element in a text editor manner, Delivery method. The method according to claim 1,
Further comprising the step of outputting the modified web page to the user interface when the edit information for the first block element is received through the user interface. The method according to claim 1,
Outputting one or more pre-generated block elements to the user interface; And
Receiving, via the user interface, edit information that adds at least one block element of the one or more previously generated block elements to the web page
Wherein the web page is a web page. The method according to claim 1,
Outputting one or more pre-generated templates to the user interface; And
Receiving, via the user interface, edit information that adds at least one of the one or more pre-generated templates to the web page,
Wherein each of the one or more pre-generated templates comprises one or more pre-generated block elements. The method according to claim 1,
Determining whether the position of the second one of the at least one block element is changed due to the repositioning of the first block element if the editing information includes deletion or repositioning of the first block element ;
Identifying a second code string corresponding to the second block element of the source code of the web page when the position of the second block element is changed; And
Modifying the second code string based on the editing information
Wherein the web page is a web page. delete The method according to claim 1,
Wherein the multiple page type outputs each of the at least one block element on a plurality of pages based on a page attribute of each of the at least one block element and supports navigation between the plurality of pages,
Wherein the single page type outputs all of the at least one block element on one web page,
A method of providing web page building service. The method according to claim 1,
Wherein the first code string of the first block element comprises at least one of an HTML tag, CSS, and JAVA Script. A computer-readable recording medium containing a program for executing a method for providing a web page building service, the program comprising:
When editing information for a first block element among at least one block element constituting a web page is received through a user interface, a first code string corresponding to the first block element among source codes of the web page is identified ;
Modifying the first code string based on the editing information;
When page type switching information for changing the type of the web page to a multi-page type or a single page type is received through the user interface, the first code corresponding to the first block element among the source codes of the web page Identifying a sequence attribute of the column; And
Modifying the order attribute of the first code string based on the page type switching information
Readable recording medium.
KR1020150067440A 2015-02-13 2015-05-14 Apparatus and method for building web-page KR101649822B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
PCT/KR2015/008027 WO2016129765A1 (en) 2015-02-13 2015-07-31 Apparatus and method for building web page

Applications Claiming Priority (6)

Application Number Priority Date Filing Date Title
KR1020150022048 2015-02-13
KR1020150022035 2015-02-13
KR1020150022044 2015-02-13
KR20150022044 2015-02-13
KR20150022035 2015-02-13
KR20150022048 2015-02-13

Publications (1)

Publication Number Publication Date
KR101649822B1 true KR101649822B1 (en) 2016-08-19

Family

ID=56875181

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150067440A KR101649822B1 (en) 2015-02-13 2015-05-14 Apparatus and method for building web-page

Country Status (1)

Country Link
KR (1) KR101649822B1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019139270A1 (en) * 2018-01-09 2019-07-18 삼성전자주식회사 Display device and content providing method thereof
KR20220164982A (en) * 2021-06-07 2022-12-14 주식회사 현대엠아이비인터내셔널 Method for sharing memo of web page using matching common id information
KR102492443B1 (en) * 2022-09-02 2023-01-30 주식회사 비에스티그룹 Method for building human-machine interface for scada system and apparatus thereof

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030008944A (en) 2001-07-21 2003-01-29 이원석 A System for Multimedia Home-Page and Foreign-Page Authoring and Presentation, Supporting Web-Contents Integration Service
KR20070092360A (en) 2006-03-09 2007-09-13 엔씨소프트 재팬 가부시키 가이샤 System and method for changing web design
KR20080087057A (en) * 2007-01-03 2008-09-30 주식회사 알티캐스트 Partial linking method in the web-page
KR20110041836A (en) * 2009-10-16 2011-04-22 주식회사 아이비케이시스템 Xsl/xml-based web application development system and method using this system
KR101546725B1 (en) * 2015-01-26 2015-08-25 (주)유코아시스템 Responsive layouts design method
KR20150097936A (en) * 2014-02-19 2015-08-27 주식회사 넥스다임 A device for providing an application developing environment

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030008944A (en) 2001-07-21 2003-01-29 이원석 A System for Multimedia Home-Page and Foreign-Page Authoring and Presentation, Supporting Web-Contents Integration Service
KR20070092360A (en) 2006-03-09 2007-09-13 엔씨소프트 재팬 가부시키 가이샤 System and method for changing web design
KR20080087057A (en) * 2007-01-03 2008-09-30 주식회사 알티캐스트 Partial linking method in the web-page
KR20110041836A (en) * 2009-10-16 2011-04-22 주식회사 아이비케이시스템 Xsl/xml-based web application development system and method using this system
KR20150097936A (en) * 2014-02-19 2015-08-27 주식회사 넥스다임 A device for providing an application developing environment
KR101546725B1 (en) * 2015-01-26 2015-08-25 (주)유코아시스템 Responsive layouts design method

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019139270A1 (en) * 2018-01-09 2019-07-18 삼성전자주식회사 Display device and content providing method thereof
US11245951B2 (en) 2018-01-09 2022-02-08 Samsung Electronics Co., Ltd. Display device and content providing method thereof
KR20220164982A (en) * 2021-06-07 2022-12-14 주식회사 현대엠아이비인터내셔널 Method for sharing memo of web page using matching common id information
KR102639463B1 (en) 2021-06-07 2024-02-22 (주)현대엠아이비인터내셔널 Method for sharing memo of web page using matching common id information
KR102492443B1 (en) * 2022-09-02 2023-01-30 주식회사 비에스티그룹 Method for building human-machine interface for scada system and apparatus thereof

Similar Documents

Publication Publication Date Title
US20210303561A1 (en) System for providing dynamic linked panels in user interface
JP7354294B2 (en) System and method for providing responsive editing and display integrating hierarchical fluid components and dynamic layout
US10976888B2 (en) Automatically generating column layouts in electronic documents
CN110235122B (en) System and method for converting web content into reusable templates and components
US11216253B2 (en) Application prototyping tool
US9047261B2 (en) Document editing method
US8176417B2 (en) Constructing and maintaining web sites
US10049095B2 (en) In-context editing of output presentations via automatic pattern detection
US7200816B2 (en) Method and system for automating creation of multiple stylesheet formats using an integrated visual design environment
US11449573B2 (en) System and method for smart interaction between website components
US10565296B2 (en) Designing interactive web templates
CN109408764B (en) Page area dividing method, device, computing equipment and medium
US9201852B2 (en) Method for in-browser visual HTML editing via bi-directional navigation and virtual properties
CN102360296A (en) WEB-based online form development tool
US20150278190A1 (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
JP2024038342A (en) Systems and methods for smart interactions between website components
KR20210040611A (en) Method and apparatus for generating web page
KR101649822B1 (en) Apparatus and method for building web-page
EP1744255A1 (en) Document processing device and document processing method
US20070208995A1 (en) Document Processing Device and Document Processing Method
Rahman Jump Start Bootstrap: Get Up to Speed with Bootstrap in a Weekend
Radford Learning Web Development with Bootstrap and AngularJS
WO2016129765A1 (en) Apparatus and method for building web page
CN116009863B (en) Front-end page rendering method, device and storage medium
KR20130040167A (en) System for producing homepage in saas environment, a computer-readable storage medium therefor

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190801

Year of fee payment: 4