초록 ▼

웹 브라우저 기반으로 각기 다른 디스플레이 화면 크기를 갖는 기기에 대응하는 반응형 웹페이지를 보다 편리하게 제작할 수 있는 반응형 웹페이지 생성 기술이 개시된다. 이를 위해, 본 발명의 일 실시예에 따른 반응형 웹페이지 생성 방법은 컨텐츠 삽입 영역의 위치, 크기 및 컨텐츠 삽입 영역에 삽입될 컨텐츠의 종류 중 적어도 하나를 정의하여 생성된 복수개의 반응형 템플릿을 생성 및 관리하는 단계; 복수개의 반응형 템플릿 중 사용자로부터 선택된 반응형 템플릿을 웹 브라우저 창을 통하여 제공하는 단계; 사용자 단말로부터 컨텐츠 삽입 영역에

웹 브라우저 기반으로 각기 다른 디스플레이 화면 크기를 갖는 기기에 대응하는 반응형 웹페이지를 보다 편리하게 제작할 수 있는 반응형 웹페이지 생성 기술이 개시된다. 이를 위해, 본 발명의 일 실시예에 따른 반응형 웹페이지 생성 방법은 컨텐츠 삽입 영역의 위치, 크기 및 컨텐츠 삽입 영역에 삽입될 컨텐츠의 종류 중 적어도 하나를 정의하여 생성된 복수개의 반응형 템플릿을 생성 및 관리하는 단계; 복수개의 반응형 템플릿 중 사용자로부터 선택된 반응형 템플릿을 웹 브라우저 창을 통하여 제공하는 단계; 사용자 단말로부터 컨텐츠 삽입 영역에 삽입될 컨텐츠를 수신하는 단계; 반응형 템플릿의 컨텐츠 삽입 영역에 컨텐츠의 크기를 자동 변환 및 삽입하여, 웹페이지 템플릿을 생성하는 단계; 및 웹페이지 템플릿을 서로 다른 크기의 표시 화면을 갖는 복수의 디스플레이 기기에 대응하는 반응형 웹페이지로 자동 생성하는 단계를 포함하며, 반응형 템플릿은 상기 복수의 디스플레이 기기에 대응하는 반응형 웹페이지로 자동 변환되기 위한 변환 정보를 포함한다.

대표청구항 ▼

반응형 웹페이지 제작 장치의 반응형 템플릿 생성부가, 컨텐츠 삽입 영역의 위치, 크기 및 컨텐츠 삽입 영역에 삽입될 컨텐츠의 종류 중 적어도 하나를 정의하는 복수개의 반응형 템플릿을 생성 및 관리하는 단계; 상기 반응형 웹페이지 제작 장치의 반응형 템플릿 제공부가, 상기 복수개의 반응형 템플릿 중 사용자로부터 선택된 반응형 템플릿을 웹 브라우저 창을 통하여 제공하는 단계; 상기 반응형 웹페이지 제작 장치의 컨텐츠 수신부가, 사용자 단말로부터 상기 컨텐츠 삽입 영역에 삽입될 컨텐츠를 수신하는 단계; 상기 반응형 웹페이지 제작 장치의

반응형 웹페이지 제작 장치의 반응형 템플릿 생성부가, 컨텐츠 삽입 영역의 위치, 크기 및 컨텐츠 삽입 영역에 삽입될 컨텐츠의 종류 중 적어도 하나를 정의하는 복수개의 반응형 템플릿을 생성 및 관리하는 단계; 상기 반응형 웹페이지 제작 장치의 반응형 템플릿 제공부가, 상기 복수개의 반응형 템플릿 중 사용자로부터 선택된 반응형 템플릿을 웹 브라우저 창을 통하여 제공하는 단계; 상기 반응형 웹페이지 제작 장치의 컨텐츠 수신부가, 사용자 단말로부터 상기 컨텐츠 삽입 영역에 삽입될 컨텐츠를 수신하는 단계; 상기 반응형 웹페이지 제작 장치의 웹페이지 템플릿 생성부가, 상기 반응형 템플릿의 컨텐츠 삽입 영역에 상기 컨텐츠의 크기를 자동 변환 및 삽입하여, 웹페이지 템플릿을 생성하는 단계; 및상기 반응형 웹페이지 제작 장치의 반응형 웹페이지 생성부가 상기 웹페이지 템플릿을 서로 다른 크기의 표시 화면을 갖는 복수의 디스플레이 기기에 대응하는 반응형 웹페이지로 자동 생성하는 단계를 포함하며, 상기 반응형 템플릿은 상기 복수의 디스플레이 기기에 대응하는 반응형 웹페이지로 자동 변환되기 위한 변환 정보를 포함하고, 상기 복수개의 반응형 템플릿을 생성 및 관리하는 단계에서는, 상기 반응형 템플릿 생성부가 사용자로부터 선택된 PC 홈페이지 생성 서비스에 접속하는 단계; 상기 반응형 템플릿 생성부가 상기 PC 홈페이지 생성 서비스에서의 참고 템플릿을 선택하여 실행시키는 단계; 및상기 반응형 템플릿 생성부가 실행된 상기 참고 템플릿의 구조를 분석하여 반응형 템플릿을 생성하는 단계를 포함하며, 상기 반응형 템플릿을 생성하는 단계에서는, 상기 반응형 템플릿 생성부가 실행된 상기 참고 템플릿의 윤곽선을 분석하여 컨텐츠 삽입 영역을 판별하며, 상기 컨텐츠 삽입 영역 내의 아이콘을 포함하는 이미지를 분석하여 상기 컨텐츠 삽입 영역 내 삽입될 컨텐츠의 종류를 정의하고, 상기 컨텐츠 삽입 영역 외의 아이콘 이미지를 분석하여 클릭 혹은 터치 영역을 정의하는 것을 특징으로 하는 반응형 웹페이지 생성 방법.