KR20150137709A - Method of providing internet webpages - Google Patents

Method of providing internet webpages Download PDF

Info

Publication number
KR20150137709A
KR20150137709A KR1020140066042A KR20140066042A KR20150137709A KR 20150137709 A KR20150137709 A KR 20150137709A KR 1020140066042 A KR1020140066042 A KR 1020140066042A KR 20140066042 A KR20140066042 A KR 20140066042A KR 20150137709 A KR20150137709 A KR 20150137709A
Authority
KR
South Korea
Prior art keywords
web page
left column
column
displayed
excess portion
Prior art date
Application number
KR1020140066042A
Other languages
Korean (ko)
Other versions
KR101604838B1 (en
Inventor
최규철
Original Assignee
최규철
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 최규철 filed Critical 최규철
Priority to KR1020140066042A priority Critical patent/KR101604838B1/en
Publication of KR20150137709A publication Critical patent/KR20150137709A/en
Application granted granted Critical
Publication of KR101604838B1 publication Critical patent/KR101604838B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars

Abstract

The present invention relates to a webpage configuration method, and especially has an effect of increasing readability of a webpage by dividing the webpage into left and right regions, and sequentially displaying components of the webpage on the left and right regions, when a webpage configuration apparatus is rotated in a horizontal direction.

Description

웹페이지의 구성방법{METHOD OF PROVIDING INTERNET WEBPAGES}{METHOD OF PROVIDING INTERNET WEBPAGES}

본 발명은 웹브라우저를 통해 웹페이지를 제공하는 방법에 관한 것으로, 특히 웹페이지 구성장치가 가로방향으로 회전된 경우 웹페이지를 좌우영역으로 분할하여 웹페이지의 구성요소를 좌우영역에 순차적으로 디스플레이함으로서 웹페이지에 대한 가독성을 향상시킬 수 있는 웹페이지의 구성방법에 관한 것이다.
The present invention relates to a method of providing a web page through a web browser, and more particularly to a method and apparatus for dividing a web page into left and right regions when the web page construction apparatus is rotated in a horizontal direction, And to a method of configuring a web page that can improve readability of a web page.

이동통신분야는 급속도로 발전하고 있으며, 이러한 이동통신단말기에는 셀룰러폰, PCS폰, GSM단말기, 스마트패드 등이 있다. 이와 같이 이동통신분야가 다양화되고 이동통신단말기의 보급이 확대됨에 따라 카메라기능, MP3 재생기능, DMB시청기능, 문서표시기능, 이메일기능 등 다양한 부가서비스가 이동통신단말기에 구현되고 있다. 특히, 이동통신기능이 생략되고 WiFi 등의 무선통신기능이 탑재된 아이팟, 갤럭시플레이, 스마트패드 등의 전자단말기가 생산 및 널리 보급되고 있다.2. Description of the Related Art [0002] The mobile communication field has been rapidly developed. Such mobile communication terminals include a cellular phone, a PCS phone, a GSM terminal, and a smart pad. As the field of mobile communication is diversified and the spread of mobile communication terminals is expanded, various additional services such as a camera function, an MP3 playback function, a DMB viewing function, a document display function, and an e-mail function are implemented in mobile communication terminals. Particularly, electronic terminals such as an iPod, a Galaxy Play, and a Smart Pad equipped with a wireless communication function such as a WiFi have been produced and widely spread, as mobile communication functions are omitted.

종래의 이동통신단말기 등의 전자단말기의 스크린은 3.5인치 이하로 화면크기가 작아 휴대성은 좋으나, 글자가 작아 가독성이 좋지 않은 단점이 있었다.The screen of an electronic terminal such as a conventional mobile communication terminal has a screen size of 3.5 inches or less and a small screen size, which is good in portability.

그러나, 근래에 들어 웹페이지의 가독성, 동영상의 재생, 문서의 읽기 및 편집을 향상시키기 위해 전자단말기의 스크린이 4인치를 넘어 4.7인치 내지 5.9인치를 가진 전자단말기가 주류를 차지하고 있는 실정이다.However, in recent years, in order to improve the readability of a web page, the reproduction of a moving picture, and the reading and editing of a document, an electronic terminal having a screen of 4.7 inches to 5.9 inches exceeds 4 inches occupies the mainstream.

그리고, 웹페이지는 이미지 등이 포함되어 있지만, 텍스트 구성이 대부분을 차지하고 있고, 전자단말기의 스크린의 경우 대부분 화변비율이 16:9, 16:10, 15:9 등으로 가로와 세로의 길이비가 동일하지 않고 다르다. 웹페이지의 경우 세로방향으로 회전한 상태에서 세로모드로 볼 경우 책의 페이지와 같이 가독성이 우수한 반면, 가로모드로 볼 경우 가독성이 저하되는 문제가 있다.
In addition, although the web page includes images and the like, most of the text configuration is occupied. In the case of the screen of the electronic terminal, the ratio of the aspect ratio is 16: 9, 16:10, 15: It is different without. In the case of a web page, when viewed in the portrait mode while rotating in the vertical direction, the readability is excellent as in the book page, whereas in the landscape mode, the readability is degraded.

도 1은 가로모드시 웹페이지(30)와 웹페이지(30) 상에 표시될 텍스트, 이미지 등의 구성요소(50)를 나타내는 도면이다. 그리고 가로모드로 볼 경우 도 2와 같이 좌우에 여백이 형성되고 중간부분에 세로모드와 비슷한 글자수로 디스플레이되나, 세로모드에 비해 텍스트의 줄수가 적어 가독량이 적을 뿐만 아니라 가독성이 좋지 못하는 문제가 있다.
1 is a diagram showing a component 50 such as text, image, etc. to be displayed on a web page 30 and a web page 30 in a landscape mode. In case of viewing in the landscape mode, margins are formed on the left and right sides as shown in FIG. 2, and the characters are displayed in the middle part similar to the portrait mode. However, the number of lines of text is smaller than that of the portrait mode. .

한편, 특허문헌 1은 이동통신 단말기의 사용자가 웹페이지 화면을 원하는 크기로 분할하여 표시할 수 있도록 하는 웹페이지 표시가 가능한 이동통신 단말기 및 그 제어방법에 관한 것으로서, 웹페이지 화면크기보다 작은 표시영역을 가지는 디스플레이부를 이용해 웹페이지를 편리하게 볼 수 있는 이점은 있으나, 여전히 종래와 같이 단말기를 가로방향으로 회전시키면 가독량 및 가독성이 좋지 못하다.
Patent Document 1 discloses a mobile communication terminal capable of displaying a web page so that a user of the mobile communication terminal can divide a web page screen into a desired size, and a control method thereof. More particularly, There is an advantage that a web page can be conveniently viewed using a display unit having a display unit. However, if the terminal is rotated in the horizontal direction as in the conventional art, the readability and the readability are poor.

등록특허 제0844071호Patent No. 0844071

상기와 같은 종래의 문제점을 해결하기 위한 본 발명은 전자단말기 등의 웹페이지 구성장치를 가로방향으로 회전시킨 상태, 즉 가로모드일 경우에도 가독성을 향상시킬 수 있는 웹페이지의 구성방법을 제공함에 그 목적이 있다.
In order to solve the above-described problems, the present invention provides a method of constructing a web page capable of improving readability even when the web page composing device such as an electronic terminal is rotated in the horizontal direction, that is, There is a purpose.

이와 같은 목적을 달성하기 위한 본 발명은,According to an aspect of the present invention,

웹브라우저가 실행되어 웹페이지를 터치스크린에 디스플레이하는 웹페이지의 구성방법에 있어서,A method of configuring a web page in which a web browser is executed to display a web page on a touch screen,

상기 터치스크린이 가로방향으로 회전된 경우 웹페이지를 좌측열과 우측열로 분할하여 웹페이지의 구성요소를 상기 좌측열과 상기 우측열에 순차적으로 디스플레이하는 것을 특징으로 하는 웹페이지의 구성방법을 제공한다.
Wherein the web page is divided into a left column and a right column when the touch screen is rotated in the horizontal direction, and the constituent elements of the web page are sequentially displayed in the left column and the right column.

그리고 본 발명은 웹브라우저가 실행되어 웹페이지를 터치스크린에 디스플레이하는 웹페이지의 구성방법에 있어서,The present invention also provides a method of configuring a web page in which a web browser is executed to display a web page on a touch screen,

상기 터치스크린의 회전방향이 가로 또는 세로인지 판단하는 방향판단단계와;Determining whether the rotation direction of the touch screen is horizontal or vertical;

상기 터치스크린의 회전방향이 가로인 경우 상기 웹페이지를 좌측열 및 우측열로 분할하는 분할단계와;A dividing step of dividing the web page into a left column and a right column when the rotation direction of the touch screen is horizontal;

상기 웹페이지를 구성하는 요소를 로드하여 상기 좌측열의 표시범위 내에서 상기 웹페이지의 좌측열에 디스플레이하고, 상기 웹페이지를 구성하는 요소 중 상기 좌측열의 표시범위를 초과하는 제1초과부분을 상기 우측열에 순차적으로 디스플레이하는 디스플레이단계;를 포함하여 이루어지는 것을 특징으로 하는 웹페이지의 구성방법을 제공한다.
And displays a first excess portion exceeding the display range of the left column among the elements constituting the web page in the left column of the web page in the display range of the left column, And a display step of sequentially displaying the web page.

특히, 상기 웹페이지를 구성하는 요소가 상기 좌측열의 표시범위를 초과하는 경우에 한하여 상기 분할단계가 실행되는 것이 좋다.Particularly, it is preferable that the dividing step is executed only when the elements constituting the web page exceed the display range of the left column.

그리고 상기 디스플레이단계에서 상기 우측열에 상기 좌측열의 표시범위를 초과하는 제 1초과부분이 디스플레이된 경우 상기 우측열에 세로방향의 스크롤바를 디스플레이하는 것을 특징으로 하는 웹페이지의 구성방법.
And displaying a vertical scroll bar in the right column when a first excess portion exceeding a display range of the left column is displayed in the right column in the display step.

나아가, 상기 좌측열에 대한 세로방향 스크롤이벤트가 감지되는 경우 상기 스크롤이벤트의 방향 및 스크롤정도에 따라 상기 좌측열 및 상기 우측열에 디스플레이된 요소부분들을 세로방향으로 이동시키고, Further, when the vertical scroll event for the left column is detected, the element parts displayed in the left column and the right column are shifted in the vertical direction according to the direction and scroll degree of the scroll event,

상기 우측열에 대한 세로방향 스크롤이벤트가 감지되는 경우 상기 스크롤이벤트의 방향 및 스크롤정도에 따라 상기 좌측열 및 상기 우측열에 디스플레이된 요소부분들을 세로방향으로 이동시키는 것이 바람직하다.
When the vertical scroll event for the right column is detected, the element parts displayed in the left column and the right column are moved in the vertical direction according to the direction and scroll degree of the scroll event.

그리고, 상기 좌측열에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열에 상기 웹페이지를 구성하는 요소 중 제1 초과부분을 디스플레이하고, 상기 우측열에 상기 웹페이지를 구성하는 요소 중 제1 초과부분을 초과하는 제2 초과부분을 디스플레이할 수 있다.If a horizontal scroll event for the left column is sensed, the left column displays a first excess portion of the elements constituting the web page, and the right column displays a first excess portion of elements constituting the web page Lt; RTI ID = 0.0 > of < / RTI >

또한, 상기 우측열에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열에 상기 웹페이지를 구성하는 요소 중 제1 초과부분을 디스플레이하고, 상기 우측열에 상기 웹페이지를 구성하는 요소 중 제1 초과부분을 초과하는 제2 초과부분을 디스플레이할 수 있다.
If the horizontal scroll event for the right column is detected, the first column of the elements constituting the web page is displayed in the left column, and the right column displays the first excess portion of the elements constituting the web page Lt; RTI ID = 0.0 > of < / RTI >

아울러, 상기 좌측열에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열에 상기 웹페이지를 구성하는 요소 중 제1 초과부분을 초과하는 제2 초과부분을 디스플레이하고, 상기 우측열에 상기 웹페이지를 구성하는 요소 중 제2 초과부분을 초과하는 제3 초과부분을 디스플레이할 수도 있다.
In addition, when a horizontal scroll event for the left column is detected, the left column displays a second excess portion exceeding a first excess portion of elements constituting the web page, and the right column displays elements Of the second excess portion of the second excess portion.

본 발명의 웹페이지의 구성방법은 전자단말기 등의 웹페이지 구성장치를 가로방향으로 회전시킨 상태, 즉 가로모드일 경우에 웹페이지를 좌측열 및 우측열로 분할하고, 좌측열 및 우측열에 순차적으로 웹페이지를 구성하는 요소를 순차적으로 디스플레이함으로서 종래와 같이 좌우 공백없이 세로모드와 비슷한 글자수(한줄을 이루는 글자수)로 디스플레이할 수 있는 등 가독성을 향상시킬 수 있는 효과가 있다.A web page configuration method of the present invention divides a web page into left and right columns in a state in which the web page composing device such as an electronic terminal is rotated in a lateral direction, that is, in a landscape mode, By displaying the elements constituting the web page sequentially, it is possible to improve the legibility of the display such that the number of characters (the number of characters in one line) similar to the portrait mode can be displayed without space left and right as in the conventional manner.

특히, 전자단말기의 스크린이 4.7인치 이상으로 확대되고 있어, 가로모드시 웹페이지를 좌측열 및 우측열로 분할하더라도 글자크기를 종래와 같이 유지한 상태로 텍스트를 디스플레이를 할 수 있어, 더 많은 양의 텍스트를 표시할 수 있을 뿐만 아니라 가독성을 향상시킬 수 있다.
In particular, since the screen of the electronic terminal is enlarged to 4.7 inches or more, even when the web page is divided into the left column and the right column in the horizontal mode, text can be displayed while maintaining the character size as before, It is possible to display not only text but also readability.

도 1은 터치스크린의 가로모드시 웹페이지와 웹페이지 상에 표시될 구성요소를 나타내는 도면이고,
도 2는 터치스크린의 실제 가로모드시 웹페이지 상에 표시되는 구성을 나타내는 도면이고,
도 3은 터치스크린의 가로모드시 웹페이지의 구성요소가 좌측열과 우측열에 순차적으로 디스플레이된 상태를 개략적으로 나타내는 도면이고,
도 4는 터치스크린의 회전방향에 따른 웹페이지의 디스플레이 과정을 개략적으로 나타내는 순서도이고,
도 5는 좌측열에 대한 세로방향 스크롤이벤트 발생된 상태를 개략적으로 나타내는 도면이고,
도 6은 우측열에 대한 세로방향 스크롤이벤트 발생된 상태를 개략적으로 나타내는 도면이고,
도 7은 좌측열에 대한 가로방향 스크롤이벤트가 발생된 일예를 개략적으로 나타내는 도면이고,
도 8은 우측열에 대한 가로방향 스크롤이벤트가 발생된 상태를 개략적으로 나타내는 도면이고,
도 9는 좌측열에 대한 가로방향 스크롤이벤트가 발생된 다른예를 개략적으로 나타내는 도면이다.1 is a view showing components to be displayed on a web page and a web page in a horizontal mode of the touch screen,
2 is a view showing a configuration displayed on a web page in an actual transverse mode of the touch screen,
3 is a view schematically showing a state in which components of a web page are sequentially displayed in a left column and a right column in a horizontal mode of the touch screen,
4 is a flowchart schematically illustrating a process of displaying a web page according to the rotation direction of the touch screen,
5 is a view schematically showing a state in which a vertical scroll event is generated for a left column,
6 is a view schematically showing a state in which a vertical scroll event is generated for the right column,
7 is a view schematically showing an example in which a horizontal scroll event for the left column is generated,
8 is a view schematically showing a state in which a horizontal scroll event for the right column is generated,
9 is a view schematically showing another example in which a horizontal scroll event for the left column is generated.

이하, 본 발명의 웹페이지의 구성방법의 실시예를 도면을 참조하여 설명하면 다음과 같고, 본 발명의 권리범위는 하기의 실시예에 한정되는 것은 아니다.
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, an embodiment of a method of configuring a web page of the present invention will be described with reference to the drawings, and the scope of rights of the present invention is not limited to the following embodiments.

본 발명의 웹페이지의 구성방법은 인터넷망을 통해 웹서버에 저장된 웹페이지를 터치스크린에 디스플레이하는 웹페이지 구성장치에 의해 제공된다.A method of configuring a web page according to the present invention is provided by a web page composing device for displaying a web page stored in a web server through an internet network on a touch screen.

상기 웹페이지 구성장치는 웹페이지를 읽을 수 있는 익스플로러, 파이어폭스, 사파리, 크롬 등의 웹브라우저를 탑재하여 인터넷 망을 통해 웹서버로부터 웹페이지를 전송받을 수 있는 모든 기기를 통칭한다. The web page composing device collectively refers to any device capable of receiving a web page from a web server through an Internet network equipped with a web browser such as an explorer, a browser, a firefox, a safari or a chrome.

예를 들면, 상기 웹페이지 구성장치로서 이동통신기능이 탑재된 스마트폰, 스마트패드, WiFi 등의 무선기능이 탑재된 MP3플레이어, 전자책 등의 전자단말기 등이 있다.For example, the web page composing device includes an electronic device such as a smart phone equipped with a mobile communication function, an MP3 player equipped with a wireless function such as a smart pad and WiFi, and an electronic book.

그리고 상기 웹브라우저는 사용자가 인터넷 망을 통해 제공되는 웹페이지를 볼 수 있도록 해주는 응용 프로그램으로서, 웹서버로부터 웹페이지를 제공받아 처리하기 위한 클라이언트 프로그램이다.The web browser is an application program for allowing a user to view a web page provided through the Internet, and is a client program for receiving and processing a web page from a web server.

상기 웹페이지 구성장치는 인터넷 망을 통해 웹페이지를 웹서버에 요청하여 제공받는 네트워크 연결부와, 상기 네트워크 연결부로부터 전달받은 웹페이지를 로드하고 로드된 웹페이지를 분석하며 분석결과에 따라 웹페이지를 렌더링하는 제어부와, 상기 제어부에 의해 렌더링된 웹페이지를 전달받아 디스플레이하고 사용자 이벤트를 입력하는 터치스크린과, 운영체제, 웹브라우저 및 웹페이지 등이 저장되는 저장부와를 포함하여 구성되고, 상기 웹페이지의 구성장치에는 구성장치의 상하좌우의 움직임을 검출하여 가로방향으로 회전(가로모드)과 세로방향으로 회전(세로모드)을 판단할 수 있는 자이로센서(Gyro Sensor) 등의 방향센서가 구비된다.
The web page composing apparatus includes a network connection unit that receives a web page from a web server through an Internet network and receives the web page from the network connection unit, analyzes the loaded web page, and displays a web page A touch screen for receiving and displaying a web page rendered by the control unit and inputting a user event, and a storage unit for storing an operating system, a web browser, and a web page, The configuration apparatus is provided with a direction sensor such as a gyro sensor capable of detecting the up, down, left, and right movements of the constituent device and determining rotation (horizontal mode) in the horizontal direction and rotation (vertical mode) in the vertical direction.

도 3은 터치스크린(10)의 가로모드시 웹페이지의 구성요소가 좌측열(310)과 우측열(330)에 순차적으로 디스플레이된 상태를 개략적으로 나타내는 도면이고, 도 4는 터치스크린(10)의 회전방향에 따른 웹페이지(30)의 디스플레이 과정을 개략적으로 나타내는 순서도이다.
3 is a view schematically showing a state in which components of a web page are sequentially displayed in the left column 310 and the right column 330 in the landscape mode of the touch screen 10. Fig. FIG. 5 is a flowchart illustrating a display process of the web page 30 according to the rotation direction of the web page 30;

본 발명의 웹페이지의 구성방법은 도 3에서 보는 바와 같이 상기 터치스크린(10)이 좌우로 길게 보이도록 사용자에 의해 가로방향으로 회전된 경우,As shown in FIG. 3, when the user rotates the touch screen 10 in the lateral direction so that the touch screen 10 is long,

상기 터치스크린(10)의 중심부 상하수직선(350)을 기준으로 상기 웹페이지(30)를 상기 터치스크린(10)의 좌측과 상기 터치스크린(10)의 우측에 각각 좌측열(310)과 우측열(330)로 2분할하여 상기 웹페이지(30)의 텍스트, 이미지 등의 구성요소(50)를 상기 좌측열(310)과 상기 우측열(330)에 순차적으로 디스플레이한다.The web page 30 is displayed on the left side of the touch screen 10 and on the right side of the touch screen 10 in the left column 310 and the right column 310 on the center vertical upper line 350 of the touch screen 10, And displays the components 50 such as text and images of the web page 30 in the left column 310 and the right column 330 in order.

상기 터치스크린(10)이 상하로 길게 보이도록 사용자에 의해 세로방향으로 회전된 경우, 상기 터치스크린(10)의 전체 화면에 상기 웹페이지(30)의 텍스트, 이미지 등의 구성요소(50)는 2분할되지 않고 하나의 단일열로서 디스플레이된다.When the user rotates the touch screen 10 in the vertical direction so as to be long in the vertical direction, the components 50 such as the text and images of the web page 30 are displayed on the entire screen of the touch screen 10 It is not divided into two but displayed as one single column.

본 발명인 웹페이지의 구성방법은 크게, 방향판단단계, 분할단계 및 디스플레이단계를 포함하여 이루어진다.The method for constructing a web page according to the present invention comprises a direction determination step, a division step, and a display step.

먼저, 상기 방향판단단계는 상기 웹페이지 구성장치에 구비된 자이로센서 등의 방향센서를 를 통해 상기 웹페이지 구성장치의 터치스크린(10)의 회전방향이 가로 또는 세로인지 판단하는 단계이다.First, the direction determining step determines whether the rotation direction of the touch screen 10 of the web page composing device is horizontal or vertical through a direction sensor such as a gyro sensor provided in the web page composing device.

다음으로, 상기 분할단계는 상기 터치스크린(10)의 회전방향이 가로인 경우 상기 웹페이지(30)를 도 3에서 보는 바와 같이 좌측열(310)과 우측열(330)로 분할하는 단계이다.Next, the dividing step divides the web page 30 into a left column 310 and a right column 330 as shown in FIG. 3 when the rotation direction of the touch screen 10 is horizontal.

특히, 상기 분할단계는 텍스트, 이미지 등으로 이루어질 수 있는 상기 웹페이지(30)의 구성요소(50)가 상기 좌측열(310)의 표시범위를 초과하는 경우에 한하여 실행된다.Particularly, the dividing step is performed only when the component 50 of the web page 30, which can be composed of text, images, etc., exceeds the display range of the left column 310.

사용자가 손가락을 오므리거나 펴는 동작을 통해 상기 터치스크린(10)의 좌측열(310)과 상기 우측열(330)에 디스플레이되는 텍스트, 이미지 등의 구성요소(50)가 확대 및 축소될 수 있다.Components 50 such as text, images, and the like displayed on the left column 310 and the right column 330 of the touch screen 10 can be enlarged or reduced by a user's finger tightening or spreading operation.

다음으로, 상기 디스플레이단계는 상기 네트워크 연결부에 의해 인터넷망을 통해 웹서버로부터 텍스트, 이미지 등으로 이루어질 수 있는 상기 웹페이지(30)의 구성요소(50)를 로드하여 상기 좌측열(310)의 표시범위내에서 상기 웹페이지(30)의 좌측열(310)에 디스플레이하고,Next, the display step loads the component 50 of the web page 30, which can be composed of text, images, etc., from the web server through the Internet connection by the network connection unit, In the left column 310 of the web page 30 within the range,

특히, 상기 웹페이지(30)의 구성요소(50) 중 상기 좌측열(310)의 표시범위를 초과하는 제 1초과부분(520)을 도 3에서 보는 바와 같이 상기 우측열(330)에 순차적으로 디스플레이하는 단계이다.Particularly, the first excess portion 520 of the component 50 of the web page 30 that exceeds the display range of the left column 310 is sequentially displayed on the right column 330 as shown in FIG. .

다음으로, 상기 디스플레이단계에서 상기 제 1초과부분(520)이 상기 좌측열(310)의 표시범위를 초과하는 경우 상기 우측열(330)의 우측방향에 위치하도록 상기 터치스크린(10)의 우측에는 상하방향으로 길게 세로방향의 스크롤바(40)가 디스플레이될 수 있다.
Next, in the display step, when the first excess portion 520 exceeds the display range of the left column 310, the right side of the right column 330 is positioned on the right side of the touch screen 10 The vertical scroll bar 40 can be displayed in the vertical direction.

도 5는 좌측열(310)에 대한 세로방향 스크롤이벤트 발생된 상태를 개략적으로 나타내는 도면이고, 도 6은 우측열(330)에 대한 세로방향 스크롤이벤트 발생된 상태를 개략적으로 나타내는 도면이다.
5 is a view schematically showing a state in which a vertical scroll event has been generated for the left column 310 and FIG. 6 is a view schematically showing a state in which a vertical scroll event has been generated for the right column 330. FIG.

다음으로, 도 5에서 보는 바와 같이 상기 좌측열(310)에 대한 세로방향 스크롤이벤트가 감지되는 경우, 상기 스크롤이벤트의 방향 및 스크롤정도에 따라 상기 좌측열(310) 및 상기 우측열(330)에 디스플레이된 웹페이지(30)의 구성요소(50)부분들을 세로방향으로 이동(도 5의 화살표 참조.)시킬 수 있다.5, when a vertical scroll event is detected for the left column 310, the left column 310 and the right column 330 are displayed on the left column 310 and the right column 330, respectively, according to the direction and scroll degree of the scroll event. (See arrows in FIG. 5) of the components 50 of the displayed web page 30 in the longitudinal direction.

보다 구체적으로, 먼저, 사용자가 손가락을 이용하여 도 5에서 보는 바와 같이 상기 좌측열(310)에 디스플레이된 텍스트, 이미지 등의 웹페이지(30)의 구성요소(50)부분들을 상기 터치스크린(10)의 상부방향으로 밀어올리게 되면,More specifically, the user first uses the finger to move the components 50 of the web page 30, such as text, images, etc., displayed in the left column 310 to the touch screen 10 ), The upper surface

상기 좌측열(310)의 표시범위내의 텍스트, 이미지 등으로 이루어지는 상기 웹페이지(30)의 구성요소(510)와 함께 상기 우측열(330)에 디스플레이된 텍스트, 이미지 등으로 이루어지는 제 1초과부분(520)이 상기 터치스크린(10)의 상부방향으로 스크롤이동될 수 있고, A first excess portion (e.g., text, image, etc.) displayed in the right column 330 together with a component 510 of the web page 30, which is composed of text, images and the like within the display range of the left column 310 520 may be scrolled upwardly of the touch screen 10,

이 과정 중에 텍스트, 이미지 등으로 이루어질 수 있는 상기 제 1초과부분(520)의 일부분(520a)은 상기 좌측열(310)의 하측에 디스플레이되면서 상기 터치스크린(10)의 상부방향으로 스크롤이동될 수 있다.During this process, a portion 520a of the first excess portion 520, which may be text, images, etc., may be scrolled upwardly of the touch screen 10 while being displayed on the lower side of the left column 310 have.

또한, 상기 우측열(330)의 하측에는 상기 제 1초과부분(520)을 초과하는 텍스트, 이미지 등으로 이루어질 수 있는 제 2초과부분(도 7의 530)의 일부분(530a)이 디스플레이되면서 상기 터치스크린(10)의 상부방향으로 스크롤이동될 수 있다.A portion 530a of the second excess portion (530 of FIG. 7), which may be composed of text, images, etc. exceeding the first excess portion 520 is displayed on the lower side of the right column 330, And can be scrolled upwardly of the screen 10.

사용자가 손가락을 이용하여 상기 좌측열(310)에 디스플레이된 텍스트, 이미지 등의 웹페이지(30)의 구성요소(50)부분들을 상기 터치스크린(10)의 하부방향으로 밀어내리게 되면,When the user pushes down the components 50 of the web page 30 such as text, images and the like displayed on the left column 310 with the finger downward of the touch screen 10,

상기 좌측열(310)의 표시범위내의 텍스트, 이미지 등으로 이루어지는 상기 웹페이지(30)의 구성요소(510)와 함께 상기 우측열(330)에 디스플레이된 텍스트, 이미지 등으로 이루어지는 제 1초과부분(520)이 상기 터치스크린(10)의 하부방향으로 스크롤이동될 수 있고,A first excess portion (e.g., text, image, etc.) displayed in the right column 330 together with a component 510 of the web page 30, which is composed of text, images and the like within the display range of the left column 310 520 can be scrolled downward of the touch screen 10,

이 과정 중에 상기 좌측열(310)의 표시범위내의 텍스트, 이미지 등으로 이루어지는 상기 웹페이지(30)의 구성요소(510)의 일부분은 상기 우측열(330)의 상측에 디스플레이되면서 상기 터치스크린(10)의 하부방향으로 스크롤이동될 수 있다.During this process, a part of the component 510 of the web page 30 including text, images and the like within the display range of the left column 310 is displayed on the upper side of the right column 330 and the touch screen 10 As shown in Fig.

다음으로, 도 6에서 보는 바와 같이 상기 우측열(330)에 대한 세로방향 스크롤이벤트가 감지되는 경우, 상기 스크롤이벤트의 방향 및 스크롤정도에 따라 상기 좌측열(310) 및 상기 우측열(330)에 디스플레이된 웹페이지(30)의 구성요소(50)부분들을 세로방향으로 이동시킬 수 있는데, 이는 앞서 상술한 상기 좌측열(310)에 대한 세로방향 스크롤이벤트가 감지된 경우와 동일함으로 이하, 반복적인 설명은 생략하도록 한다.6, when a vertical scroll event for the right column 330 is sensed, the left column 310 and the right column 330 are displayed on the left column 310 and the right column 330 according to the direction and scroll degree of the scroll event, Portions of the components 50 of the displayed web page 30 can be moved in the vertical direction, which is the same as when the vertical scroll event for the left column 310 described above is detected, The description will be omitted.

사용자가 손가락을 이용하여 상기 좌측열(310) 또는 상기 우측열(330)을 상기 터치스크린(10)의 상부 또는 하부방향으로 각각 밀어올리거나 밀어내리는 횟수 및 상기 좌측열(310) 또는 상기 우측열(330)을 밀어올리거나 밀어내리는 손가락의 상하이동범위가 커질수록 상기 터치스크린(10)의 상하방향으로 스크롤이동되는 상기 좌측열(310)과 상기 우측열(330)의 스크롤양은 많아지게 된다.
The number of times the user pushes up or down the left column 310 or the right column 330 in the upper or lower direction of the touch screen 10 and the number of times the user pushes the left column 310 or the right column 330, The amount of scrolling of the left column 310 and the right column 330, which are scrolled in the up and down direction of the touch screen 10, increases as the up and down movement range of the finger for pushing up or down the touch panel 10 is increased.

도 7은 좌측열(310)에 대한 가로방향 스크롤이벤트가 발생된 일예를 개략적으로 나타내는 도면이고, 도 8은 우측열(330)에 대한 가로방향 스크롤이벤트가 발생된 상태를 개략적으로 나타내는 도면이다.
FIG. 7 is a view schematically showing an example of generating a horizontal scroll event for the left column 310, and FIG. 8 is a view schematically showing a state in which a horizontal scroll event for the right column 330 is generated.

다음으로, 상기 좌측열(310)에 대한 가로방향스크롤이벤트가 감지된 경우 일예로, 상기 좌측열(310)에는 상기 웹페이지(30)의 구성요소 중(50) 텍스트, 이미지 등으로 이루어지는 제 1초과부분(520)이 디스플레이되고,In the case where a horizontal scroll event of the left column 310 is sensed, the left column 310 may include a first column of text 50, an image of the components of the web page 30, The excess portion 520 is displayed,

상기 우측열(330)에는 상기 웹페이지(30)의 구성요소(50) 중 상기 제 1초과부분(520)을 초과하는 텍스트, 이미지 등으로 이루어질 수 있는 제 2초과부분(530)이 디스플레이될 수 있다.The right column 330 may display a second excess portion 530 that may consist of text, images, etc. that exceed the first excess portion 520 of the components 50 of the web page 30 have.

보다 구체적으로, 먼저, 사용자가 손가락을 이용하여 도 7에서 보는 바와 상기 좌측열(310)에 디스플레이된 텍스트, 이미지 등의 웹페이지(30)의 구성요소(50)부분들을 상기 터치스크린(10)의 좌측방향으로 밀어이동(도 7의 화살표 참조.)시키게 되면,More specifically, the user first uses the finger to touch the components 50 of the web page 30, such as text, images, etc. displayed in the left column 310 as shown in FIG. 7, (See the arrows in Fig. 7)

상기 좌측열(310)의 표시범위내의 텍스트, 이미지 등으로 이루어지는 상기 웹페이지(30)의 구성요소(510)는 상기 터치스크린(10)의 좌측방향으로 스크롤이동되면서 상기 터치스크린(10)상에서 사라지게 되고,The component 510 of the web page 30 composed of text, images and the like in the display range of the left column 310 is scrolled in the left direction of the touch screen 10 and disappears on the touch screen 10 And,

대신, 상기 우측열(330)에 디스플레이되었던 상기 제 1초과부분(520)이 상기 좌측열(310)방향으로 스크롤이동되면서 상기 좌측열(310)에 상기 제 1초과부분(520)이 디스플레이되고, 이와 동시에 상기 우측열(330)에는 상기 제 1초과부분(520)을 초과하는 텍스트, 이미지 등으로 이루어지는 제 2초과부분(530)이 상기 우측열(330)로 스크롤이동되면서 디스플레이될 수 있다.The first excess portion 520 is displayed in the left column 310 while the first excess portion 520 displayed in the right column 330 is scrolled in the direction of the left column 310, At the same time, the right column 330 may display a second excess portion 530 of text, image, etc., which exceeds the first excess portion 520, while scrolling to the right column 330.

사용자가 손가락을 이용하여 상기 좌측열(310)에 디스플레이된 텍스트, 이미지 등의 웹페이지(30)의 구성요소(50)부분들 을 상기 터치스크린(10)의 우측방향으로 밀어이동시키게 되면,If the user pushes the components 50 of the web page 30 such as text and images displayed in the left column 310 to the right side of the touch screen 10 using a finger,

상기 터치스크린(10)의 좌측방향으로 스크롤이동되면서 상기 터치스크린(10) 상에서 사라졌던 상기 좌측열(310)의 표시범위내에 디스플레이되었던 최초 텍스트, 이미지 등으로 이루어지는 상기 웹페이지(30)의 구성요소(510)는 다시 상기 좌측열(310)방향으로 스크롤이동되면서 상기 좌측열(310)에 디스플레이되고,A component of the web page 30 consisting of the initial text, image, and the like displayed within the display range of the left column 310 disappearing on the touch screen 10 while being scrolled in the left direction of the touch screen 10 510 are again scrolled in the direction of the left column 310 and displayed in the left column 310,

이와 동시에 상기 제 1초과부분(520)은 상기 우측열(330) 방향으로 스크롤이동되면서 상기 우측열(330)에 디스플레이될 수 있다.At the same time, the first excess portion 520 may be displayed in the right column 330 while being scrolled in the direction of the right column 330.

다음으로, 도 8에서 보는 바와 같이 상기 우측열(330)에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열(310)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 디스플레이하고, 상기 우측열(330)에 상기 웹페이지의 구성요소(50) 중 제1초과부분(520)을 초과하는 제2초과부분(530)을 디스플레이할 수 있는데, 이는 앞서 상술한 일예의 상기 좌측열(310)에 대한 가로방향 스크롤이벤트가 감지된 경우와 동일함으로 이하, 반복적인 설명은 생략하도록 한다.8, when a horizontal scroll event for the right column 330 is sensed, the left column 310 displays a first excess portion (hereinafter referred to as " first row ") of the components 50 of the web page 30 520 and display a second excess portion 530 in the right column 330 that exceeds the first excess portion 520 of the web page's components 50, Since the horizontal scroll event of the left column 310 is detected, the repetitive description will be omitted.

사용자가 손가락을 이용하여 상기 좌측열(310) 또는 상기 우측열(330)을 상기 터치스크린(10)의 좌측 또는 우측방향으로 각각 밀어이동시키는 횟수 및 상기 좌측열(310) 또는 상기 우측열(330)을 밀어이동시키는 손가락의 이동범위가 커질수록 상기 터치스크린(10)의 좌우방향으로 스크롤이동되는 상기 좌측열(310)과 상기 우측열(330)의 스크롤양은 많아지게 된다.
The number of times the user uses the finger to push the left column 310 or the right column 330 in the left or right direction of the touch screen 10 and the number of times the left column 310 or the right column 330 The larger the moving range of the finger for pushing the touch screen 10 is, the larger the amount of scrolling of the left column 310 and the right column 330 that are scrolled in the left and right direction of the touch screen 10 becomes.

도 9는 좌측열(310)에 대한 가로방향 스크롤이벤트가 발생된 다른예를 개략적으로 나타내는 도면이다.
9 is a diagram schematically showing another example in which a horizontal scroll event for the left column 310 is generated.

다음으로, 상기 좌측열(310)에 대한 가로방향 스크롤이벤트가 감지된 경우 다른예로, 상기 좌측열(310)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 초과하는 제2초과부분(530)을 디스플레이하고, 상기 우측열(330)에 상기 웹페이지(30)의 구성요소(50) 중 제2초과부분(530)을 초과하는 제3초과부분(540)을 디스플레이할 수도 있다.Next, if a horizontal scroll event for the left column 310 is sensed, the first column 520 of the components 50 of the web page 30 may be displayed in the left column 310, And a third excess portion 530 in the right column 330 that exceeds the second excess portion 530 of the components 50 of the web page 30, May be displayed.

보다 구체적으로, 먼저, 사용자가 손가락을 이용하여 도 9에서 보는 바와 같이 상기 좌측열(310)에 디스플레이된 텍스트, 이미지 등의 웹페이지(30)의 구성요소(50)부분들을 상기 터치스크린(10)의 좌측방향으로 밀어이동(도 9의 화살표 참조.)시키게 되면,More specifically, the user first uses the finger to move the components 50 of the web page 30, such as text, images, etc., displayed in the left column 310 to the touch screen 10 (See the arrows in Fig. 9)

상기 좌측열(310)에는 상기 제 1초과부분(520)을 초과하는 제 2초과부분(530)이 상기 좌측열(310)로 스크롤이동되면서 상기 좌측열(310)에 디스플레이되고, 이와 동시에 상기 우측열(330)에는 상기 제 2초과부분(530)을 초과하는 텍스트, 이미지 등으로 이루어지는 상기 제 3초과부분(540)이 상기 우측열(330)로 스크롤이동되면서 상기 우측열(330)에 디스플레이될 수 있다.A second excess portion 530 exceeding the first excess portion 520 is displayed in the left column 310 while being scrolled to the left column 310 and at the same time, The column 330 is displayed with the third excess portion 540 of text, image, etc. exceeding the second excess portion 530 scrolled to the right column 330 and displayed in the right column 330 .

사용자가 손가락을 이용하여 상기 좌측열(310)에 디스플레이된 텍스트, 이미지 등의 웹페이지(30)의 구성요소(50)부분들을 상기 터치스크린(10)의 우측방향으로 밀어이동시키게 되면,When the user pushes the components 50 of the web page 30 such as text and images displayed in the left column 310 to the right side of the touch screen 10 using a finger,

상기 좌측열(310)에는 상기 좌측열(310)의 표시범위내에 최초 디스플레이되었던 텍스트, 이미지 등으로 이루어지는 상기 웹페이지(30)의 구성요소(510)가 상기 좌측열(310) 방향으로 스크롤이동되면서 상기 좌측열(310)에 디스플레이되고, 이와 동시에 상기 우측열(330)에는 상기 제 1초과부분(520)이 상기 우측열(330)로 스크롤이동되면서 상기 우측열(330)에 디스플레이될 수 있다. The component 510 of the web page 30 including the text, image, and the like that was initially displayed within the display range of the left column 310 is scrolled in the left column 310 in the direction of the left column 310 May be displayed in the left column 310 and at the same time the right column 330 may be displayed in the right column 330 while the first excess portion 520 is scrolled to the right column 330.

다음으로, 도면에서는 도시되지 않았으나, 상기 우측열(330)에 대한 가로방향 스크롤이벤트가 감지된 경우, 상기 좌측열(330)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 초과하는 제2초과부분(530)을 디스플레이하고, 상기 우측열(330)에 상기 웹페이지(30)의 구성요소(50) 중 제2초과부분(530)을 초과하는 제3초과부분(540)을 디스플레이할 수도 있는데, 이는 앞서 상술한 다른예의 상기 좌측열(310)에 대한 가로방향 스크롤이벤트가 감지된 경우와 동일함으로 이하, 반복적인 설명은 생략하도록 한다.Next, although not shown in the drawing, when the horizontal scroll event for the right column 330 is sensed, the left column 330 may be filled with the first excess portion 50 of the components 50 of the web page 30, (530) of the components (50) of the web page (30) to the right column (330), displaying a second excess portion (530) Portion 540. This is the same as in the case where the horizontal scroll event for the left column 310 is sensed in the other example described above, so that a repetitive description will be omitted.

상술한 바와 같이 구성된 본 발명은 전자단말기 등의 웹페이지 구성장치를 가로방향으로 회전시킨 상태, 즉 가로모드일 경우에 웹페이지(30)를 좌측열(310) 및 우측열(330)로 분할하고, 좌측열(310) 및 우측열(330)에 순차적으로 웹페이지(30)를 구성하는 요소(50)를 순차적으로 디스플레이함으로서 종래와 같이 좌우 공백없이 세로모드와 비슷한 글자수(한줄을 이루는 글자수)로 디스플레이할 수 있는 등 가독성을 향상시킬 수 있는 이점이 있다.In the present invention configured as described above, the web page 30 is divided into the left column 310 and the right column 330 when the web page forming apparatus such as an electronic terminal is rotated in the lateral direction, The elements 50 constituting the web page 30 are sequentially displayed in the left column 310 and the right column 330 so that the number of characters similar to the portrait mode ) Can be displayed on the screen, and the readability can be improved.

특히, 전자단말기의 스크린이 4.7인치 이상으로 확대되고 있어, 가로모드시 웹페이지(30)를 좌측열(310) 및 우측열(330)로 분할하더라도 글자크기를 종래와 같이 유지한 상태로 텍스트를 디스플레이를 할 수 있어, 더 많은 양의 텍스트를 표시할 수 있을 뿐만 아니라 가독성을 향상시킬 수 있다. Particularly, since the screen of the electronic terminal is enlarged to 4.7 inches or more, even if the web page 30 is divided into the left column 310 and the right column 330 in the horizontal mode, Display can be performed, so that not only a larger amount of text can be displayed, but also readability can be improved.

10; 터치스크린, 30; 웹페이지,
310; 좌측열, 330; 우측열.10; Touch screen, 30; Web pages,
310; Left column, 330; Right column.

Claims (9)

웹브라우저가 실행되어 웹페이지(30)를 터치스크린(10)에 디스플레이하는 웹페이지의 구성방법에 있어서,
상기 터치스크린(10)이 가로방향으로 회전된 경우 웹페이지(30)를 좌측열(310)과 우측열(330)로 분할하여 웹페이지(30)의 구성요소(50)를 상기 좌측열(310)과 상기 우측열(330)에 순차적으로 디스플레이하는 것을 특징으로 하는 웹페이지의 구성방법.
A method of configuring a web page in which a web browser is executed and a web page (30) is displayed on a touch screen (10)
When the touch screen 10 is rotated in the horizontal direction, the web page 30 is divided into a left column 310 and a right column 330 to divide the component 50 of the web page 30 into the left column 310 ) And the right column (330).
웹브라우저가 실행되어 웹페이지(30)를 터치스크린(10)에 디스플레이하는 웹페이지의 구성방법에 있어서,
상기 터치스크린(10)의 회전방향이 가로 또는 세로인지 판단하는 방향판단단계와;
상기 터치스크린(10)의 회전방향이 가로인 경우 상기 웹페이지(30)를 좌측열 (310)및 우측열(330)로 분할하는 분할단계와;
상기 웹페이지(30)의 구성요소(50)를 로드하여 상기 좌측열(310)의 표시범위 내에서 상기 웹페이지(30)의 좌측열(310)에 디스플레이하고, 상기 웹페이지(30)의 구성요소(50) 중 상기 좌측열(310)의 표시범위를 초과하는 제1초과부분(520)을 상기 우측열(330)에 순차적으로 디스플레이하는 디스플레이단계;를 포함하여 이루어지는 것을 특징으로 하는 웹페이지의 구성방법.
A method of configuring a web page in which a web browser is executed and a web page (30) is displayed on a touch screen (10)
Determining whether the rotation direction of the touch screen 10 is horizontal or vertical;
Dividing the web page (30) into a left column (310) and a right column (330) when the rotation direction of the touch screen (10) is transverse;
The component 50 of the web page 30 is loaded and displayed on the left column 310 of the web page 30 within the display range of the left column 310 and the configuration of the web page 30 And displaying the first excess portion (520) of the elements (50) exceeding the display range of the left column (310) sequentially in the right column (330). How to configure.
제2항에 있어서,
상기 웹페이지(30)의 구성요소(50)가 상기 좌측열(310)의 표시범위를 초과하는 경우에 한하여 상기 분할단계가 실행되는 것을 특징으로 하는 웹페이지의 구성방법.
3. The method of claim 2,
Wherein the dividing step is executed only when the component (50) of the web page (30) exceeds the display range of the left column (310).
제2항에 있어서,
상기 디스플레이단계에서 상기 우측열(330)에 상기 좌측열(310)의 표시범위를 초과하는 제 1초과부분(520)이 디스플레이된 경우 상기 우측열(330)에 세로방향의 스크롤바(40)를 디스플레이하는 것을 특징으로 하는 웹페이지의 구성방법.
3. The method of claim 2,
If a first excess portion 520 exceeding the display range of the left column 310 is displayed in the right column 330 in the display stage, the right column 330 displays a scroll bar 40 in the vertical direction, Wherein the web page is a web page.
제2항에 있어서,
상기 좌측열(310)에 대한 세로방향 스크롤이벤트가 감지되는 경우 상기 스크롤이벤트의 방향 및 스크롤정도에 따라 상기 좌측열(310) 및 상기 우측열(330)에 디스플레이된 웹페이지(30)의 구성요소(50)부분들을 세로방향으로 이동시키는 것을 특징으로 하는 웹페이지의 구성방법.
3. The method of claim 2,
A component of the web page 30 displayed in the left column 310 and the right column 330 according to the direction and scroll degree of the scroll event when a vertical scroll event on the left column 310 is detected, (50) are moved in the longitudinal direction.
제2항에 있어서,
상기 우측열(330)에 대한 세로방향 스크롤이벤트가 감지되는 경우 상기 스크롤이벤트의 방향 및 스크롤정도에 따라 상기 좌측열(310) 및 상기 우측열(330)에 디스플레이된 웹페이지(30)의 구성요소(50)부분들을 세로방향으로 이동시키는 것을 특징으로 하는 웹페이지의 구성방법.
3. The method of claim 2,
A component of the web page 30 displayed in the left column 310 and the right column 330 according to the direction and scroll degree of the scroll event when a vertical scroll event on the right column 330 is sensed, (50) are moved in the longitudinal direction.
제2항에 있어서,
상기 좌측열(310)에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열(310)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 디스플레이하고, 상기 우측열(330)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 초과하는 제2초과부분(530)을 디스플레이하는 것을 특징을 하는 웹페이지의 구성방법.
3. The method of claim 2,
Displays a first excess portion 520 of the components 50 of the web page 30 in the left column 310 when a horizontal scroll event for the left column 310 is sensed, Displays a second excess portion (530) in the web page (330) that exceeds the first excess portion (520) of the components (50) of the web page (30).
제2항에 있어서,
상기 우측열(330)에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열(310)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 디스플레이하고, 상기 우측열(330)에 상기 웹페이지의 구성요소(50) 중 제1초과부분(520)을 초과하는 제2초과부분(530)을 디스플레이하는 것을 특징을 하는 웹페이지의 구성방법.
3. The method of claim 2,
Displays a first excess portion (520) of the components (50) of the web page (30) in the left column (310) when a horizontal scroll event for the right column (330) is sensed, (330) to display a second excess portion (530) exceeding a first excess portion (520) of the components (50) of the web page.
제2항에 있어서,
상기 좌측열(310)에 대한 가로방향 스크롤이벤트가 감지된 경우 상기 좌측열(310)에 상기 웹페이지(30)의 구성요소(50) 중 제1초과부분(520)을 초과하는 제2초과부분(530)을 디스플레이하고, 상기 우측열(330)에 상기 웹페이지(30)의 구성요소(50) 중 제2초과부분(530)을 초과하는 제3초과부분(540)을 디스플레이하는 것을 특징으로 하는 웹페이지의 구성방법.3. The method of claim 2,
If a horizontal scroll event for the left column 310 is sensed then the left column 310 is filled with a second excess portion 520 that exceeds the first excess portion 520 of the components 50 of the web page 30, (530) and displays in the right column (330) a third excess (540) exceeding a second excess (530) of the components (50) of the web page (30) How to organize your web pages.
KR1020140066042A 2014-05-30 2014-05-30 Method of providing internet webpages KR101604838B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020140066042A KR101604838B1 (en) 2014-05-30 2014-05-30 Method of providing internet webpages

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140066042A KR101604838B1 (en) 2014-05-30 2014-05-30 Method of providing internet webpages

Publications (2)

Publication Number Publication Date
KR20150137709A true KR20150137709A (en) 2015-12-09
KR101604838B1 KR101604838B1 (en) 2016-03-18

Family

ID=54873606

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140066042A KR101604838B1 (en) 2014-05-30 2014-05-30 Method of providing internet webpages

Country Status (1)

Country Link
KR (1) KR101604838B1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109976623A (en) * 2017-12-27 2019-07-05 富泰华工业（深圳）有限公司 Display device and display methods

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100844071B1 (en) * 2007-05-09 2008-07-07 엘지전자 주식회사 Displaying a webpage on a mobile communication terminal
TWI455012B (en) * 2008-08-19 2014-10-01 Wistron Corp A method for displaying the divided pictures of the display and the electronic device applying the method

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109976623A (en) * 2017-12-27 2019-07-05 富泰华工业（深圳）有限公司 Display device and display methods

Also Published As

Publication number Publication date
KR101604838B1 (en) 2016-03-18

Similar Documents

Publication Publication Date Title
ES2334680T3 (en) PROCEDURE AND DEVICE FOR SELECTING AUTOMATICALLY A FRAME FOR EXHIBITION.
US20190114043A1 (en) Method, apparatus, and electronic device for displaying a page and storage medium
US20140372919A1 (en) Method, apparatus and mobile terminal for editing an image
CA2767515C (en) Scrolling method of mobile terminal and apparatus for performing the same
US9335921B2 (en) Providing subpages in a touch panel user interface
AU2011101581A4 (en) Method and apparatus of scrolling a document displayed in a browser window
US9671951B2 (en) Method for zooming screen and electronic apparatus and computer readable medium using the same
KR20110073475A (en) Display device and method for displaying images in a variable size display area
US8832591B2 (en) Grid display device and grid display method in mobile terminal
US20120047470A1 (en) Method and apparatus for browsing an electronic book on a touch screen display
KR101932675B1 (en) Terminal, method for contrlling thereof and program written in a recording medium for implementing the method
JP2014149860A (en) Information display method of portable multifunctional terminal, information display system using the same, and portable multifunctional terminal
JP2014035496A (en) Display device, control method of display device, and program
JP2012208794A (en) Portable terminal and display control method
US20130346894A1 (en) Method, apparatus and computer-readable medium for adjusting size of screen object
US20100211870A1 (en) Document display device and method
CN102567524A (en) Method and device for realizing three-dimensional rotation browsing
KR101604838B1 (en) Method of providing internet webpages
CN109766530B (en) Method and device for generating chart frame, storage medium and electronic equipment
US10558356B2 (en) Display control device and non-transitory computer-readable storage medium having program recorded thereon
KR101272865B1 (en) Apparatus and method for displaying content in mobile terminal
CN109918156B (en) Video interface processing method and system
CN111880692A (en) Desktop management method and device, electronic equipment and computer readable storage medium
CN110609651A (en) Method and device for using photo album and electronic equipment with folding screen
KR20160024105A (en) Page turning method of electronic book for touch screen

Legal Events

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

Payment date: 20190312

Year of fee payment: 4