KR102608077B1 - METHOD FOR PROVIDING AI-based WEB PAGE PRODUCTION SERVICE CORRESPONDING TO VARIOUS RESOLUTIONS AND ELECTRONIC DEVICE THEREOF - Google Patents

Abstract

According to an embodiment of the present invention, a) the electronic device receives an input for determining the frame size of the web page template as the first frame size, and provides the first web page template corresponding to the active state. allowing a user to input first content; b) receiving, by the electronic device, an input for determining the frame size of the web page template as a second frame size and providing a second web page template corresponding to the inactive state; and c) when receiving a conversion input requesting a conversion from the inactive state to the active state, the electronic device provides the second web page template corresponding to the active state and allows the user to input second content. Provides a method of providing a web page production service, including the step of doing so.

Description

Method for providing AI-based web page production service corresponding to various resolutions and electronic device thereof {METHOD FOR PROVIDING AI-based WEB PAGE PRODUCTION SERVICE CORRESPONDING TO VARIOUS RESOLUTIONS AND ELECTRONIC DEVICE THEREOF}

The present invention relates to a method of providing an AI-based webpage production service and an electronic device therefor. Specifically, it relates to a method and electronic device for providing a web page production service applicable to various resolutions through simple operation.

Recently, the keyword 'no code' has been attracting attention among IT companies around the world as a solution that allows software development even without coding experts. As the digital transformation of the industry accelerates and the manpower shortage in domestic software (SW) development intensifies, the demand to quickly and conveniently create programs, especially web pages, without the help of developers using a no-code platform is increasing.

In order to launch a web page on the Internet, you must first create a web page, and the web page is implemented using hypertext, JavaScript, etc. Hypertext can be created using the HTML (Hyper Text Markup Language) language, so it is difficult for users who do not know HTML to create web pages.

Even non-experts who do not know HTML can easily create web pages using user-friendly GUI (Graphic User Interface) editors such as Namo Web Editor and Dreamweaver. Getting started requires another kind of expertise.

Accordingly, the majority of beginners who do not have the ability to create a web page or publish it on the Internet are forced to pay a fee to a web page production agency that professionally produces a web page and publishes it on the Internet.

However, as the non-face-to-face development trend spreads and the speed of digitalization accelerates, the demand for development increases, but there is a shortage of development personnel to handle it. According to the SW Policy Research Institute, the demand for new manpower in the SW field over the next five years is estimated to be approximately 353,000. This is about 30,000 people short of the workforce (about 324,000 people) produced through regular education courses and government projects, and the cost of requesting program production from developers is rising steeply.

To solve this problem, a variety of "website builder" tools have been introduced to help you construct specific web pages and even entire websites and launch them on the Internet with ease.

However, these tools are provided for free or at low cost, making it difficult to respond appropriately to user needs or trends. Recently, the release of devices with displays of various sizes has accelerated, and services that provide various content by splitting the screen As the use of is increasing, it is necessary to provide web pages that can appropriately adapt to these changes.

The present invention was proposed to solve the above-mentioned problems, and its purpose is to provide a service and an electronic device that allows anyone to simply and conveniently create a website applicable to multiple resolutions.

The present invention was proposed to solve the above-described problems, and its purpose is to provide a service and an electronic device that can quickly and conveniently create web pages applicable to various resolutions.

The purpose of the present invention is to provide a service and an electronic device that can apply the contents of a web page being produced to web page templates of various resolutions through a simple operation during the website production process.

According to an embodiment of the present invention, when the state in which content can be input to the web page template is called an active state, and the state in which content can not be input to the web page template is called an inactive state, a) the electronic device A, receiving an input for determining the frame size of the web page template as a first frame size, providing a first web page template corresponding to the active state and allowing the user to input first content; b) receiving, by the electronic device, an input for determining the frame size of the web page template as a second frame size and providing a second web page template corresponding to the inactive state; and c) when receiving a conversion input requesting a conversion from the inactive state to the active state, the electronic device provides the second web page template corresponding to the active state and allows the user to input second content. Provides a method of providing a web page production service, including the step of doing so.

Here, the second content may include modified information about at least one object based on the first content.

Here, the first content may include at least one block in which objects are displayed based on the grid and layout of the web page being created.

Here, the block is configured to display, in a selected state, at least one object area displaying an object inside the block and a button for expanding the object area on each border of the at least one object area, wherein the at least one It is configured to display a button for deleting the object area within the object area, and upon receiving an input for selecting one of the buttons for expanding the object area, the electronic device displays a button for deleting the object area in the object area to which the selected button corresponds. An object area can be created outside the border where the selected button is displayed.

If an object area is located outside the border where the selected button is displayed in the object area to which the selected button corresponds, an object area is created between the border where the selected button is displayed and the object area outside the object area, or can be divided.

Here, the frame size may be determined based on the horizontal frame size.

Here, in the content constituting the first web page template and the second web page template, at least a portion may be set to be displayed at a resolution comprised of a horizontal frame size and a vertical frame size.

According to various embodiments, a communication unit communicating with at least one user device; a storage unit that stores data transmitted and received through the communication unit; and receiving an input for determining the frame size of the web page template as a first frame size, and providing a first web page template corresponding to an active state in which content can be input for the web page template, allowing the user to do so. A second web page that inputs first content, receives an input for determining the frame size of the web page template as the second frame size, and is in an inactive state in which input of the content is impossible for the web page template. Providing a template, and processing the user to input second content while providing the second web page template corresponding to the active state when a conversion input requesting a transition from the inactive state to the active state is received. An electronic device that provides a web page production service, including a processing unit, may be provided.

According to various embodiments of the present invention, an electronic device can save time and cost required for web page production by providing a web page of an appropriate size corresponding to various resolutions with a single web page production.

According to various embodiments of the present invention, it is possible to improve the profits of users and web page production service providers by enabling the production of high-quality web pages through simple operation of the device without using code for web page production. there is.

According to various embodiments of the present invention, it is possible to produce a high-quality web page by creating web page templates of various resolutions through simple operations during the web page production process and providing an interface to apply and modify the contents of the web page being produced. It can provide a flexible environment and improve the efficiency of web page production work.

1 is a diagram showing the configuration of an electronic device according to an embodiment of the present invention.
Figure 2 shows the configuration of an electronic device and a device connectable to the electronic device according to an embodiment of the present invention.
Figure 3 shows the operation flow of an electronic device according to an embodiment of the present invention.
FIG. 4 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a first web page template.
FIG. 5 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a second web page template.
FIG. 6 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a second web page template.
FIG. 7 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a third web page template.
FIG. 8 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a third web page template.
FIG. 9 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a third web page template.
FIG. 10 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram showing blocks constituting content.
FIG. 11 is a diagram showing a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram showing blocks constituting content.

Hereinafter, embodiments will be described in detail with reference to the attached drawings. However, since various changes can be made to the embodiments, the scope of rights of the patent application is not limited or limited by these embodiments. It should be understood that all changes, equivalents, or substitutes for the embodiments are included in the scope of rights.

The terms used in the examples are for descriptive purposes only and should not be construed as limiting. Singular expressions include plural expressions unless the context clearly dictates otherwise. In this specification, terms such as “comprise” or “have” are intended to designate the presence of features, numbers, steps, operations, components, parts, or combinations thereof described in the specification, but are not intended to indicate the presence of one or more other features. It should be understood that this does not exclude in advance the possibility of the existence or addition of elements, numbers, steps, operations, components, parts, or combinations thereof.

Unless otherwise defined, all terms used herein, including technical or scientific terms, have the same meaning as generally understood by a person of ordinary skill in the technical field to which the embodiments belong. Terms defined in commonly used dictionaries should be interpreted as having a meaning consistent with the meaning in the context of the related technology, and unless explicitly defined in the present application, should not be interpreted in an ideal or excessively formal sense. No.

In addition, when describing with reference to the accompanying drawings, identical components will be assigned the same reference numerals regardless of the reference numerals, and overlapping descriptions thereof will be omitted. When describing an embodiment, if it is determined that a detailed description of related known technology may unnecessarily obscure the gist of the embodiment, the detailed description will be omitted.

Additionally, when describing components of the embodiment, terms such as first, second, A, B, (a), and (b) may be used. These terms are only used to distinguish the component from other components, and the nature, order, or order of the component is not limited by the term.

When a component is described as being “connected,” “coupled,” or “connected” to another component, that component may be directly connected or connected to that other component, but there is no additional component between each component. It should be understood that may be “connected,” “combined,” or “connected.”

Additionally, when a component is described as being "connected" or "connected" by communication to another component, that component may be connected or connected by wireless or wired communication to that other component, but there is no connection between each component. It will be understood that different components may be “connected” or “connected.”

Components included in one embodiment and components including common functions will be described using the same names in other embodiments. Unless stated to the contrary, the description given in one embodiment may be applied to other embodiments, and detailed description will be omitted to the extent of overlap.

Electronic devices and/or 'data' processed by electronic devices can be expressed in terms of 'information'. Here, information may be used as a concept including data.

According to an embodiment of the present invention, an electronic device provides a web page production service capable of creating a responsive web page capable of responding to various resolutions to a user who wants to create a web page. For example, an electronic device may provide a service for creating a web page applicable to a plurality of web page templates based on input from a user creating the web page. Here, the web page production service can be provided by an electronic device and can be provided as various programs for web page production.

According to various embodiments of the present invention, the term 'production' may include the meaning of creation. In addition, when creating a web page (or web page data), it may mean changing, modifying, or deleting at least part of the web page data.

Hereinafter, preferred embodiments of the present invention will be described with reference to FIGS. 1 to 11.

1 is a diagram showing the configuration of an electronic device according to an embodiment of the present invention.

Referring to FIG. 1 , the electronic device 100 may include a processing unit 110, a storage unit 120, and a communication unit 130.

The processing unit 110 may provide a web page production service to the user device. According to one embodiment, the processing unit 110 is connected to the user device through the communication unit 130 and can transmit and receive data. At this time, the electronic device 100 can provide a program for a web page production service (app, application, tool, plug-in, etc., hereinafter referred to as a web page production service) to the user device, and the web page production service installed on the user device. Services can be provided from the electronic device 100 through the electronic device 100.

Here, the web page production service is described as being provided through a web page production service installed on the user device, but it is not limited to this and may be provided through another pre-installed program or a temporary installation program. According to one embodiment, the web page production service may include at least a portion of a website builder that is provided for free or for a fee.

The processing unit 110 may determine the size of the web page to be created based on a click or drag and drop of the pointer displayed on the display. Hereinafter, while describing various embodiments of the present invention, operations such as clicking, double clicks, triple clicks, drag and drop, etc. will be described using the terminology of user 'input' or 'selection'. You can.

According to one embodiment, the size of the web page may be determined based on the size of the display. According to one embodiment, the size of the display may be determined as a horizontal and vertical ratio, such as 1:1, 4:3, 5:3, 16:9, 16:10, 17:10, and 2.39:1. Without limitation, it can be determined using horizontal resolution and vertical resolution, such as 640Х480, 704Х480, 720Х480, 1280Х720, 1920Х1080, 1366Х768, 1366Х768, 1440Х1080. Additionally, resolution can be expressed using pixel units.

When determining the frame size of a web page, the processing unit 110 may determine a web page template based on the frame size in the horizontal direction.

According to one embodiment, the processing unit 110 may process a web page (eg, a sample page) representing at least one web page template to be output through the user device.

The processing unit 110 may output a web page creation service based on a designated web page template to the user device based on user input received from the user device.

For example, the processing unit 110 outputs a web page creation service to the user device to create a web page using a web page template corresponding to the received horizontal pixel, based on the horizontal pixel information received from the user device. It can be processed to do so.

During web page production, the processing unit 110 may add and/or delete web page templates based on user input received before/after web page production.

The processing unit 110 may provide a web page production service to create a web page through one of a plurality of selected web page templates, and the user may create a web page through one selected web page template while creating a web page using another web page template. By selecting this, you can change the web page template and continue creating the web page.

According to one embodiment, the processing unit 110 may provide a service for creating a web page using a web page template determined based on user input received from a user device.

At this time, the processing unit 110 selects the grid specified in the selected web page template and the components of sections, blocks, widgets, and containers according to the layout. It can be provided including at least one.

According to various embodiments of the present invention, a block may be provided as a component including at least one object. For example, a block is placed according to the grid and layout specified in a web page and can display the objects contained within it.

At this time, the internal area containing the object in the block can be expressed as the object area. Additionally, the boundaries of blocks can be expressed as block borders or object area borders.

At this time, each arranged block may have at least one component of texture, size, reference point, and effect set and stored for each web page template.

When blocks contain text, the component (or state) for at least one of the text's font, size, character spacing, width, line spacing, color, thickness, slant, underline, and alignment can be set and stored. .

When the processing unit 110 creates a web page through one web page template based on user input, the processing unit 110 applies separately set values to the components and components of each other selected web page template to create each web page template. You can create a web page based on .

When performing the operation of applying and creating the data of the web page template that the user is using to create a web page to another selected web page template, the processing unit 110 is based on the time of receiving the input for switching the web page template. It can be done.

The processing unit 110 may process elements and component values by enlarging, reducing, moving, or regenerating them when creating a plurality of web page templates or converting web page templates.

For example, the processing unit 110 may be determined to create a web page for the first web page template based on user input. The processing unit 110 may check the user input for changing the web page to the second web page template while creating a web page using the first web page template based on the user input.

During the operation of creating a web page using a first web page template, the processing unit 11 may output the web page being created as a second web page template.

When the processing unit 110 receives user input for the second web page template, the content changed in the first content based on the user input may be stored as second content for the second web page template.

In addition, the processing unit 110 of the electronic device 100 analyzes stored web page templates and content based on artificial intelligence (AI) technology, and when creating a new web page, selects the previously created web page template. At least some web page templates can be added as web page templates for newly created web pages.

The storage unit 120 may store various data used by at least one component of the electronic device 100 (e.g., the processing unit 110 or the communication unit 130). The data is, for example, used to create a web page. It may include software (or program) for the service and input data or output data for commands related thereto.

The storage unit 120 may include information about web page templates used for web page production services.

The storage unit 120 may include component data of at least one of grid, layout, section, block, widget, and container set for each web page template. Additionally, component data may be stored in the storage unit 120, including at least one component data of position, texture, size, reference point, and effect for each web page template.

Such component data and/or component data may be stored as content for each web page template.

Data stored in the storage unit 120 may be changed, modified, deleted, or created through the processing unit 110 based on user input.

The storage unit 120 may be configured to include volatile memory or non-volatile memory.

The communication unit 130 establishes a wired communication channel between the electronic device 100 and at least one other electronic device (e.g., a user device, an operator device, or a server), establishes a wireless communication channel, and communicates through the established communication channel. Can support performance.

The communication unit 130 operates dependently or independently of the processing unit 110 and may include one or more communication processors that support wireless communication. According to one embodiment, the communication unit 130 is a wireless communication module (e.g., a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module (e.g., a local area network (LAN)) may include a communication module, or a power line communication module).

The communication unit 130 communicates with an external electronic device through a short-range communication network such as Bluetooth, WiFi direct, or IrDA (infrared data association) and/or a long-distance communication network such as a cellular network, the Internet, or a computer network (e.g., LAN or WAN). Can communicate.

Various types of communication modules constituting the communication unit 130 may be integrated into one component (e.g., a single chip) or may be implemented as a plurality of separate components (e.g., multiple chips).

According to various embodiments, the electronic device 100 is not limited to the above-described components and may further include at least one of an input unit (not shown) for inputting data and an output unit (not shown) for outputting data. You can.

Figure 2 shows the configuration of an electronic device and a device connectable to the electronic device according to an embodiment of the present invention.

The electronic device 100 that provides a web page production service may be connected to at least one of a user device 210, an operator device 220, and a server 230 through a wired or wireless communication network 10.

According to one embodiment, a user may be defined as a customer who wants to create a web page through the user device 210. A business operator may be defined as an individual or company (or its employees, etc.) that processes the electronic device 100 to provide a web page production service through the business device 210. The server 230 may be defined as an external device that is connected to the electronic device 100 and can perform the same or similar operations as the electronic device 100.

Although the user device 210 is shown as a mobile phone, it is not limited to a mobile phone and includes a display such as a mobile pad, personal computer, desktop computer, laptop computer, etc. It can be any device that does this.

User input used through various embodiments of the present invention may be input through the user device 210. Accordingly, the user input received by the electronic device 100 may be received by the electronic device 100 after the input through the user device 210 is transmitted to the electronic device 100.

The operator device 220 may be included as a component according to various embodiments of the present invention depending on the operator's selection. For example, a business operator connects to the electronic device 100 through the business device 220 and creates a web page by directly manipulating the electronic device 100 rather than providing a web page production service to the user device 210. It can be processed to provide a service, and the operator device 220 can be included as a component depending on the operator's selection.

Referring to FIG. 2, the operator device 220 is shown as a laptop computer, but is not limited to a laptop computer and may be a personal computer such as a mobile pad, a desktop computer, or a laptop computer. It can be any device including a display, such as a personal computer.

The server 230 may be included as a component according to various embodiments of the present invention depending on the operator's selection. For example, the server 230 may be selectively configured to perform or assist at least one of the functions of the processing unit 110, the storage unit 120, and the communication unit 130 of the electronic device 100.

Figure 3 shows the operation flow of an electronic device according to an embodiment of the present invention.

Referring to FIG. 3, the electronic device 100 may provide a web page production service to create a web page through web page templates for a plurality of frame sizes based on user input.

In providing a web page production service through the present invention, a state in which content can be input into a web page template can be defined as an active state, and a state in which content can not be input into the web page template can be defined as an inactive state.

In step 301 (a), the electronic device 100 may receive a user input that determines the frame size of the web page template as the first frame size and provide the first web page template corresponding to the active state.

Here, the first web page template may be a frame size initially set by a user who wants to create a web page using a web page production service provided through the user device 210.

Here, the frame size for determining the first web page template can be determined by directly entering the frame size as a value or by adjusting the size of the web page template of the user device 210 displayed through a web page creation service.

Referring to FIG. 4 , the electronic device 100 can check the horizontal frame size input through the web page creation service 411 of the user device 210. At this time, the input horizontal frame size can be measured in pixel units.

For example, the first menu area 413 of the web page production service 411 may include a window size option (415) for determining the frame size of the web page template. The electronic device 100 may include a window size option (415). The first web page template 401 having a horizontal area frame size corresponding to the value entered in the size option 415 can be output.

That is, the electronic device 100 may provide the first web page template 401 having the horizontal frame size entered in the window size option 415 through the user device 210.

According to another embodiment, the electronic device 100 may provide edges representing the horizontal boundaries of the web page template displayed through the web page production service 411 of the user device 210 (e.g., the left edge and the right edge formed in the vertical direction). The frame size can be determined by adjusting the position of some of the corners (417).

At this time, the electronic device 100 may output the frame size determined by adjusting the position of a portion of the corner of the web page template through the window size option 415.

The electronic device 100 may provide a first web page template 401 with an adjusted horizontal frame size through the user device 210.

Here, the horizontal frame size is explained based on the display 410 of the user device 210 shown in FIG. 4. The display of the user device 210 is horizontal (left/right) as shown in FIG. 4. When used in a long direction, it can be defined as the frame size from the left end to the right end.

Accordingly, if the case where the device's display is used in a long horizontal direction is defined as landscape mode, the case where the device's display is used in a long vertical direction can be defined as portrait mode.

That is, in the landscape mode of the device, the horizontal frame size can be described as the frame size in the long direction of the display, and in the portrait mode of the device, the horizontal frame size can be described as the frame size in the short direction of the display.

When outputting the first web page template 401 having a web page template of a determined frame size through the user device 210, the electronic device 100 may provide the first web page template 401 in an active state. there is.

The user creates web page content through the first web page template 401 of the web page production service provided through the user device 210, and the electronic device 100 uses the user input received from the user device 210. Based on this, content can be displayed on the first web page template 401 and stored as first content.

According to various embodiments of the present invention, content may include at least one block constituting a web page template, objects included in the block, and information about the grid and layout for each block and object.

That is, the electronic device 100 configures the first content for the first web page template 401 based on the user input received from the user device 210 and creates a web page based on this.

Here, the user input received by the electronic device 100 may be grid and layout settings performed in the first web page template 401, and content input based thereon. The electronic device 100 may display the content of a web page using at least one block containing an object.

Referring to FIG. 4, a web page created based on the first web page template 401 may be configured to include first content. Here, the first content may include a plurality of blocks 431, 433, and 435. According to various embodiments of the present invention, each block may be configured to include at least part of an image and text. In addition, each block is not limited to including images and/or text, and may be configured to include at least some of a button, slide, gallery, or bulletin board.

For example, the first block 431 may be configured to include one object area. Here, the first block 431 includes an image as an object, and the status of at least some of the image size, block size, and block location may be set.

Additionally, the second block 433 may be configured to include one object area. Here, the second block 433 includes text as an object, and at least some of the states of text size, block size, and block position may be set.

Blocks that make up a web page may include multiple object areas. For example, the third block 433 may be configured to include four object areas. Here, the layout of the object areas comprised in the third block 435 may be determined in various ways based on input through the user device 210, and at least some of the size of the block, the location of the block, and the size of each object area A state can be set.

Additionally, the object area constituting each block may be configured to include two or more objects. For example, each object area configured in the fourth block 435 is configured to include an image and text, and in this case, the states of the image and text may be set respectively.

As described above, the electronic device 100 may configure first content based on the first web page template 401 based on input received through the user device 210.

Again in step 303 (b) of FIG. 3, the electronic device 100 receives an input for determining the frame size of the web page template as the second frame size and provides a second web page template corresponding to the inactive state. can do.

According to one embodiment, the electronic device 100 may receive an input for changing the first frame size of the web page template to the second frame size from the user device 210. Here, the second frame size may be set to have a horizontal frame size smaller than the first frame size.

According to one embodiment, the frame size for determining the second web page template may be determined in the same or similar manner as the method performed in step 301 (a).

For example, the electronic device 100 may determine the frame size of the second web page template based on a user input that directly inputs a value for determining the window size of the web page template.

Additionally, the electronic device 100 may determine the frame size of the second web page template based on a user input that adjusts the size of the web page template displayed through the web page creation service.

The electronic device 100 may display a web page template of the second frame size as shown in FIG. 5 . At this time, the first content of the web page displayed based on the first web page template 401 may be adjusted to correspond to the grid and layout of the second web page template 501.

When displaying the second web page template 501 through a web page production service provided to the user device 210, the electronic device 100 displays first content blocks 431, 433, 435) can be displayed by changing only the frame size while maintaining the same state.

However, without being limited to this, the electronic device 100 may process the first content to be displayed on the second web page template 501 in various ways.

As shown in FIG. 5, the electronic device 100 can adjust the first content based on the functions and operations of the responsive web page and output it through the second web page template 501 of the second frame size. there is.

However, at least a portion of the first content adjusted based on the functions and operations of the responsive web page may not be adjusted to be appropriately displayed in the second web page template 501 and may be displayed as a third block 435. .

When providing a web page production service for the changed second web page template 501 to the user device 210, the electronic device 100 switches the second web page template 501 to an inactive state and provides the web page production service. can be provided.

Again, in step 305 (c) of FIG. 3, when a conversion input requesting a conversion from the inactive state to the active state is received, the electronic device 100 generates the second web page template corresponding to the active state. (501) can be provided.

Referring to FIG. 6, the electronic device 100 may receive a switching input for selecting the active/inactive button 423 displayed in the second menu area 421 of the web page production service 411 from the user device 210. You can.

When the electronic device 100 receives a conversion input from the user device 210, the electronic device 100 may convert the second web page template 501 provided in an inactive state to an active state and provide a web page production service.

According to various embodiments of the present invention, the electronic device 100 may store information about web page templates that have a history of being converted to an active state as a list or temporarily store (hereinafter referred to as storage). At this time, the initially created first web page template 401 may also be included in the web page template converted to the active state.

For example, the processing unit 110 may configure the horizontal frame size and the vertical frame size of the first frame size and the second frame size for the first web page template 401 and the second web page template 501 for the web page being produced. Information about at least some of the orientation frame sizes can be stored.

The electronic device 100 outputs information about the stored web page template according to the user's request and provides the user device 210 with a web page template with a frame size selected based on the user input and content for the web page template. can do. This will be described in more detail below in FIG. 9.

The user may input second content through the second web page template 501 of the web page production service provided through the user device 210. That is, the electronic device 100 may generate a web page by configuring the second content for the second web page template 501 based on the user input received by the user device 210.

Here, the user input received by the electronic device 100 may be grid and layout settings performed in the second web page template 501 and content input based thereon.

The electronic device 100 may store the content configured in the second web page template 501 as second content when the second web page template 501 is switched from an inactive state to an active state.

For example, the electronic device 100 receives a user input to move the second block 433 below the first block 431 through the web page production service 411 of the user device 210, and receives the user input The position of the second block 433 can be changed based on .

In addition, the electronic device 100 displays various layouts based on a user input that calls a menu for changing the layout of the third block 435 through the detailed option 611 of the third block 435. The third menu area 613 can be provided through the web page production service 411.

According to one embodiment, the third menu area 613 includes a number determination option 621 for determining the number of object areas comprised in the selected block, and the number of object areas determined according to the value of the selected number determination option 621. Accordingly, a layout option that displays the layout of object areas that can be placed may be included.

The electronic device 100 may change the layout of the third block 435 displayed on the third web page template based on the user input selected through the third menu area 613.

For example, referring to FIG. 6, the electronic device 100 displays layouts 623 that can be arranged into four object areas through the value 4 selected in the number determination option 621 of the third menu area 613. 625, 627, etc.) can be provided through the third menu area 613.

The electronic device 100 converts the first content into the first matrix (for example: 1 row * 4 columns) based on the layout 627 selected among the layouts 623, 625, 627, etc. provided in relation to the arrangement of object areas. The layout of the arranged third block 435 can be changed to a second matrix arrangement (e.g., 2 rows * 2 columns).

In addition, the electronic device 100 may store at least some information that changes among the width and height of at least one block and/or object area as second content based on user input.

When storing the second content, the electronic device 100 may store the content changed after the conversion input based on the input received from the user device 210. For example, the electronic device may store content changed in the second web page template 501 as second content based on the first content for the first web page template 401.

At this time, the electronic device 100 may separate the changed content from the first content to the changed second content by item and store them in a layer manner. The electronic device 100 may then provide the changed content in the second content by dividing it into items based on a user input requesting to display the changed content from the user device 210, and select at least some of them to modify and/or You can cancel.

According to various embodiments, the electronic device 100 may store the first content for the first web page template 401 and the second content for the second web page template 501 as separate content.

The electronic device 100 can end the embodiment of FIG. 3 by performing step 305 (c).

As explained with reference to FIG. 3, the production of a web page based on the first content for the first web page template 401 and the second content for the second web page template 501 has been explained. However, the method is not limited to this, and a web page can be created by adding at least one web page template and content for the same web page.

For example, referring to FIG. 7, the electronic device 100 receives an input for determining the frame size of the second web page template 501 as the third size, and the third web page template corresponding to the inactive state. (701) can be provided.

According to one embodiment, the electronic device 100 may receive an input for changing the frame size of the second web page template to the third size from the user device 210. Here, the third frame size may be set to have a horizontal frame size smaller than the second frame size.

According to one embodiment, the frame size for determining the third web page template 701 may be determined in the same or similar manner as that performed in step 301 (a).

For example, the electronic device 100 directly inputs a value for determining the window size of a web page template, or creates a third web page based on a user input that adjusts the size of a web page template displayed through a web page production service. The frame size of the page template 701 can be determined.

As described above, the electronic device 100 may display the content of the web page according to the web page template of the third frame size. At this time, the second content of the web page displayed based on the second web page template 501 may be adjusted to correspond to the grid and layout of the third web page template 701.

When displaying the third web page template 701 through a web page production service provided to the user device 210, the electronic device 100 displays the first content adjusted in various ways for the web page being produced. It can be handled.

Referring to FIGS. 6 and 7 , the electronic device 100 adjusts the second content displayed as the second web page template 501 of FIG. 6 based on the function and operation of the responsive web page to the third content of FIG. 7. It can be output through a web page template (701).

When providing a web page production service for the changed third web page template 701 to the user device 210, the electronic device 100 switches the third web page template 701 to an inactive state and provides the web page production service. can be provided.

At this time, when receiving a conversion input requesting a conversion from an inactive state to an active state, the electronic device 100 may provide the third web page template 701 corresponding to the active state.

Referring to FIG. 7, the electronic device 100 may receive a switching input for selecting the active/inactive button 423 displayed in the second menu area 421 of the web page production service 411 from the user device 210. You can.

When the electronic device 100 receives a conversion input from the user device 210, the third web page template 701 provided in an inactive state can be converted to an active state to provide a web page production service.

The user can input third content through the third web page template 701 of the web page production service provided through the user device 210. That is, the electronic device 100 may create a web page by configuring third content for the third web page template 701 based on the user input received by the user device 210.

Here, the user input that the electronic device 100 receives may be grid and layout settings performed in the third web page template 701, and content input based thereon.

The electronic device 100 may store the content configured in the third web page template 701 as third content when the third web page template 701 is switched from an inactive state to an active state.

For example, referring to FIG. 8, the electronic device 100 uses the detailed option 611 of the third block 435 based on a user input to call a menu for changing the layout of the third block 435. Thus, the third menu area 613 that displays various layouts can be provided through the web page production service 411.

The electronic device 100 displays a third block 435 arranged in a second matrix (e.g., 2 rows*2 columns) in the second content based on the layout 625 selected from among the provided layouts 623, 625, 627, etc. ) can be changed to a third matrix arrangement (e.g. 4 rows * 1 column).

In addition, the electronic device 100 may store at least some information that changes among the width and height of at least one block and/or object area as third content based on user input.

When storing third content, the electronic device 100 may store content changed after a conversion input based on an input received from the user device 210. For example, the electronic device may store content changed in the third web page template 701 as third content based on the second content for the second web page template 501.

At this time, the electronic device 100 may separate the changed content from the second content to the changed third content by item and store them in a layer manner. The electronic device 100 may then provide changed content in the third content by item based on a request received from the user device 210, and select at least some of the content to modify and/or cancel.

According to various embodiments, the electronic device 100 may store the second content for the second web page template 501 and the third content for the third web page template 701 as separate content.

In addition, the electronic device 100 may receive an input from the user device 210 for selecting at least one template from among pre-generated web page templates.

Referring to FIG. 9, the electronic device 100 calls a menu for checking the activation history of a web page template through the activation/deactivation option 911 displayed in the first menu area 413 from the user device 210. Can receive user input.

The electronic device 100 provides a web page production service (411) with a template list 913 containing information on frame sizes for web page templates that have a history of being converted to an active state during web page production based on the received user input. ) can be printed in some areas.

For example, information about each web page template displayed in the template list 913 is listed in a certain area, and the horizontal frame size for each web page template may be displayed.

When the electronic device 100 receives a user input for selecting one web page template information from the web page template information displayed in the template list 913 from the user device 210, the electronic device 100 provides information about the selected web page template and the selected web page template. Saved content can be printed.

For example, the electronic device 100 may receive a user input of selecting web page template information 915 indicating the second frame size from the output template list 913 from the user device 210.

The electronic device 100 may output the second web page template 501 and second content for the second frame size. At this time, the electronic device 100 provides the second web page template 501 in an inactive state, and when a conversion input to the active state is received from the user device 210, the second web page template 501 is in an active state. can be converted to .

According to various embodiments, when creating a web page, at least one web page template and content related thereto may be added. For example, a user may create a web page that further includes a fourth web page template and fourth content therefor.

According to the above, the second web page created after the first web page template 401 was created to have a smaller frame size than the first web page template 401, and the second web page created after the second web page template 501 was created. The third web page template 701 was created to have a smaller frame size than the second web page template 501.

However, this is only an example, and a newly created web page template (e.g., fourth web page template) can be created for any frame size.

As a preferred embodiment, the electronic device 100 may provide a guide to generate a web page frame so as to satisfy a condition smaller than that of the initially created first web page template 401.

FIG. 4 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a first web page template 401.

Referring to FIG. 4, the user device 210 includes a display unit 410 and can display at least one program area (e.g., window) that outputs the web page production service 411 through the display unit. there is.

The web page creation service 411 can display a web page template and at least one menu area. For example, referring to FIG. 4 , the web page creation service 411 may include a first web page template 401 and at least one menu area.

Here, the menu area can be composed of various types. For example, the menu area may be configured to include a plurality of menu areas, such as a first menu area 413 whose position can be moved according to user input and a second menu area 421 whose position cannot be moved. .

According to various embodiments of the present invention, the window size option 415 is shown and described as being included in the first menu area 413 and the activation/deactivation option 423 is shown and described as being included in the second menu area 421. This is for explanation of one embodiment and is not limited thereto, and the location of options may be determined according to the operator's selection.

A web page template output through a web page production service can be configured to include various contents based on user input.

For example, content constituting a web page template includes images and at least some objects, and the objects may be placed on the web page template by including blocks.

The grid and layout of the web page template can be set in block units.

Blocks are composed of object areas containing at least one object, and one block can be divided into a plurality of object areas. At this time, the layout of multiple object areas divided into one block can be changed based on user input.

According to Figure 4, the first web page template 401 may include a first block 431, a second block 433, and a third block 435 including at least some of the image and text as objects. there is.

Each block can be set to include an image or text depending on user input. At this time, one object area may be set to include several types of objects simultaneously. For example, each object area constituting the third block 435 may include an image and text.

The blocks included in the web page template and the objects included in the blocks can each have layout and state values set.

The web page production service 411 may be displayed on a web page template corresponding to the frame size determined based on user input.

For example, Figure 4 shows a first web page template 401 displayed to correspond to a first frame size based on a user input that determines the first frame size having the maximum configurable horizontal frame size.

FIG. 5 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a second web page template 501.

According to one embodiment, Figure 5 shows a second web page template 501 displayed to correspond to the second frame size based on a user input that determines the second frame size having a horizontal frame size smaller than the first frame size. ) is shown.

At this time, as described above, when the web page template is changed according to a user input for changing the web page template, the displayed second web page template 501 may be output in an inactive state.

Additionally, when the web page template is in an inactive state, the electronic device 100 may output the web page in a state in which the function of the content included in the web page template is operating, that is, in a preview state.

FIG. 6 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a second web page template 501.

When the web page template is active, the electronic device 100 can modify the web page template based on user input.

For example, as shown in FIG. 6, the electronic device 100 may select or change a block location or change the state of objects included in the block according to a user input.

Additionally, according to a user input that calls up a menu for the selected object, the electronic device 100 may output detailed options 611 for the selected block to a designated area around the selected object.

The detailed options 611 may be configured to include options that can be set to change the properties and type of the selected object, change the type of the block containing the object, or change the layout.

In addition, the detailed options 611 may be configured to include options that can be set to change the number of object areas, for example, to add or delete object areas, when the selected block is comprised of a plurality of object areas. .

For example, the third menu area 613 may be a menu area output based on a user input that calls an option for changing the layout of object areas included in a block among the options displayed in the detailed option 611. .

FIG. 7 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a third web page template 701.

According to one embodiment, FIG. 7 shows a third web page template 701 displayed to correspond to the third frame size based on a user input that determines the third frame size having a horizontal frame size smaller than the second frame size. ) is shown.

When changing the web page template according to a user input for changing the web page template, as explained with reference to FIG. 5, the displayed third web page template 701 may be output in an inactive state.

Additionally, when the web page template is in an inactive state, the electronic device 100 may output the web page in a state in which the function of the content included in the web page template is operating, that is, in a preview state.

FIG. 8 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a third web page template 701.

When the web page template is active, the electronic device 100 can modify the web page template based on user input.

For example, as shown in FIG. 8, the electronic device 100 may select or change a block location or change the state of objects included in the block according to a user input.

Additionally, according to a user input that calls up a menu for the selected object, the electronic device 100 may output detailed options 611 for the selected block to a designated area around the selected object.

The detailed options 611 may be configured to include options that can be set to change the properties and type of the selected object, change the type of the block containing the object, or change the layout.

In addition, the detailed options 611 may be configured to include options that can be set to change the number of object areas, for example, to add or delete object areas, when the selected block is comprised of a plurality of object areas. .

For example, the third menu area 613 may be a menu area output based on a user input that calls an option for changing the layout of object areas included in a block among the options displayed in the detailed option 611. .

FIG. 9 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram displaying a third web page template 701.

Figure 9 shows a template list 913 in which web page template information for each web page template created during web page creation is displayed.

According to the above, the web page templates that were converted from the inactive state to the active state during web page creation include the first web page template 401, the second web page template 501, and the third web page template 701. It can be configured.

Accordingly, each of the web page template information included in the template list 913 includes the frame size ( It can be displayed including 9999, 992, 685).

The electronic device 100 may further include an option for checking changed content in each web page template, as well as the template list 913.

In addition, the electronic device 100 may selectively delete at least some of the web page template information included in the template list 913. For example, the electronic device 100 may remove the second web page template 501 based on a user input for selecting and deleting the second web page template information 915 from the template list 913.

The electronic device 100 may restore content included in the second web page template 501 based on user input. For example, the electronic device 100 may restore the second web page template 501 based on a user input requesting restoration of the deleted second web page template 501.

At this time, the electronic device 100 may display the second web page template information 915 again in the template list 913 for the restored second web page template 501.

As described above, the electronic device 100 may store content changed in each web page template separately by item and/or time.

The electronic device 100 may provide a history option through a menu to provide data so that stored contents can be checked by item and/or time. The history option may be included in the activation/deactivation option 911 or may be included in the menu as a separate option.

FIG. 10 is a diagram illustrating a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram showing blocks constituting content.

According to the above description, the electronic device 100 selects a block. The status of the block and the objects included in the block can be set according to user input based on calling detailed options and selecting and changing options.

At this time, in the case of a block including a plurality of object areas, the electronic device 100 changes the order of the displayed object areas, changes the ratio of the displayed object areas, changes the ratio of the objects displayed in the object area, etc. Options for changing the object area and the state of objects can be provided.

For example, referring to FIG. 10, the electronic device 100 may provide a grid order option 1011 that can change the order of object areas through a detailed option 611 for the selected third block 435. there is.

The electronic device 100 may change and display the order of object areas included in the third block 435 based on a user input that changes the order of the object areas by selecting the grid order option 1011.

According to various embodiments, the border of a block, more specifically, each object area border as shown in FIG. 11 may include an expansion button for expanding the object area. Additionally, each object area may include a delete button for deleting the object area.

When the electronic device 100 receives a user input to expand the object area, it can add the object area according to the selected expansion button.

For example, when the electronic device 100 receives a user input for selecting an object area and selecting an expansion button, the electronic device 100 may create an object region in a direction outside the border where the selected expansion button is displayed from the selected object region.

At this time, when the object area is located outside the border on which the selected button is displayed from the selected object area, the electronic device 100 creates an object area between the border on which the selected button is displayed and the outer object area, or creates an object area between the border on which the selected button is displayed and the outer object area. Areas can be divided.

FIG. 11 is a diagram showing a portion of the operation of a web page production service provided by an electronic device to a user device according to an embodiment through a user device, and is a diagram showing blocks constituting content.

As described above, in the case of a block including a plurality of object areas, the electronic device 100 changes the ratio of the displayed object area or the ratio of the objects displayed in the object area, etc. to determine the status of the block, object area, and objects. Options to change can be provided.

For example, referring to FIG. 11, the electronic device 100 selects object areas, for example, the first object area 1121 and the second object area 1121, through the detailed option 611 for the selected third block 435. A grid setting option 1111 that can change the object area 1131, third object area 1141, fourth object area 1151, and/or the ratio of objects may be provided.

Upon receiving a user input for selecting the third block 435 and selecting the grid setting option 1111, the electronic device 100 automatically adjusts the ratio for each of the object areas constituting the selected third block 435. or a button that determines manual adjustment, for example a toggle button (first toggle button 1123, second toggle button 1133, third toggle button 1143, fourth toggle button 1153) and input areas (first input area 1125, second input area 1135, third input area 1145, and fourth input area 1155) for inputting ratio values.

Here, the set ratio can be applied when the web page template changes, that is, when the frame size of the display that outputs the web page changes, or when the ratio of the content changes according to the function and operation of the responsive web page.

According to one embodiment, when adjusting the size of the third block 435 according to the function and operation of the responsive web page, the electronic device 100 maintains the value and/or ratio set according to the user input and blocks the third block 435. The size of the block 435 can be adjusted.

For example, as shown in FIG. 11, the electronic device 100 manually adjusts the first object area 1121 to 145.9 pixels, the second object area 1131, and the first web page template 401. A user input that determines the third object area 1141 and the fourth object area 1151 to be automatically adjusted may be received and stored as first content.

At this time, when outputting a web page based on the first content, even if the size of the third block 435 is changed according to the function and operation of the responsive web page, the first object area 1121 set to the manual state is Based on the grid and layout of the third content, the size may not change as it is fixed to 145.9 pixels in the maximum display area of the third block 435.

And the second object area 1131, the third object area 1141, and the fourth object area 1151 are the remaining areas excluding the display area of the first object area 1121 from the maximum display area of the third block 435. The display area is divided into the same ratio (33.3%), and the size can be adjusted while maintaining the divided ratio.

Here, the display area may be determined based on horizontal pixels.

The value that can be input through manual setting of the object area can be set as a pixel, such as the value (145.9) of the first input area 1125 entered into the first object area 1121 of FIG. 11, but can also be set as a ratio.

For example, in the set state as shown in FIG. 11, the electronic device 100 selects the second toggle button 1133 in the second object area 1131 to change it to manual setting, and selects the second toggle button 1133 in the second input area 1135. A user input that determines the value as 30% may be received and stored as first content.

At this time, when outputting a web page based on the first content and changing the size of the third block 435 according to the function and operation of the responsive web page, the first object area 1121 set to a manual state Based on the grid and layout of the third content, the size may not change as it is fixed to 145.9 pixels in the maximum display area of the third block 435.

And, in the maximum display area of the third block 435, excluding the display area of the first object area 1121, the second object area 1131 is 30%, the third object area 1141, and the fourth object area 1141 are 30%. The object areas 1151 can be divided into equal ratios (35%) and their sizes can be adjusted while maintaining the divided ratios.

That is, according to various embodiments of the present invention, when the size of a block consisting of a plurality of object areas is adjusted according to the function and operation of a responsive web page, the size is manually set based on pixels in the maximum display area of the block. The ratio of object areas set as % (percent) can be determined by setting the remaining display area, excluding the object area, to 100%.

In addition, when a plurality of objects are included in one object area as shown in the third block 435, the value and/or ratio for dividing the display area is limited to being set for each object area as described above. Alternatively, an input area may be provided so that a value and/or ratio can be set for each object displayed in the object area.

Web pages produced according to the various embodiments described above can be launched online and called up through various devices with specific resolutions. At this time, the produced web page may display different content depending on the resolution of the devices.

For example, when a web page is called through a first device equipped with a display whose size exceeds the second frame size, the first content created with the first web page template 401 may be output.

The first content may be displayed in an adjusted state according to the grid and layout set for the frame size of the display included in the first device based on the function of the responsive web page.

However, when adjusting the grid and layout of content, if there is a conflict between the settings of the responsive web page and the settings of the content included in the web page, the settings of the content included in the web page are given priority. Grid and layout can be adjusted.

In addition, when a web page is called through a second device equipped with a display whose size exceeds the third frame size and is less than or equal to the second frame size, second content created with the second web page template 501 may be output. .

The second content may be displayed in an adjusted state according to the grid and layout set for the frame size of the display included in the second device based on the function of the responsive web page.

However, when adjusting the grid and layout of content, if there is a conflict between the settings of the responsive web page and the settings of the content included in the web page, the settings of the content included in the web page are given priority as described above. The grid and layout of the included content can be adjusted.

Additionally, when a web page is called through a third device equipped with a display whose size is smaller than the third frame size, third content created using the third web page template 701 may be output.

The third content may be displayed in an adjusted state according to the grid and layout set for the frame size of the display included in the third device based on the function of the responsive web page.

However, when adjusting the grid and layout of content, if there is a conflict between the settings of the responsive web page and the settings of the content included in the web page, the settings of the content included in the web page are given priority as described above. The grid and layout of the included content can be adjusted.

In other words, when a web page created through a web page production service is output through a display of various frame sizes, the settings for the block of content and the objects included in the block are maintained, as described above with reference to FIG. 11. In this state, grid and layout adjustments can be applied according to the functionality of the responsive web page.

According to the above, it is explained that the web page template is determined based on the horizontal frame size, but it is not limited to this and can also be set based on the horizontal frame size and the vertical frame size.

For example, when displaying a web page, a page with a specified area (or resolution) can be displayed as an initial page, and/or the web page can be displayed in page units.

To this end, the electronic device 100 may provide an option to set the vertical frame size on/off, and may provide a web page based on a user input for turning the vertical frame size on or off. You can configure templates.

Here, the on or off state of the vertical frame size can be set on a web page basis, a web page template unit, or at least a portion of a web page frame.

In other words, at least part of the content constituting the web page template can be set to be displayed at a resolution comprised of the horizontal frame size and the vertical frame size.

More specifically, in the content constituting the first web page template 401, the second web page template 501, and the third web page template 701, at least some of the content has a horizontal frame size and a vertical frame size. You can set it to be displayed at a resolution configured as .

In addition, setting the vertical frame size can be processed according to user input before or after web page production, and can be turned on/off according to the consumer's choice even after the web page is launched online.

Although images or text are expressed in various embodiments of the present invention, the image includes not only data having an image format, but also at least one of a container containing at least one image, a gallery, a map, and a video containing a plurality of images. It can be configured.

Likewise, the text may include not only data in a text format, but also at least one of a container, a gallery, and a bulletin board containing at least one text.

The electronic device 100 may store pre-generated web page templates and content in the storage unit 120 . As described above, web page templates and content include pre-created web page templates, frame size of the web page template, blocks input from each web page template, grid and layout for each block, and each It may include at least some of information about at least one object included in the blocks, a grid for each object, and a layout.

For example, for each of the first web page template, second web page template, and third web page template created according to various embodiments of the present invention, the web page template, the frame size of the web page template, and the input block, respectively. Some information among the grid and layout for the blocks, objects included in each block, and information about the grid and layout for each object may be stored in the storage unit 120.

The electronic device 100 then checks web page templates that have previously been created for the newly created web page, and adds some web page templates as web page templates for the newly created web page. You can.

For example, the electronic device 100 may check information about the created web page template among previously created web pages. To explain in more detail, the electronic device 100 can check information about the number of creations for each previously created web page template.

The electronic device 100 may list web page templates in order of the number of times they have been created, and determine a designated number of web page templates among the listed web page templates as a list of popular web page templates.

The electronic device 100 operates when the same or different user creates a new web page. You can print a list of popular web page templates. The electronic device 100 may add a web page template selected according to a user input as a web page template of a newly created web page.

The electronic device 100 may include the initially created web page template of the newly created web page and web page template information of at least one added web page template in the template list.

According to the above, it is explained that a web page template selected based on user input among web page templates included in a list of popular web page templates is added to a newly created web page.

However, when creating a new web page, the electronic device 100 may add a designated number of web page templates according to priority among web page templates included in the list of popular web page templates.

In addition, the electronic device 100 can check information about the layout of blocks already created in each web page template. To explain in more detail, the electronic device 100 can check information about the number of creations of previously generated blocks and the layout of blocks for each web page template.

The electronic device 100 may list blocks and their layouts in order of the number of times they have been created and determine them as a popular block layout list.

When confirming a user input for adding a block to a web page template, the electronic device 100 may obtain at least one layout for a block identical or similar to the corresponding block from a list of popular block layouts and display it on the web page template. there is. The electronic device 100 can apply or remove blocks displayed on the web page template according to user input.

According to the above description, the electronic device 100 is described as displaying at least one layout for a block identical or similar to the corresponding block on a web page template, but the present invention is not limited to this and may output the layout as a list.

According to various embodiments of the present invention, an electronic device can save time and cost required for web page production by providing a web page of an appropriate size corresponding to various resolutions with a single web page production.

According to various embodiments of the present invention, it is possible to improve the profits of users and web page production service providers by enabling the production of high-quality web pages through simple operation of the device without using code for web page production. there is.

According to various embodiments of the present invention, it is possible to produce a high-quality web page by creating web page templates of various resolutions through simple operations during the web page production process and providing an interface to apply and modify the contents of the web page being produced. It can provide a flexible environment and improve the efficiency of web page production work.

As described above, although the embodiments have been described with limited drawings, those skilled in the art can apply various technical modifications and variations based on the various embodiments.

For example, the described techniques are performed in a different order than the described method, and/or components of the described system, structure, device, circuit, etc. are combined or combined in a different form than the described method, or other components are used. Alternatively, appropriate results may be achieved even if substituted or substituted by an equivalent.

In particular, when explaining with reference to a flowchart, a plurality of steps are configured and the steps are described as being sequentially executed in a designated order, but the order is not necessarily limited.

In other words, executing by changing or deleting at least some of the steps described in the flowchart or adding at least one step is applicable as an embodiment, and executing one or more steps in parallel may also be applicable as an embodiment. . In other words, the steps are not necessarily limited to operating in a time-series order, and should be included in the embodiments of the present invention.

Therefore, those skilled in the art should consider that many modifications and variations are possible without departing from the scope of the present invention.

10: Communication network
100: Electronic device
110: processing unit
120: storage unit
130: Department of Communications
210: user device
220: Operator device
230: server

Claims (8)

In a method of operating an electronic device that provides a web page production service through a web page template,
When the state in which input of content is possible for the web page template is called an active state, and the state in which content input is not possible for the web page template is called an inactive state,
a) The electronic device receives an input for determining the frame size of the web page template as a first frame size, provides the first web page template corresponding to the active state, and allows the user to input first content. steps;
b) receiving, by the electronic device, an input for determining the frame size of the web page template as a second frame size and providing a second web page template corresponding to the inactive state; and
c) When receiving a conversion input requesting a conversion from the inactive state to the active state, the electronic device provides the second web page template corresponding to the active state and allows the user to input second content. It includes;
The first content includes at least one block in which objects are displayed based on the grid and layout of the web page being produced,
The block is,
In the selected state, a button for expanding the object area is displayed on each of at least one object area displaying an object inside the block and a border of each of the at least one object area, and a button for expanding the object area is configured to delete the object area within the at least one object area. It is configured to display a button for,
When receiving an input for selecting one of the buttons for expanding the object area, the electronic device creates an object area in the object area corresponding to the selected button in a direction outside the border where the selected button is displayed,
One block consists of four object areas,
The layout of the object areas comprised in one block is determined based on input through a user device, and the state of at least some of the size of the block, the location of the block, and the size of each object area is set,
A method of providing a web page production service, wherein a grid order option for changing the order of object areas for one block is provided. According to paragraph 1,
The second content includes modified information about at least one object based on the first content. delete delete According to paragraph 1,
If an object area is located outside the border where the selected button is displayed in the object area to which the selected button corresponds, an object area is created between the border where the selected button is displayed and the object area outside the object area, or A method of providing web page production services by dividing the. According to paragraph 1,
A method of providing a web page production service, wherein the frame size is determined based on the horizontal frame size. According to paragraph 1,
A method of providing a web page production service, wherein in the content constituting the first web page template and the second web page template, at least a portion is set to be displayed at a resolution comprised of a horizontal frame size and a vertical frame size. In an electronic device that provides a web page production service,
a communication unit communicating with at least one user device;
a storage unit that stores data transmitted and received through the communication unit; and
Receiving an input for determining the frame size of the web page template as the first frame size, providing a first web page template corresponding to an active state in which content can be input for the web page template, and allowing the user to use the first frame size Enter content, receive an input for determining the frame size of the web page template as a second frame size, and create a second web page template corresponding to an inactive state in which input of the content is not possible for the web page template. When receiving a conversion input requesting a conversion from the inactive state to the active state, providing the second web page template corresponding to the active state and processing the user to input second content, 1 Content includes at least one block in which objects are displayed based on the grid and layout of the web page being produced, and the block includes at least one object area that displays objects inside the block in a selected state and the at least one configured to display a button for expanding the object area on each border of each object area, and configured to display a button for deleting the object area within the at least one object area, among the buttons for expanding the object area. When receiving an input for selecting one button, the electronic device creates an object area in the object area corresponding to the selected button in a direction outside the border where the selected button is displayed, and one block includes four object areas. The object areas comprised in one block have a layout determined based on input through a user device, the state of at least some of the size of the block, the location of the block, and the size of each object area are set, and the state of any of the blocks is set. An electronic device that provides a web page production service, including a processing unit that provides a grid order option for changing the order of object areas for one block.

Images