KR102608074B1 - Method for providing web page making service and electronic device thereof - Google Patents

Abstract

According to one embodiment of the present invention, determining a first size display template; providing the web page production service to which the first size display template is applied; determining a change to a second size display template; Confirming and changing information of the second size display template; and providing the web page production service to which the second size display template is applied. A method of operating an electronic device that provides a web page production service is provided.
According to one embodiment of the present invention,
a communication unit communicating with at least one user device; a storage unit that stores data transmitted and received through the communication unit; and determining a first size display template; Providing the web page production service to which the first size display template is applied, determining a change to the second size display template, confirming and changing the information of the second size display template, and providing the web page production service to which the second size display template is applied. Provided is an electronic device that provides a web page production service, including a processing unit configured to provide the web page production service.

Description

Method for providing web page production service and its electronic device {METHOD FOR PROVIDING WEB PAGE MAKING SERVICE AND ELECTRONIC DEVICE THEREOF}

The present invention relates to a method for providing a web page 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 create a website simply and conveniently.

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.

According to one embodiment of the present invention, determining a first size display template; providing the web page production service to which the first size display template is applied; determining a change to a second size display template; Confirming and changing information of the second size display template; and providing the web page production service to which the second size display template is applied. A method of operating an electronic device that provides a web page production service is provided.

Here, the step of deciding to change to the second size display template may include receiving a user input for selecting a specific position in the size adjustment area displayed through the web page production service from the user device.

Here, the step of determining a change to the second size display template includes receiving a user input for selecting one of a plurality of reference points displayed through the web page production service from a user device, and the plurality of displayed templates. Each of the reference points may be displayed at a designated location in the web page production service output to the user device based on the resolution of the corresponding display template.

Here, each of the displayed plurality of reference points is divided into two or more groups based on a resolution range including the resolution of the corresponding display template, and the two or more groups are located at a designated location of the web page production service output to the user device. It can be displayed in .

Here, the step of checking and changing the information of the second size display template further includes checking whether an error occurs in the output of at least some of the images and text included in the web page, and where the error is confirmed. In this case, at least some of the images in which the error occurred are changed to images of the same or similar other resolution, or at least some of the text in which the error occurred is changed in font, size, character spacing, width, line spacing, color, and thickness. , you can change the format of at least one of slant, underline, and alignment.

Here, the step of providing the web page production service to which the first size display template is applied includes outputting to display a first web page to which the determined first size display template is applied and a layout corresponding to the first web page, The step of providing the web page production service to which the second size display template is applied may output a second web page to which the determined second size display template is applied and a layout corresponding to the second web page.

Here, the step of providing the web page production service to which the second size display template is applied includes a corresponding operation based on at least some of the operations of creating, changing, and deleting web page data of the second size display template. It can be processed from web page data of the first size display template.

Various embodiments of the present invention include a communication unit that communicates with at least one user device; a storage unit that stores data transmitted and received through the communication unit; and determining a first size display template; Providing the web page production service to which the first size display template is applied, determining a change to the second size display template, confirming and changing the information of the second size display template, and providing the web page production service to which the second size display template is applied. Provided is an electronic device that provides a web page production service, including a processing unit configured to provide the web page production service.

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.

1 is a diagram showing the configuration of a 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.
Figure 4 is a diagram illustrating an operation of providing a web page creation service on a user device according to an embodiment of the present invention.
Figure 5 is a diagram illustrating an operation of providing a web page creation service on a user device according to an embodiment of the present invention.

Hereinafter, embodiments of the present invention will be described in detail with reference to the attached drawings. First, if it is judged that it may obscure the gist of the present invention, the detailed description will be omitted. In addition, embodiments of the present invention will be described below, but of course, the technical idea of the present invention is not limited or limited thereto and can be practiced by those skilled in the art.

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 display 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 5.

1 is a diagram showing the configuration of a 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 user matching 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 can provide a program for web page production service (app, application, tool, plug-in, etc., hereinafter referred to as web page production service) to the user device, and the electronic device can use the web page production service installed on the user device. You can receive services from.

Here, the web page production service is described as being provided through a web page production service installed on the user device, but 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 a web page may be determined based on resolution. According to one embodiment, the size of the web page 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. It is not limited to this, and 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.

The processing unit 110 may determine the arrangement and/or size of components included in the template based on various preset display templates depending on the size of the web page.

According to one embodiment, the processing unit 110 may process a web page (eg, sample page) representing at least one display template to be output through the user device. The processing unit 110 may process a web page creation service based on a designated display template to be output to the user device based on the user input received from the user device. During web page production, the processing unit 110 may select a plurality of display templates based on user input determined before/after web page production.

The processing unit 110 can provide a web page production service to create a web page through one of a plurality of selected display templates, and the user can display a web page by selecting another display template while creating a web page through one selected display template. You can continue creating web pages by changing the template.

According to one embodiment, the processing unit 110 may provide a service for creating a web page with one display template selected from among a plurality of display templates based on user input received from the user device. At this time, the processing unit 110 selects at least one of the components of a grid specified in the selected display template and a section, block, widget, and container according to the layout. It can be provided including one.

At this time, at least one component of the grid, layout, section, block, widget, and container constituting each of the plurality of display templates is at least one of position, texture, size, reference point, and effect for each display template. The components may be set and stored. At this time, when text is included in the block, at least one component of the text's font, size, character spacing, width, line spacing, color, thickness, slope, underline, and alignment may be set and stored.

The processing unit 110 creates a web page based on each display template by applying the values set for the components and components of each of the other display templates selected while creating a web page through one display template based on user input. It can be produced.

The processing unit 110 performs the operation of applying and creating the data of the display template that the user is using to create a web page to another selected display template, simultaneously with the web page production operation (or in real time) or at a designated time. It can be done.

The processing unit 110 checks the components of components according to user input during a web page production operation performed on one display template and applies them to the components and components of other selected display templates to correspond to the plurality of selected display templates. You can create a web page that works.

The processing unit 110 may process elements and component values by enlarging, reducing, moving, or regenerating them when selecting a plurality of display templates or switching display templates.

According to the above, the processing unit 110 may be determined to create web pages for the first display template, second display template, and third display template based on user input. The processing unit 110 may check the user input for changing to the second display template while creating a web page using the first display template based on the user input.

In the operation of creating a web page using the first display template, the processing unit 11 may create web page data corresponding to the second display template and the third display template. Here, the operation of creating web page data of the second display template and the third display template based on the web page data produced by the first display template corresponds in real time to the operation of producing web page data by the first display template. It can be performed, or it can be performed in response to web page data of the first display template at designated time intervals.

The processing unit 110 can convert the web page created up to the time the change is requested into a web page of the second display template and output it, and complete the production of the web page through the second display template based on the user input. there is.

At this time, the processing unit 110 may continue to produce web page data of the first display template and the third display template based on the web page data produced by the second display template.

Through this web page creation operation, the processing unit 110 creates web pages for the selected first display template, second display template, and third display template, and creates a web page of the corresponding display template when a web page connection request is made. can be provided.

For example, when a user device provided as a first display template requests a connection to a web page, the processing unit 110 processes to output a web page created with the first display template (web page of the first display template). You can.

Additionally, when a user device provided as a third display template requests a connection to a web page, the processing unit 110 may process to output a web page created using the third display template (web page of the third display template). .

When determining the layout of components and components provided through a display template, the processing unit 110 may determine the layout for each component or component as well as the layout according to the template. The processing unit 110 may create a web page corresponding to each selected display template according to the data set for each display template.

The storage unit 120 may store various data used by at least one component of the electronic device 110 (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 display templates used in web page production services. The storage unit 120 may include element data of at least one of grid, layout, section, block, widget, and container set for each display 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 display 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, a counterpart 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.

The display size of the user device 210 may be determined depending on the manufacturer, brand, and model. Referring to FIG. 2, the user device 210 is shown as a mobile phone, but is not limited to a mobile phone and may include a mobile pad, personal computer, desktop computer, or laptop computer. It can be any device that includes a display, such as a computer).

The operator device 210 may be included as a component according to various embodiments of the present invention depending on the operator's selection. For example, instead of connecting to the electronic device 100 through the business device 220 and providing a web page production service, a business operator may provide a web page production service by directly manipulating the electronic device 100, and the business operator may provide a web page production service. The device 220 may 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 can create web pages corresponding to a plurality of display templates based on user input.

In step 301, the electronic device 100 determines a display template of a specified size. According to one embodiment, the electronic device 100 may determine a display template corresponding to the display size of the user device 210 based on user input.

According to various embodiments, the electronic device 100 may determine a display template corresponding to the display size of the user device 210 based on data received from the user device 210.

In step 303, the electronic device 100 may provide a web page creation service to the user by applying a display template corresponding to the determined display size. According to one embodiment, the electronic device 100 may provide a service to create a web page by applying a determined display template when processing to output a web page production service through the user device 210.

If at least one display template selected in addition to the display template output through the web page production service is confirmed in step 301, the electronic device 100 may create a corresponding web page together.

At this time, the electronic device 100 may separately create, change, or delete data of the web page corresponding to each display template based on the input of the user creating the web page. In addition, the electronic device 100 can determine standard web page data based on user input for creating a web page, and apply it to the data of the web page corresponding to each display template based on the standard data. there is.

For example, the electronic device 100 creates a web page corresponding to each display template for a plurality of selected display templates, produces standard web page data, or web page data corresponding to a standard display template. can be produced. The electronic device 100 may provide web pages corresponding to a plurality of display templates by using at least one value from the web page data as a variable and applying the variable to the remaining selected display templates.

The electronic device 100 may check (or determine) user input values (values of components and components) for at least one of grid, layout, section, block, widget, and container from the generated web page data, This value can be applied to other display templates as a variable.

The electronic device 100 may process elements and component values by enlarging, reducing, moving, or regenerating them when selecting a plurality of display templates or switching display templates.

In step 305, the electronic device 100 determines to change the display template. The electronic device 100 may determine to change the display template output from the web page production service based on the user input.

According to one embodiment, the electronic device 100 may determine a display template to change based on a user input received from the user device 210. According to one embodiment, the user input for determining the display template may be selecting a reference point displayed on at least a portion of the window for creating a web page in the web page production service of the user device 210.

Here, the electronic device 100 may process a reference point for indicating the display size (eg, resolution or screen ratio) of the display template to be expressed as a designated mark. For example, the electronic device 100 may display a reference point on a portion of a corner of a window corresponding to a display template in a web page production service output to the user device 210.

Here, the electronic device 100 may be in a state of specifying the display resolution of one display template for one reference point, and the electronic device 100 displays reference points corresponding to a plurality of display templates through a web page production service. can do.

Here, the operation of selecting the reference point displayed on the display of the user device 210 may be an operation of touching the reference point displayed on the display when the display of the user device 210 is configured as a touch screen, or by touching the reference point displayed on the display or using a pointer displayed on the display. This may be an operation of selecting a reference point using .

According to various embodiments, the user input for determining the display template may be selecting or inputting a resolution or aspect ratio to at least a portion of the window for creating a web page in the web page production service of the user device 210.

According to various embodiments, the electronic device 100 may determine an additional display template based on user input in addition to the display templates determined in step 301.

For example, in step 301 or another operation, the electronic device 100 displays reference points corresponding to pre-selected display templates on at least a portion of the window of the web page production service, and displays reference points corresponding to the displayed display templates. You can select a different reference point or check user input by entering resolution or aspect ratio.

The electronic device 100 may process information about the selected new reference point and resolution to be displayed through the web page production service of the user device 210.

In step 307, the electronic device 100 checks information about the display template for change (or has decided to change) and changes web page data to output through the web page production service of the user device 210.

Here, when the web page data corresponding to the display template for change is pre-generated in the electronic device 100, the electronic device 100 may call (or convert) the corresponding web page data.

According to various embodiments, when changing data for at least some of the pre-generated web page data to correspond to a display template for change, the electronic device 100 selects the display template from the web page data corresponding to the pre-generated display template. Information that is a variable for change, for example, web page data by enlarging, reducing, moving, or regenerating the value of at least one of grid, layout, section, block, widget, and container in response to the display template for change. can be produced.

In step 309, the electronic device 100 may provide a webpage production service to the user by applying a display template for change and webpage data.

Figure 4 is a diagram illustrating an operation of providing a web page creation service on a user device according to an embodiment of the present invention.

The user may request the provision of a web page production service through the user device 400, and the electronic device 100 provides a web page production service corresponding to the specified display template based on the request of the user device 400 to the user device ( 400).

According to one embodiment, the user device 400 may include a display 410 on the front part, may be configured to include a separate input unit (not shown), or may be configured to include a touch display.

The web page production service for providing the web page production service through the user device 400 includes a window 420 having a designated area in at least a portion of the display 410 (hereinafter referred to as the web page production service 420). It can be composed and output. Here, the area where the web page production service is provided is not limited to the window, and various objects such as blocks and containers that can output the web page production program can be applied.

The web page production service 420 includes a first area 430 that provides a web page production area according to a designated display template, a second area 440 that determines the layout of the web page, and components of the web page. and a third area 450 that determines the values of the components.

The first area 430 may be provided in a size that corresponds to at least a portion of the resolution and screen ratio of the designated display template. A fourth area 431 for changing the display template based on user input may be formed in at least a portion around the first area 430. Here, the fourth area 431 (or the fourth area 531 in FIG. 5) may be defined as a size adjustment area.

According to one embodiment, the fourth area 431 may be displayed in the horizontal and/or vertical directions around the first area 430. At this time, when confirming a user input for selecting a specific location of the fourth area 431, the electronic device 100 processes to adjust the configuration of the first area 430 to the size of the display template corresponding to the specific location. You can.

According to one embodiment for selecting a specific location, a fourth area 431 may be configured to display a reference point for indicating a designated display template.

Referring to FIG. 4, reference points according to one embodiment are indicated by arrows, and when a plurality of display templates are selected, each reference point may be arranged so that the resolution or screen ratio can be visually confirmed. For example, the reference point of each display template may be arranged symmetrically with respect to the reference line (e.g., center line) of the first area, and may be displayed at a corner of the screen, for example.

The fourth area 431 may display information about at least part of the horizontal resolution and vertical resolution of the display template selected based on the displayed reference points, or may be configured to include an input window 437 for entering a specific resolution. there is.

When the user selects one reference point (e.g., 433) among the reference points displayed in the fourth area 431, the electronic device 100 configures the first area with the size specified in the display template corresponding to the reference point 433. It can be adjusted (or controlled) and processed to output a web page to which the layout of the display template and the setting values of the components are applied. At this time, the electronic device 100 may process the selected reference point 433 to display a different effect from other reference points.

The user selects a specific location where the reference point is not displayed in the fourth area 431, for example, a specific horizontal location and/or a specific vertical location, or enters a specific resolution in the input window 437 that displays the resolution. In this case, the electronic device 100 may create a display template corresponding to a specific location or specific resolution. The electronic device 100 may display the reference point of the produced display template in the fourth area 431.

In addition, the electronic device 100 touches and drags and drops the reference point 433 or the reference point 435 of the display template activated in the fourth area 431 of the user device 400, or selects the reference point 433 or The display template can be changed by confirming user input by clicking and dragging and dropping the pointer pointing to the reference point 435.

According to various embodiments, the electronic device 100 touches and drags and drops a corner of the fourth area 431 of the user device 400, or confirms a user input by clicking and dragging and dropping a pointer pointing to a corner. This can be done to change the display template.

Here, touch and drag and drop, and click and drag and drop are described as methods for changing the display template, but the electronic device 100 may provide methods for changing the display template according to various specified settings.

The second area 440 can display a grid and layout that can be set on a web page. For example, the second area 440 may be configured to include a background or at least one option for dividing sections or displaying blocks (or widgets) on the screen. The electronic device 100 may display an option (eg, the first option 441) corresponding to the grid and layout of the display template determined to be output in the first area 430.

According to various embodiments, the grid and/or layout of the web page displayed in the second area 440 may be displayed in various ways. For example, the electronic device 100 may display various groups based on the selection of the fifth areas 460 and 560.

Here, each group can be divided into a grid and layout corresponding to a responsive web page, a grid and layout corresponding to an adaptive web page, and a grid and layout corresponding to a web page of a specified size. . Alternatively, the grid and layout corresponding to a web page of a specified size, the grid and layout corresponding to a responsive web page, and the grid and layout corresponding to an adaptive web page may be mixed and included in at least one group.

At this time, the electronic device 100 may determine the grid and/or layouts of the group displayed in the second areas 440 and 540 based on data of various users who use the web page production service. In addition, groups displayed in the second area 440 or options provided in the second area 440 can be modified or deleted according to user input, and new options can be created.

The third area 450 may provide a function to determine the components and values of the web page components. According to one embodiment, the third area 450 may display at least one group for a designated setting value. If there are multiple groups for setting values, the electronic device 100 may also provide a shortcut key. The third area 450 includes settings for the margins and sizes of at least some of web pages and components, such as blocks, containers, and widgets, settings for content size, settings related to display time, and display of components. , may provide setting functions for at least some of the settings for creation, and deletion.

Referring to Figure 4, the electronic device 100 can create bulletin board fields constituting a web page based on user input, add or delete bulletin board fields by modifying existing options provided, or create new options. can do.

According to one embodiment, the elements (or attributes) included in the bulletin board field are mobile phone input, e-mail input, inquiry input, date input, video input, terms and conditions input, Naver map coordinate input, Daum map coordinate input, It may include at least one element among Google Map coordinate input, select box, radio, and check box. According to one embodiment, exposure, sort order, and help items may be applied to the bulletin board field based on user input.

The electronic device 100 may select two or more components displayed in the first area 430 of the user device 400 and change data so that the changed content is applied to the plurality of selected display templates.

According to one embodiment, the web page creation service 420 may display a fifth area 460 where device properties can be checked whether the activated display template is for a PC or a mobile device. Here, device properties may be composed of a plurality of groups including display templates with resolutions in a specified range. According to various embodiments, device properties according to display resolution are described for PC or mobile use, but the device is not limited to this and various device properties such as tablets and TVs can be applied depending on the resolution range.

When a PC or mobile is selected in the fifth area 460 based on a user input, the electronic device 100 displays the reference point(s) of the display template designated for the selected PC or mobile in the fourth area 431. can do. Here, the display templates designated for PC and mobile may be configured so that at least some of them are the same and may be configured not to overlap.

According to one embodiment, even when a PC is displayed in the fifth area 460, the grid and/or layout of a mobile web page can be displayed in the second area 440. Additionally, even when a PC is displayed in the fifth area 460, the reference point and/or resolution (or screen ratio) area of the display template corresponding to the mobile device can be displayed in the fifth area 430.

Figure 5 is a diagram illustrating an operation of providing a web page creation service on a user device according to an embodiment of the present invention.

According to one embodiment, FIG. 5 may be a diagram of outputting a result according to a user input for changing a display template to the user device 400 in the operation of the electronic device 100 according to the embodiment of FIG. 4.

The user can request a change in the display template while creating a web page through the user device 400 or before/after creating a web page, and the electronic device 100 makes the change based on the request of the user device 400. A web page creation service corresponding to the display template may be provided to the user device 500.

According to one embodiment, the user device 500 may include a display 510 on the front part, may be configured to include a separate input unit (not shown), or may be configured to include a touch display. In describing the embodiment of FIG. 5, the user device 400 of FIG. 4 and the user device 500 of FIG. 5 may be the same device.

The web page production service for providing the web page production service through the user device 500 includes a window 520 having a designated area in at least a portion of the display 510 (hereinafter referred to as the web page production service 520). It can be composed and output.

The web page production service 520 includes a first area 530 that provides a web page production area according to a designated display template, a second area 540 that determines the layout of the web page, and components of the web page. and a third area 550 that determines the values of the components. A fourth area 531 for determining a display template may be formed at least partially around the first area 530.

When the user selects a specific location of the fourth area 531 or selects one reference point among the displayed reference points, the electronic device 100 can adjust the configuration of the first area 530 according to the determined display template. .

For example, when the user selects the reference point 533 displayed in the fourth area 531, the electronic device 100 layouts the first area 530 in the size specified in the display template corresponding to the reference point 533. And it can be processed to adjust (or control) the setting values of the configuration and display the layout of the set web page and display template (e.g., the second option 541).

According to one embodiment, when changing the display template from the display template displayed in the first area 430 of FIG. 4 to the display template displayed in the first area 530 of FIG. 5 (or vice versa), the web page Errors (e.g., broken, missing, truncated) may occur when displaying images and/or text included in the first areas 430 and 530. If the electronic device 100 confirms that a data error occurs when changing the template, it may change the image or text to a designated image or text.

For example, the electronic device 100 may include an image with a different resolution or text in a different format that is the same or similar to the image or text that makes up the web page, or an image or text with a different resolution that is the same or similar to the image or text in which an error occurred. Text in different formats can be checked from the storage unit 120 or an external device. The electronic device 100 can change the mobile display template to an image of a different output resolution or text in a different format and output a web page of the changed display template. At this time, the electronic device 100 may process the selected reference point 533 to display a different effect from other reference points.

For another example, the electronic device 100 may resolve the error by modifying the container value of the image or text in which the error occurred.

According to various embodiments, errors that occur when displaying images and/or text in the first areas 430 and 530 are not limited to broken, missing, or truncated images and/or texts, and are not specified in the changed display template. This may include being output as an image of an unspecified size (or resolution) or as text in an unspecified format.

Referring to FIG. 4, the reference points displayed in the fourth area 431 are explained as corresponding to resolution (eg, horizontal resolution and vertical resolution), but the display is not limited to this and various display methods can be applied. Referring to FIG. 5, the reference points displayed in the fourth area 531 can be processed to display the screen ratio, and the fourth area 531 includes an input window 537 for entering a specific screen ratio. It can be.

The web page creation service and its operations output to the displays 410 and 510 of the user devices 400 and 500 may be processed by the electronic device 100. In addition, although FIGS. 4 and 5 illustrate the operation of the user devices 400 and 500, it is not limited thereto, and may be performed through the operation of the electronic device 100, and the performance result may be performed by the operation of the included (or externally connected) device. ) can be output through the display. In addition, FIGS. 4 and 5 may be applied in the same or similar manner not only to the user device 400 or 500 or the electronic device 100, but also to the business operator device 220 or server 230.

Like FIG. 4 , the web page creation service 520 may display a fifth area 560 where device properties can be checked whether the activated display template is for a PC or a mobile device. Referring to the fifth area 560 of FIG. 5, it can be confirmed that a web page creation service is provided based on mobile device properties.

In addition, according to various embodiments, applicable display templates may be limited depending on the selection of the fifth area 560. For example, the maximum applicable resolution can be set in at least one option (eg, mobile) among the device properties selected in the fifth area 560.

According to one embodiment, in the case of a specific mobile option, while the maximum configurable resolution is set to 991x767, display templates with a resolution greater than 991x767 may be processed not to be applied. These specific options can be displayed as designated visual effects 561 and can be turned on/off as options in device properties. Conversely, it is clear that in the case of a specific option, display templates with a resolution greater than the specified resolution can be processed not to be applied.

Referring to FIG. 5, the visual effect 561 for displaying the specific option described above is indicated by a point at a designated location, but is not limited to this and can be applied to various effects such as color application, text effect, box effect, etc. It can be displayed by applying .

Based on the above description, one embodiment of the present invention includes determining a first size display template; providing the web page production service to which the first size display template is applied; determining a change to a second size display template; Confirming and changing information of the second size display template; and providing the web page production service to which the second size display template is applied. Disclosed is a method of operating an electronic device that provides a web page production service, including:

Here, the step of deciding to change to the second size display template may include receiving a user input for selecting a specific position in the size adjustment area displayed through the web page production service from the user device.

Here, the step of determining a change to the second size display template includes receiving a user input for selecting one of a plurality of reference points displayed through the web page production service from a user device, and the plurality of displayed templates. Each of the reference points may be displayed at a designated location in the web page production service output to the user device based on the resolution of the corresponding display template.

Here, each of the displayed plurality of reference points is divided into two or more groups based on a resolution range including the resolution of the corresponding display template, and the two or more groups are located at a designated location of the web page production service output to the user device. It can be displayed in .

Here, the step of checking and changing the information of the second size display template further includes checking whether an error occurs in the output of at least some of the images and text included in the web page, and where the error is confirmed. In this case, at least some of the images in which the error occurred are changed to images of the same or similar other resolution, or at least some of the text in which the error occurred is changed in font, size, character spacing, width, line spacing, color, and thickness. , you can change the format of at least one of slant, underline, and alignment.

Here, the step of providing the web page production service to which the first size display template is applied includes outputting to display a first web page to which the determined first size display template is applied and a layout corresponding to the first web page, The step of providing the web page production service to which the second size display template is applied may output a second web page to which the determined second size display template is applied and a layout corresponding to the second web page.

Here, the step of providing the web page production service to which the second size display template is applied includes a corresponding operation based on at least some of the operations of creating, changing, and deleting web page data of the second size display template. It can be processed from web page data of the first size display template.

Various embodiments of the present invention include a communication unit that communicates with at least one user device; a storage unit that stores data transmitted and received through the communication unit; and determining a first size display template; Providing the web page production service to which the first size display template is applied, determining a change to the second size display template, confirming and changing the information of the second size display template, and providing the web page production service to which the second size display template is applied. Disclosed is an electronic device that provides a web page production service, including a processing unit configured to provide the web page production service. Although images or text are expressed in various embodiments of the present invention, the image is data having an image format. In addition, it can be displayed by including at least one of a grid containing at least one image, a container, a gallery, a video, a bulletin board, or a map. Likewise, text may be represented by including at least one of a grid, container, gallery, video, bulletin board, or map containing at least one text, as well as data in a text format.

Above, preferred embodiments of the present invention have been described in detail, but the technical scope of the present invention is not limited to the above-described embodiments and should be interpreted in accordance with the scope of the patent claims. At this time, those skilled in the art should consider that many modifications and variations are possible without departing from the scope of the present invention.

100: Electronic device 110: Processing unit
120: storage unit 130: communication unit
210: User device 220: Operator device
230: server 10: communication network
400, 500, user device

Claims (8)

In a method of operating an electronic device that provides a web page production service,
determining a first size display template;
providing the web page production service to which the first size display template is applied;
determining a change to a second size display template;
Confirming and changing information of the second size display template; and
It includes providing the web page production service to which the second size display template is applied.
The web page creation service is,
At least one of a first area that provides a web page production area according to a designated display template, a second area that determines the layout of the web page, and a third area that determines the components of the web page and the values of the components. Includes some,
The first area is provided in a size corresponding to at least a portion of the resolution and screen ratio of the designated display template, and a fourth area for changing the display template based on user input is configured in at least a portion around the first area, The fourth area is defined as a size control area,
The fourth area is displayed horizontally and/or vertically around the first area, and when a user input for selecting a specific location of the fourth area is confirmed, the electronic device selects a display template corresponding to the specific location. A method of operating an electronic device that provides a web page production service, wherein the configuration of the first area is adjusted by size. According to paragraph 1,
The step of deciding to change to the second size display template is,
A method of operating an electronic device that provides a web page production service, comprising: receiving a user input for selecting a specific position in a size adjustment area displayed through the web page production service from a user device. According to paragraph 1,
The step of deciding to change to the second size display template is,
Comprising: receiving a user input for selecting one of a plurality of reference points displayed through the web page production service from a user device,
An operation of an electronic device that provides a web page production service, characterized in that each of the displayed plurality of reference points is displayed at a designated location of the web page production service output to the user device based on the resolution of the corresponding display template. method. According to paragraph 3,
Each of the displayed plurality of reference points is divided into two or more groups based on a resolution range including the resolution of the corresponding display template,
A method of operating an electronic device providing a web page production service, characterized in that the two or more groups are displayed at a designated location of the web page production service output to the user device. According to paragraph 1,
The step of checking and changing the information of the second size display template is,
It further includes: checking whether an error occurs in the output of at least some of the images and text included in the web page,
When the error is confirmed, at least some of the images in which the error occurred are changed to images of different resolutions that are the same or similar, or at least some of the text in which the error occurred is changed to font, size, character spacing, length, and line. A method of operating an electronic device that provides a web page production service, characterized in that the format of at least one of spacing, color, thickness, slope, underline, and alignment is changed. According to clause 5,
The step of providing the web page production service to which the first size display template is applied includes outputting to display a first web page to which the determined first size display template is applied and a layout corresponding to the first web page,
The step of providing the web page production service to which the second size display template is applied is characterized by outputting to display a second web page to which the determined second size display template is applied and a layout corresponding to the second web page. A method of operating an electronic device that provides a web page production service. According to paragraph 1,
The step of providing the web page production service to which the second size display template is applied is,
Processing a corresponding operation on the web page data of the first size display template based on at least some of the operations of creating, changing, and deleting the web page data of the second size display template, web page production. A method of operating an electronic device that provides a service. 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
determining a first size display template; Providing the web page production service to which the first size display template is applied, determining a change to the second size display template, confirming and changing the information of the second size display template, and providing the web page production service to which the second size display template is applied. It includes a processing unit configured to provide the web page production service,
The web page creation service is,
At least one of a first area that provides a web page production area according to a designated display template, a second area that determines the layout of the web page, and a third area that determines the components of the web page and the values of the components. Includes some,
The first area is provided in a size corresponding to at least a portion of the resolution and screen ratio of the designated display template, and a fourth area for changing the display template based on user input is formed in at least a portion around the first area, The fourth area is defined as a size control area,
The fourth area is displayed horizontally and/or vertically around the first area, and when a user input for selecting a specific location of the fourth area is confirmed, the electronic device selects a display template corresponding to the specific location. An electronic device that provides a web page production service that adjusts the configuration of the first area based on size.