KR101312732B1 - 직접 스타일쉬트 편집을 제공하기 위한 방법 및 시스템 - Google Patents

직접 스타일쉬트 편집을 제공하기 위한 방법 및 시스템 Download PDF

Info

Publication number
KR101312732B1
KR101312732B1 KR1020087003740A KR20087003740A KR101312732B1 KR 101312732 B1 KR101312732 B1 KR 101312732B1 KR 1020087003740 A KR1020087003740 A KR 1020087003740A KR 20087003740 A KR20087003740 A KR 20087003740A KR 101312732 B1 KR101312732 B1 KR 101312732B1
Authority
KR
South Korea
Prior art keywords
rule
target css
target
modified attribute
rules
Prior art date
Application number
KR1020087003740A
Other languages
English (en)
Other versions
KR20080043307A (ko
Inventor
다니엘 피. 샤르티에
벤자민 씨. 컨스타블
삼 스펜서
Original Assignee
마이크로소프트 코포레이션
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 마이크로소프트 코포레이션 filed Critical 마이크로소프트 코포레이션
Publication of KR20080043307A publication Critical patent/KR20080043307A/ko
Application granted granted Critical
Publication of KR101312732B1 publication Critical patent/KR101312732B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/151—Transformation
    • G06F40/154—Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

직접 스타일쉬트 편집을 제공하기 위한 시스템 및 방법이 개시된다. 개시되는 시스템 및 방법은 후속 포맷지정 동작을 위한 제1 목표 규칙을 선택하는 단계를 포함한다. 선택된 제1 목표 규칙은 수정된 속성을 포함할 수 있고, 복수의 목표 규칙으로부터 선택될 수 있다. 또한, 개시된 시스템 및 방법은 복수의 목표 규칙 중의 가장 구체적인 목표 규칙에서 속성 변경이 생기게 할 수 있다. 가장 구체적인 목표 규칙은 수정된 속성을 포함할 수 있다. 나아가, 개시된 시스템 및 방법은 페이지의 어떤 영역이 선택된 제1 목표 규칙에 의하여 영향을 받을 것인지를 사용자가 볼 수 있도록 구성된 강조 메카니즘을 제공하는 단계를 포함할 수 있다.
스타일쉬트, CSS, 스타일쉬트 편집, 직접 스타일쉬트 편집

Description

직접 스타일쉬트 편집을 제공하기 위한 방법 및 시스템{METHODS AND SYSTEMS FOR PROVIDING DIRECT STYLE SHEET EDITING}
본 발명은 스타일쉬트 편집에 관한 것이며, 보다 구체적으로는 직접 스타일쉬트 편집을 최적으로 제공하기 위한 방법 및 시스템에 관한 것이다.
스타일쉬트는 워드 프로세싱, 전자 출판(desktop publishing) 및 인터넷과 같은 문서 생성 시스템에 사용되는 지배적인 페이지 레이아웃이다. 스타일쉬트는 특정 범주의 문서에 대한 여백, 탭, 폰트, 머리말, 꼬리말 및 다른 레이아웃 설정을 저장하는데 사용하는 파일이다. 스타일쉬트가 선택되면, 그것에 따라 생성되는 모든 문서에 그것의 포맷 설정이 적용되어, 페이지 디자이너 또는 프로그래머로 하여금 각 페이지에 대해 계속해서 동일한 설정을 재정의하는 수고를 덜어준다.
캐스캐이딩 스타일쉬트(CSS)는 예컨대 확장성 생성 언어(XML) 또는 하이퍼텍스트 생성 언어(HTML) 요소를 레이아웃하기 위하여 사용되는 시각 포맷지정 모델(visual formatting model)을 정의한다. 이 모델에서, 모든 요소는 시각적인 "상자 모델(box model)"을 사용하여 레이아웃된다. 도 4에 도시된 바처럼, 상자 모델(400)은 여백(405), 경계(410), 패딩(415) 및 콘텐츠(420)를 포함하는 복수의 상자 요소를 포함하고, 요소들은 함께 상자 요소(boxed element)의 레이아웃을 유연 하게 한다. 또한, 상자 모델(400)의 각 상자 요소에 대한 가장자리 모두에 (예컨대, "좌측 여백" 또는 "상단 패딩"과 같은) CSS 속성이 주어진다. 예컨대, 박스 모델(400)을 사용하는 경우, 그것에 좌측 여백을 줌으로써 문단이 들여쓰기될 수 있다.
시각 포맷지정 모델의 또 다른 특징은 페이지 상에 상자 요소를 위치시키기 위하여, "상", "하", "좌", "우", "너비" 및 "높이" 오프셋을 사용하는 일군의 위치지정 모드를 정의하는 CSS 위치 계획(css position scheme)이다. "절대"와 같은 위치지정 계획 중의 하나를 사용하여, 예컨대 "상: 0; 좌: 0;"을 사용하여 상자 요소를 위치지정 컨테이너의 최좌상단에 위치시킬 수 있다.
일부 상황에서, 상자 모델 속성의 편집은 수동적인 코드 편집 또는 사용자 인터페이스 형태로 제한된다. 따라서, 종래의 전략은 연관된 CSS 상자 모델 속성을 직접 편집하는 것이다. 종래의 전략은 수동적인 비시각적 프로세스를 요구하기 때문에 종종 문제를 일으킨다. 예컨대, 종래의 전략은 설계자로 하여금 하나의 UI에서 페이지 레이아웃을 지루하게 편집한 후, 편집의 효과를 관찰하기 위하여 미리보기 모드로 전환할 것을 강요한다.
전술한 바처럼, 직접 스타일쉬트 편집을 보다 최적으로 제공하기 위한 방법 및 시스템에 대한 요구가 존재한다. 나아가, 예컨대 스타일 적용 도구막대를 사용하는 직접 스타일쉬트 편집을 제공할 필요가 있다.
본 발명의 실시예에 따른 직접 스타일쉬트 편집을 제공하기 위한 시스템 및 방법이 개시된다.
한 실시예에 따르면, 직접 스타일쉬트 편집을 제공하기 위한 방법은 후속 포맷지정 동작에 대한 제1 목표 규칙(target rule)을 선택하는 단계를 포함하고, 선택된 제1 목표 규칙은 수정된 속성을 포함하고 복수의 목표 규칙으로부터 선택되며 복수의 목표 규칙 중의 가장 구체적인 목표 규칙에서 속성 변경이 생기게 하고, 가장 구체적인 목표 규칙은 수정된 속성을 포함한다.
다른 실시예에 따르면, 직접 스타일쉬트 편집을 제공하기 위한 시스템은 메모리 저장소와 결합된 프로세싱 유닛 및 데이터베이스를 관리하기 위한 메모리 저장소를 포함하고, 페이지의 어떤 영역이 선택된 제1 목표 규칙에 의하여 영향을 받을 것인지를 사용자가 볼 수 있도록 구성되는 강조 메카니즘(highlighting mechanism)을 제공한다. 프로세싱 유닛은 후속 포맷지정 동작에 대한 제1 목표 규칙을 선택하도록 동작하고, 선택된 제1 목표 규칙은 수정된 속성을 포함하며 복수의 목표 규칙으로부터 선택되고 복수의 목표 규칙 중의 가장 구체적인 목표 규칙에서 속성 변경이 생기게 하며, 가장 구체적인 목표 규칙은 수정된 속성을 포함한다.
또 다른 실시예에 따르면, 실행되면 직접 스타일쉬트 편집을 제공하기 위한 방법을 수행하는 일군의 명령어가 컴퓨터 판독가능 매체에 저장된다. 일군의 명령어에 의하여 실행되는 방법은 후속 포맷 지정 동작에 대한 제1 목표 규칙을 선택하는 단계를 포함하고, 선택된 제1 목표 규칙은 수정된 속성을 포함하며 복수의 목표 규칙으로부터 선택되고 복수의 목표 규칙 중의 가장 구체적인 목표 규칙에서 속성 변경이 생기게 하고, 가장 구체적인 목표 규칙은 수정된 속성을 포함한다.
전술한 일반적인 설명 및 후술할 상세한 설명 모두가 예시적이며 설명적일 뿐이라는 것을 이해하여야 하고, 설명 및 청구될 본 발명의 범위를 제한하는 것으로 고려되어서는 안된다. 나아가, 본 명세서에 상술될 것 외에도 특징 및/또는 변화가 제공될 수 있다. 예컨대, 본 발명의 실시예는 상세한 설명에 기술된 특징의 다양한 조합 및 하위 조합으로 이어질 수 있다.
본 명세서의 일부를 구성하며 본 명세서에 편입되는 첨부된 도면은 본 발명의 다양한 실시예 및 태양을 도시한다.
도 1은 본 발명의 실시예에 따른 연산 장치를 포함하는 예시적인 시스템의 블록도.
도 2a 및 2b는 본 발명의 실시예에 따른 스타일 적용 도구막대의 스크린샷을 도시하는 도면.
도 2c는 본 발명의 실시예에 따른 강조 메카니즘의 스크린샷을 도시하는 도면.
도 3은 본 발명의 실시예에 따른 직접 스타일쉬트 편집을 제공하기 위한 예시적인 방법의 흐름도.
도 4는 상자 모델을 도시하는 도면.
이하의 실시예는 첨부된 도면을 참조한다. 가능한 한, 도면 및 이하의 설명에서 동일한 참조 번호가 동일 또는 유사한 부분을 가리키는 것으로 사용된다. 본 발명의 몇몇 예시적인 실시예 및 특징이 본 명세서에 기술되어 있지만, 본 발명의 범위 및 기술적 사상에서 벗어나지 않고 수정, 개조 및 다른 구현이 가능하다. 예컨대, 도면에 도시된 구성요소에 대한 대체, 추가 또는 수정이 이루어질 수 있고, 본 명세서에 기술된 예시적인 방법은 개시된 방법에 대해 단계를 대체, 재배열 및 추가함으로써 수정될 수 있다. 따라서, 이하의 실시예는 본 발명을 제한하지 않는다. 대신에, 본 발명의 고유한 범위는 첨부된 청구항에 의하여 정의된다.
본 발명의 실시예에 따른 시스템 및 방법은 직접 스타일쉬트 편집을 제공한다. 본 발명의 실시예에 따르면, 직접 스타일쉬트 편집은, 예컨대 "위지윅(WYSIWYG; what you see is what you get)" 디자인 보기 환경에서 스타일 적용 도구막대를 사용함으로써 제공된다. 본 발명의 실시예에 따른 직접 스타일쉬트 편집은 CSS를 사용할 수 있지만, 본 발명은 CSS에 한정되지 않고 다른 포맷지정 모델을 사용할 수 있다. 위지윅은, 예컨대 텍스트 및 그래픽을 출력하는 것과 동일한 방식으로 텍스트 및 그래픽을 스크린 상에 디스플레이하는 것을 의미한다. 위지윅 텍스트를 위하여, 사용되는 각 프린터 폰트와 동등한 스크린 폰트가 존재할 수 있다.
종래의 위지윅 HTML 편집기는, 예컨대 CSS 클래스의 생성, 재사용 및 파기에 대한 하드 코딩된 규칙 또는 인라인 스타일 중의 하나를 통하여 CSS를 편집하는 것에 한정되었다. 종래의 프로세스를 사용하여 복잡한 CSS를 수정하는 유일한 방법은 수동 코딩 및 또는 수동 입력 속성 편집을 통하는 것이었다. 본 발명의 실시예에 따른 직접 위지윅 CSS 편집을 사용하는 경우, 사용자는, 예컨대 즉각적인 위지 윅 피드백, 포맷지정 도구막대 및 대화창을 포함하여 디자인 보기 편집을 편리하게 하는 수동 코딩에 가까운 컨트롤 및 디자인 보기 편집 도구를 가질 수 있다.
도 2a 및 2b에 도시된 바와 같이, 본 발명의 실시예에 따라서, 예컨대 스타일 적용 도구막대(200)를 통하여 위지윅 CSS 편집이 이루어질 수 있다. 스타일 적용 도구막대(200)는 사용자로 하여금, 예컨대 후속 포맷 지정 동작이 그에 따라 동작하여야 할 목표 CSS 규칙을 선택하도록 할 수 있다. 또한, 스타일 적용 도구막대(200)는 사용자가 이미 수정된 속성을 포함하는 가장 구체적인 규칙에 속성 변경이 생기게 하도록 할 수 있다. 이것은 도구막대가 대부분의 캐스캐이드에 대하여 효과적으로 동작하도록 한다. 나아가, 도 2c에 도시된 바와 같이, 본 발명의 실시예에 따른 강조 메카니즘(260)이 사용되어, 페이지의 어떤 영역이 현재 선택된 CSS 규칙에 의하여 (예컨대, 선택된 규칙이 모든 문단이 선택되도록 하는 선택자 "p"인 경우에) 영향을 받게 될 것인지를 사용자가 볼 수 있게 한다.
본 발명에 따른 실시예는 직접 스타일쉬트 편집을 제공하기 위한 시스템을 포함한다. 시스템은 메모리 저장소와 결합된 프로세싱 유닛 및 데이터베이스를 관리하기 위한 메모리 저장소를 포함한다. 프로세싱 유닛은 후속 포맷 지정 동작에 대한 제1 목표 규칙을 선택하도록 동작할 수 있고, 선택된 제1 목표 규칙은 수정된 속성을 포함하며 복수의 목표 규칙으로부터 선택될 수 있다. 또한, 프로세싱 유닛은 복수의 목표 규칙 중의 가장 구체적인 목표 규칙에서 속성 변경이 생기게 하도록 동작할 수 있고, 가장 구체적인 목표 규칙은 수정된 속성을 포함할 수 있다. 나아가, 프로세싱 유닛은 페이지의 어떤 영역이 선택된 제1 목표 규칙에 의하여 영 향을 받을 것인지를 사용자가 볼 수 있도록 구성된 강조 메카니즘을 제공하도록 동작한다.
본 발명의 한 실시예에 따르면, 전술한 메모리, 프로세싱 유닛 및 다른 구성요소는 도 1의 예시적인 연산 장치(100)와 같은 연산 장치에 구현될 수 있다. 하드웨어, 소프트웨어 및/또는 펌웨어의 임의의 적합한 조합이 메모리, 프로세싱 유닛 또는 다른 구성요소를 구현하는데 사용될 수 있다. 예컨대, 메모리, 프로세싱 유닛 또는 다른 구성요소는 연산 장치(100)와 조합하여 임의의 연산 장치(100) 또는 임의의 다른 연산 장치(118)로 구현될 수 있다. 전술한 시스템, 장치 및 프로세서는 예시적인 것이고, 다른 시스템, 장치 및 프로세서가 본 발명의 실시예에 따른 전술한 메모리, 프로세싱 유닛 또는 다른 구성 요소를 포함할 수 있다.
일반적으로, 프로그램 모듈은 루틴, 프로그램, 구성요소, 데이터 구조 및 특정 작업을 수행하거나 특정 추상 데이터 유형을 구현하는 다른 유형의 구조를 포함한다. 나아가, 본 발명의 실시예는 휴대용 장치, 다중 프로세서 장치, 마이크로프로세서 기반 또는 프로그램가능 가전, 미니 컴퓨터, 메인프레인 컴퓨터 등을 포함하는 다른 컴퓨터 시스템 환경을 이용하여 실시될 수 있다. 또한, 본 발명의 실시예는 통신 네트워크를 통하여 연결된 원격 프로세싱 유닛에 의하여 작업이 수행되는 분산 연산 환경에서 실시될 수 있다. 분산 연산 환경에서, 프로그램 모듈은 지역 및 원격 메모리 저장 장치 모두에 위치할 수 있다.
본 발명의 실시예는, 예컨대 컴퓨터 프로세스(메쏘드), 연산 시스템 또는 컴퓨터 프로그램 제품 또는 컴퓨터 판독가능 매체와 같은 제조물로서 구현될 수 있 다. 컴퓨터 프로그램 제품은 컴퓨터 프로세스를 실행하기 위한 명령어로 구성된 컴퓨터 프로그램이 인코딩되어 있고, 컴퓨터 시스템에 의하여 판독가능한 컴퓨터 저장 매체일 수 있다. 또한, 컴퓨터 프로그램 제품은 컴퓨터 프로세스를 실행하기 위한 명령어로 구성된 컴퓨터 프로그램이 인코딩되어 있고, 컴퓨터 시스템에 의하여 판독가능한 반송파 상의 전파된 신호일 수 있다.
도 1을 참조하면, 본 발명의 실시예에 따른 한 예시적인 시스템은 연산 장치(100)와 같은 연산 장치를 포함할 수 있다. 기본 구성으로, 연산 장치(100)는 적어도 하나의 프로세싱 유닛(102) 및 시스템 메모리(104)를 포함할 수 있다. 연산 장치의 유형 및 구성에 따라, 시스템 메모리(104)는 (RAM과 같이) 휘발성이거나, (ROM, 플래시 메모리 등과 같이) 비휘발성이거나, 소정의 조합일 수 있다. 시스템 메모리(104)는 운영 체제(105), 하나 이상의 응용프로그램(106)을 포함할 수 있고, 프로그램 데이터(107)를 포함할 수 있다. 한 실시예에서, 응용프로그램(106)은 직접 스타일쉬트 편집 응용프로그램(120)을 포함할 수 있다. 그러나, 본 발명의 실시예는 임의의 특정 응용프로그램 또는 시스템으로 한정되지 않고, 그래픽 라이브러리, 운영 체제, 전자 출판 응용프로그램 또는 임의의 응용프로그램과 함께 실시될 수 있다. 이 기본 구성은 파선(108) 내의 구성요소로서 도 1에 도시되어 있다.
연산 장치(100)는 부가적인 특징 또는 기능을 포함할 수 있다. 예컨대, 연산 장치(100)는 부가적인 (이동식 및/또는 비이동식) 데이터 저장 장치, 예컨대 자기 디스크, 광디스크 또는 테이프 등을 포함할 수 있다. 이러한 부가적인 저장소 가 도 1에 이동식 저장소(109) 및 비이동식 저장소(110)로 도시된다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 다른 데이터와 같이 정보 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 이동식 및 비이동식 매체를 포함할 수 있다. 시스템 메모리(104), 이동식 저장소(109) 및 비이동식 저장소(110)는 모두 컴퓨터 저장 매체의 예시이다. 컴퓨터 저장 매체는 RAM, ROM, EEPROM, 플래시 메모리 또는 다른 메모리 기술, CD-ROM, 디지털 다기능 디스크(DVD) 또는 다른 광학 저장소, 자기 카세트, 자기 테이프, 자기 디스크 저장소 또는 다른 자기 저장 장치, 또는 원하는 정보를 저장하는데 사용될 수 있고 연산 장치(100)에 의하여 액세스될 수 있는 임의의 다른 매체를 포함할 수 있지만, 이에 한정되지는 않는다. 이러한 임의의 컴퓨터 저장 매체가 장치(100)의 일부일 수 있다. 또한, 연산 장치(100)는 키보드, 마우스, 펜, 음성 입력 장치, 접촉 입력 장치 등과 같은 입력 장치(112)를 포함할 수 있다. 또한, 디스플레이, 스피커, 프린터 등과 같은 출력 장치(114)가 포함될 수 있다. 전술한 장치는 예시적인 것이며, 다른 것이 사용될 수 있다.
또한, 연산 장치(100)는 분산 연산 환경의 네트워크, 예컨대 인트라넷 또는 인터넷을 통하여 장치(100)가 다른 연산 장치(118)와 통신하도록 할 수 있는 통신 접속(116)을 포함할 수 있다. 통신 접속(116)은 통신 매체의 하나의 예시이다. 통신 매체는 일반적으로 반송파 또는 다른 수송 메카니즘과 같은 변조된 데이터 신호의 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 다른 데이터로 구현될 수 있고, 임의의 정보 전달 매체를 포함할 수 있다. "변조된 데이터 신호"라 는 용어는 하나 이상의 그것의 특성이 신호에 정보를 인코딩하는 것과 같은 방식으로 설정 또는 변경되는 신호를 의미할 수 있다. 한정하지 않는 예시로서, 통신 매체는 유선 네트워크 또는 직결선 접속과 같은 유선 매체 및 소리, RF, 적외선 및 다른 무선 매체와 같은 무선 매체를 포함할 수 있다. 본 문서에 사용되는 컴퓨터 판독가능 매체라는 용어는 저장 매체 및 통신 매체 모두를 포함할 수 있다.
다수의 프로그램 모듈 및 데이터 파일이 연산 장치(100)의 시스템 메모리(104)에 저장될 수 있고, 연산 장치(100)는 네트워크된 퍼스널 컴퓨터의 동작을 제어하는데 적합한 운영 체제(105), 예컨대 워싱턴 레드몬드의 마이크로소프트 코포레이션의 윈도우즈 운영체제(WINDOWS operating systems from MICROSOFT CORPORATION of Redmond Washington)를 포함할 수 있다. 또한, 시스템 메모리(104)는 직접 스타일쉬트 편집 응용프로그램(120)과 같은 하나 이상의 프로그램 모듈 및 이하에 기술되는 다른 것을 저장할 수 있다. 직접 스타일쉬트 편집 응용프로그램(120)은 프로세싱 유닛(102) 상에서 실행되는 동안, 예컨대 이하에 기술된 방법의 하나 이상의 단계를 포함하는 프로세스를 수행할 수 있다. 전술한 프로세스는 예시적인 것이고, 프로세싱 유닛(102)은 다른 프로세스를 수행할 수 있다. 본 발명의 실시예에 따라 사용될 수 있는 다른 응용프로그램(106)은 전자 메일 및 연락처 응용프로그램, 워드 프로세싱 응용프로그램, 스프레드시트 응용프로그램, 데이터베이스 응용프로그램, 슬라이드 프레젠테이션 응용프로그램, 드로잉 또는 캐드 응용프로그램, 전자 출판 응용프로그램 등을 포함할 수 있다.
도 3은 도 1의 연산 장치(100)를 사용하여 직접 스타일쉬트 편집을 제공하기 위한 본 발명에 따른 예시적인 방법(300)에 관련되는 일반적인 단계를 상술하는 흐름도이다. 예시적인 방법(300)의 단계를 구현하는 예시적인 방식이 이하에 상세하게 기술될 것이다. 예시적인 방법(300)은 시작 블록(305)에서 시작하여, 직접 스타일쉬트 편집 응용프로그램(120)이 연산 장치(100)로 하여금 후속 포맷지정 동작에 대한 제1 목표 규칙을 선택하도록 하는 단계(310)로 진행될 수 있다. 선택된 제1 목표 규칙은 수정된 속성을 포함할 수 있고, 복수의 목표 규칙으로부터 선택될 수 있다. 예컨대, 도 2a 및 2b에 도시된 것처럼, 스타일 적용 도구막대(200)를 통하여 직접 위지윅 CSS 편집이 이루어 질 수 있다. 스타일 적용 도구막대(200)는, 예컨대 후속 포맷지정 동작이 그것에 따라 동작하여야 할 목표 CSS 규칙을 (예를 들어, 제1 목표 규칙을) 사용자가 선택하도록 할 수 있다. 사용자는 입력 장치(112) 중의 하나를 (예컨대, 마우스를) 사용하여 출력 장치(114) 중의 하나 상에 디스플레이된 스타일 적용 도구막대(200)에서 목표 규칙 버튼(205)을 선택할 수 있다. 목표 규칙 버튼(205)이 선택되면, 드랍다운 메뉴(210)가 디스플레이된다. 드랍다운 메뉴(210)는 사용자가 그 중에서 선택하여야 할 가능한 목표 CSS 규칙 모두를 (예컨대, 복수의 탄젠트 규칙을) 디스플레이할 수 있다. 예컨대, 도 2b에 도시된 것처럼, 목표 CSS 규칙은 전체 선택자 리스트 및 선언 블록(declaration blocking)을 포함할 수 있다. 나아가, 본 발명의 실시예에 따르면, 목표 CSS 규칙은 CSS 규칙, 인라인 스타일, 자동 클래스 부여(auto classing) 및 의미 자동 ID 부여(semantic auto IDing)를 포함할 수 있지만, 이에 한정되지는 않는다.
일부 응용프로그램은 현존하는 스타일쉬트를 갖는 (즉, 현재 선택된 HTML 요 소에 대하여, 그 요소에 적용되는 하나 이상의 CSS 선택자가 있을 수 있는) HTML 문서를 편집하는 단계를 포함한다. 그러나, 현재 선택에 적용되는 임의의 선택자가 있다는 보장이 없을 수 있다. 하지만, 편집은 여전히 요구될 수 있다. 이러한 경우, 예컨대 CSS에 적용할 새로운 CSS 규칙 또는 인라인 스타일이 생성될 수 있다. 결과적으로, (의미 자동 ID 부여를 포함하는) "의미" 자동-규칙("semantic" auto-rules)은 현재 선택된 HTML 요소에 대하여 현존하는 태그, 클래스 속성값 및 ID 속성값에 기반한 새로운 CSS 규칙 선택자를 발생시키는 것을 의미할 수 있다. 예컨대, 이하의 HTML에 대하여,
<p class="Copyright">Copyright 2005 Microsoft Corp.</p>
요소에 적용된 CSS 선택자가 전혀 없지만, 본 발명의 실시예는 요소의 의미에 기반하여 새로운 CSS 규칙을 생성할 수 있다. 위 HTML 예시의 경우, HTML이 "Copyright" 클래스를 갖는 <p> 요소를 포함하므로, 그 규칙은 "p.Copyright"일 수 있다.
이하는 의미 자동-규칙의 예시에 기반한 클래스이다. 또한, 의미 자동 ID 부여도 ID를 이용하여 행해질 수 있다. 이하의 HTML의 경우,
<h3 id="Title">Daily Microsoft News</h3>
본 발명의 실시예는 선택자 "h3#Title"을 사용하여 새로운 CSS 규칙을 생성할 수 있다. 따라서, (의미 자동 ID 부여를 포함하는) 의미 자동-규칙 생성은, 예컨대 아직 CSS로 스타일링되지 않은 HTML 문서의 스타일링 프로세스를 간략화시킬 수 있다.
상기 언급된 바처럼, 스타일 적용 도구막대(200)는 사용자로 하여금 후속 포맷지정 동작이 그에 따라 동작해야 할 목표 CSS 규칙을 선택하도록 할 수 있다. 예컨대, 응용프로그램(106) 중의 하나를 (예컨대, 전자 출판 응용프로그램을) 실행하는 경우, 사용자는 메뉴(210)에서 목표 CSS 규칙 버튼(215)을 선택함으로써, 예컨대 디폴트 색을 청색으로 변경할 수 있다. 본 발명의 실시예에 따르면, 직접 스타일쉬트 응용프로그램(120)은 선택된 목표 규칙에서 (즉, 수정된 속성에서) 색을 변경할 수 있다. 예컨대, 도 2b에 도시된 것처럼, "comment.CSS" 파일(220)에서, 직접 스타일쉬트 응용프로그램(120)은 선택된 목표 CSS 규칙 버튼(215)에 의하여 정의된 규칙을 편집할 수 있다. 따라서, 임의의 후속 동작이 그 규칙에 영향을 미칠 수 있다. 예컨대, 사용자가 크기조정 동작을 실행하면, 선택된 규칙이 그에 따라 변경될 수 있다. 유사하게, 사용자가 여백을 변경하면, 선택된 규칙이 그에 따라 변경될 수 있다. 달리 말하면, 위에 기술된 도구막대(200)를 사용하여 선택함으로써, 계속되는 임의의 후속 포맷지정 동작에서, 사용자가 CSS 편집을 위한 특정 포맷지정 동작이 발생하기를 원하는 곳이 어디인지를 편집기에 알려준다.
예시적인 방법(300)은 연산 장치(100)가 후속 포맷지정 동작에 대한 제1 목표 규칙을 선택하는 단계(310)로부터, 직접 스타일쉬트 편집 응용프로그램(120)이 연산 장치(100)으로 하여금 복수의 목표 규칙 중의 가장 구체적인 목표 규칙에서 속성 변경이 생기게 할 수 있는 단계(320)로 진행될 수 있다. 가장 구체적인 목표 규칙은 수정된 속성을 포함할 수 있다. 예컨대, 스타일 적용 도구막대(200)는 사용자로 하여금 수정된 속성을 이미 포함하는 가장 구체적인 규칙 상에서 속성 변경이 생기게 할 수 있다. 이것은 도구막대가 대부분의 캐스캐이드에 대하여 효과적으로 동작하게 할 수 있다. 예컨대, 도 2b에 도시된 것처럼, 메뉴(210)는 몇몇의 목표 CSS 규칙(215, 225, 230 및 235)을 (즉, 복수의 타겟 규칙을) 리스팅한다. 4개의 목표 규칙(215, 225, 230 및 235) 모두가 현재 응용프로그램에 (예컨대, 전자 출판 응용프로그램에) 적용될 수 있고, 4개 모두가 상이한 CSS 정의를 가질 수 있다. 예컨대, 목표 CSS 규칙(215)은 응용프로그램에 녹색의 배경 이미지를 제공할 수 있다. 다른 3개의 목표 규칙(225, 230 및 235)는 다른 속성에 대해 (예컨대, 여백에 대해) 적용될 수 있다. 지금, 목표 CSS 규칙(215)에서, 사용자는 녹색에서 적색으로 색을 변경할 수 있다. 그러나, 색은 목표 CSS 규칙(215)으로 현재 설정되는 것이 아니라, 다른 3개의 목표 CSS 규칙(225, 230 및 235) 중의 하나로 설정된다.
본 발명의 실시예에 따르면, 재사용 속성 버튼(240)이 선택되는 경우, 예컨대 직접 스타일쉬트 응용프로그램(120)이 다른 3개의 목표 CSS 규칙(225, 230 및 235)을 분석할 수 있다. 목표 CSS 규칙 중의 임의의 것이 색을 이미 설정했는지 여부를 특히 알기 위하여, 목표 CSS 규칙(225, 230 및 235)이 분석될 수 있다. 그러한 경우, 분석을 통해 현재 선택된 목표 CSS 규칙이 아니라, (예컨대, 목표 CSS 규칙(215)이 아니라) 그곳에 (예컨대 3개의 목표 CSS 규칙(225, 230 및 235) 중의 하나에) 색을 설정할 수 있다. 이 분석을 수행하는 직접 스타일쉬트 응용프로그램(120)을 사용하지 않는 경우, 사용자가 목표 CSS 규칙 중에 어느 것에 원래 색을 설정하였는지를 기억해야 할 것이다. 바꾸어 말하면, 직접 스타일쉬트 응용프로그램(120)은, 예컨대 이미 색이 설정된 곳을 판정할 수 있다.
연산 장치(100)가 단계(320)에서 가장 구체적인 목표 규칙에서 속성 변경을 생기게 한 경우, 예시적인 방법(300)은 단계(330)로 진행하여 직접 스타일쉬트 편집 응용프로그램(120)이 페이지의 어떤 영역이 선택된 제1 목표 규칙에 의하여 영향을 받을 것인지를 사용자가 알 수 있도록 구성된 강조 메카니즘을 연산 장치(100)로 하여금 제공하게 할 수 있다. 예컨대, 도 2c에 도시된 것처럼, 본 발명의 실시예에 따라, 강조 메카니즘(260)이 사용되어 페이지의 어떤 영역이 현재 선택된 CSS 규칙에 의하여 영향을 받을 것인지를 사용자가 알 수 있게 한다. 예컨대, 선택된 규칙이 선택자 "p"인 경우, 모든 단락이 선택될 것이다. 연산 장치(100)가 단계(330)에서 강조 메카니즘을 제공한 후, 예시적인 방법이 단계(340)에서 종료될 수 있다.
나아가, 본 발명의 실시예는 분리된 전자 소자, 논리 게이트를 포함하는 패키징 또는 집적된 전자 칩, 마이크로프로세서를 이용하는 회로를 포함하는 전기 회로에서 실시되거나, 전자 소자 또는 마이크로프로세서를 포함하는 단일 칩 상에서 실시될 수 있다. 또한, 본 발명의 실시예는, 예컨대 AND, OR, NOT과 같은 논리 동작을 수행할 수 있는 다른 기술을 사용하여 실시될 수 있고, 다른 기술은 기계, 광 학, 유체 및 양자 기술을 포함하지만, 이에 한정되지는 않는다. 나아가, 본 발명의 실시예는 범용 컴퓨터 내에서 또는 임의의 다른 회로나 시스템에서 실시될 수 있다.
본 발명은 시스템, 방법 및/또는 컴퓨터 프로그램 제품으로 구현될 수 있다. 따라서, 본 발명은 하드웨어 및/또는 (펌웨어, 상주 소프트웨어, 마이크로 코드 등을 포함하는) 소프트웨어에 구현될 수 있다. 또한, 본 발명의 실시예는 명령어 실행 시스템와 함께 또는 그 시스템에 의하여 사용되기 위한 매체에 구현된 컴퓨터 사용가능 또는 컴퓨터 판독가능 프로그램 코드를 가지는 컴퓨터 사용가능 또는 컴퓨터 판독가능 저장 매체 상의 컴퓨터 프로그램 제품의 형태를 취할 수 있다. 컴퓨터 사용가능 또는 컴퓨터 판독가능 매체는 명령어 실행 시스템, 기구 또는 장치와 함께 또는 그것에 의하여 사용되기 위한 프로그램을 포함, 저장, 통신, 전파 또는 수송할 수 있는 임의의 매체를 포함한다.
컴퓨터-사용가능 또는 컴퓨터 판독가능 매체는, 예컨대 전자, 자기, 광학, 전자기, 적외선 또는 반도체의 시스템, 기구, 장치 또는 전파 매체일 수 있지만, 이에 한정되지는 않는다. 컴퓨터 판독가능 매체의 (불완전한 리스트인) 보다 구체적인 예시로서, 하나 이상의 배선을 가지는 전기 접속, 휴대용 컴퓨터 디스켓, RAM, ROM, EPROM 또는 플래시 메모리, 광섬유 및 CD-ROM을 포함할 수 있다. 프로그램이, 예컨대 종이 또는 다른 매체의 광학 스캐닝을 통하여 전자적으로 기록된 후 컴파일링, 인터프리팅 또는 적합한 방식으로 프로세싱되어, 필요한 경우 컴퓨터 메모리에 저장될 수 있으므로, 컴퓨터 사용가능 또는 컴퓨터 판독가능 매체가 프로 그램이 출력된 종이 또는 다른 적합한 매체일 수도 있음에 유의하여야 한다.
본 발명의 실시예가 본 발명의 실시예에 따른 방법, 시스템 및 컴퓨터 프로그램 제품의 블록도 및/또는 동작 도식을 참조하여 상기에 설명되어 있다. 블록에 표시된 기능/동작은 동작 도식에 표시된 것과 다른 순서로 발생할 수 있음을 이해하여야 한다. 예컨대, 관련되는 기능/동작에 따라, 연속으로 도시된 2개의 블록이 실제로는 실질적으로 동시에 실행되거나, 때때로 블록이 반대 순서로 실행될 수 있다.
본 발명의 소정의 특징 및 실시예가 기술되었지만, 본 발명의 다른 실시예가 존재할 수 있다. 또한, 메모리 및 다른 저장 매체에 저장된 데이터와 연관하여 본 발명의 실시예가 기술되었지만, 실시예는 하드 디스크, 플로피 디스크 또는 CD-ROM 같은 2차 저장 장치, 인터넷으로부터의 반송파, RAM 또는 ROM의 다른 형태와 같은 다른 유형의 컴퓨터 판독가능 매체에 저장되거나, 그것으로부터 판독될 수 있다. 나아가, 개시된 방법의 단계는 본 발명의 기술적 사상에서 벗어나지 않고 단계의 재배열 및/또는 추가 또는 삭제를 포함하는 임의의 방식으로 수정될 수 있다.
따라서, 규격 및 예시는 단지 예시적인 것으로만 간주되고, 본 발명의 진정한 범위 및 기술적 사상은 후술하는 청구항 및 그것의 균등물의 범위에 의하여 표시된다.

Claims (20)

  1. 툴바(tool bar)를 통하여 직접적인 스타일쉬트 편집(direct style sheet editing)을 제공하기 위한 방법으로서,
    후속 포맷지정 동작에 대한 제1 목표 CSS(cascading style sheets) 규칙을 선택하는 단계 - 상기 선택된 제1 목표 CSS 규칙은 수정된 속성을 포함하고 복수의 목표 CSS 규칙으로부터 선택됨 - ;
    상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 하나에 의하여 미리 설정되었는가를 판정하는 단계 - 상기 수정된 속성을 미리 설정한 목표 CSS 규칙은 가장 구체적인(most specific) 목표 CSS 규칙이고, 상기 수정된 속성과 관련된 애트리뷰트(attribute)를 포함함 - ;
    상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 어느 것에 의해서도 미리 설정되지 않은 경우, 제1 목표 CSS 규칙에서 속성 변경이 생기게 하는 단계; 및
    상기 수정된 속성이 상기 가장 구체적인 목표 CSS 규칙에 의해 미리 설정된 경우, 상기 복수의 목표 CSS 규칙 중에서 상기 가장 구체적인 목표 CSS 규칙에서 속성 변경이 생기게 하는 단계
    를 포함하는 방법.
  2. 제1항에 있어서,
    상기 제1 목표 CSS 규칙을 선택하는 단계는 전체 선택자 리스트(entire selector list) 및 선언 블록(declaration blocking)을 포함하는 상기 제1 목표 CSS 규칙을 선택하는 단계를 포함하는 방법.
  3. 제1항에 있어서,
    상기 제1 목표 CSS 규칙을 선택하는 단계는, 인라인 스타일(in-line style)에 대응하는 규칙, 자동 클래스 부여(auto classing)에 대응하는 규칙 및 의미 자동 ID 부여(semantic auto IDing)에 대응하는 규칙 중의 하나를 포함하는 상기 제1 목표 CSS 규칙을 선택하는 단계를 포함하는 방법.
  4. 제1항에 있어서,
    페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘(highlighting mechanism)을 제공하는 단계를 더 포함하는 방법.
  5. 툴바를 사용하여 직접 스타일 시트 편집을 제공하기 위한 시스템으로서,
    데이터베이스를 관리하기 위한 메모리 저장소; 및
    상기 메모리 저장소에 결합되는 프로세싱 유닛을 포함하고, 상기 프로세싱 유닛은,
    툴바를 사용하여 후속 포맷지정 동작에 대한 제1 목표 CSS 규칙을 선택하고 - 상기 선택된 제1 목표 CSS 규칙은 수정된 속성을 포함하고 복수의 목표 CSS 규칙으로부터 선택됨 - ,
    사용자가 재사용 속성 버튼을 선택하는 것에 응답하여 상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 하나에 의하여 미리 설정되었는가를 판정하고 - 상기 수정된 속성을 미리 설정하는 목표 CSS 규칙은 가장 구체적인 목표 CSS 규칙이고, 상기 수정된 속성과 관련된 애트리뷰트를 포함함 - ,
    상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 어느 것에 의해서도 미리 설정되지 않은 경우, 제1 목표 CSS 규칙에서 속성 변경이 생기게 하고,
    상기 수정된 속성이 상기 가장 구체적인 목표 CSS 규칙에 의해 미리 설정된 경우, 상기 가장 구체적인 목표 CSS 규칙에서 속성 변경이 생기게 하고,
    상기 후속 포맷지정 동작에 의하여 영향을 받은 텍스트 주변에 다각형(polygon)을 위치시킴으로써, 페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘을 제공하는 동작을 수행하는 시스템.
  6. 제5항에 있어서,
    상기 제1 목표 CSS 규칙을 선택하도록 동작하는 프로세싱 유닛은, 전체 선택자 리스트 및 선언 블록을 포함하는 상기 제1 목표 CSS 규칙을 선택하도록 동작하는 프로세싱 유닛을 포함하는 시스템.
  7. 제5항에 있어서,
    상기 제1 목표 CSS 규칙을 선택하도록 동작하는 프로세싱 유닛은, 인라인 스타일에 대응하는 규칙, 자동 클래스 부여에 대응하는 규칙 및 의미 자동 ID 부여에 대응하는 규칙 중의 하나를 포함하는 상기 제1 목표 CSS 규칙을 선택하도록 동작하는 프로세싱 유닛을 포함하는 시스템.
  8. 실행될 경우, 툴바를 사용하여 직접 스타일쉬트 편집을 제공하기 위한 방법을 수행하기 위한 명령어의 집합을 저장하는 컴퓨터-판독가능 저장 매체로서,
    상기 명령어의 집합에 의해 실행되는 방법은,
    툴바를 사용하여 후속 포맷지정 동작에 대한 제1 목표 CSS 규칙을 선택하는 단계 - 상기 선택된 제1 목표 CSS 규칙은 수정된 속성을 포함함 - ;
    상기 제1 목표 CSS 규칙의 선택에 응답하여, 상기 제1 목표 CSS 규칙에 접한 복수의 목표 CSS 규칙을 포함하는 드랍다운(drop down) 메뉴를 제공하는 단계;
    상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 하나에 의하여 미리 설정되었는가를 판정하는 단계 - 상기 수정된 속성을 미리 설정하는 목표 CSS 규칙은 가장 구체적인 목표 CSS 규칙이고, 상기 수정된 속성과 관련된 애트리뷰트를 포함함 - ;
    상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 어느 것에 의해서도 미리 설정되지 않은 경우, 제1 목표 CSS 규칙에서 속성 변경이 생기게 하는 단계; 및
    상기 수정된 속성이 상기 가장 구체적인 목표 CSS 규칙에 의해 미리 설정된 경우, 상기 가장 구체적인 목표 CSS 규칙에서 속성 변경이 생기게 하는 단계를 포함하는
    컴퓨터-판독가능 저장 매체.
  9. 제8항에 있어서,
    상기 드랍다운 메뉴를 제공하는 단계는 전체 선택자 리스트 및 선언 블록을 제공하는 단계를 포함하는
    컴퓨터-판독가능 저장 매체.
  10. 제8항에 있어서,
    상기 제1 목표 CSS 규칙을 선택하는 단계는, 인라인 스타일에 대응하는 규칙, 자동 클래스 부여에 대응하는 규칙 및 의미 자동 ID 부여에 대응하는 규칙 중의 하나를 포함하는 상기 제1 목표 CSS 규칙을 선택하는 단계를 포함하는
    컴퓨터-판독가능 저장 매체.
  11. 제8항에 있어서,
    상기 방법은,
    페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘을 제공하는 단계를 더 포함하는
    컴퓨터-판독가능 저장 매체.
  12. 제11항에 있어서,
    상기 페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘을 제공하는 단계는, 상기 후속 포맷지정 동작에 의하여 영향을 받은 텍스트 주변에 다각형을 위치시킴으로써, 페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘을 제공하는 단계를 포함하는
    컴퓨터-판독가능 저장 매체.
  13. 제4항에 있어서,
    상기 페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘을 제공하는 단계는, 상기 후속 포맷지정 동작에 의하여 영향을 받은 텍스트 주변에 다각형을 위치시킴으로써, 페이지의 어떤 영역이 상기 후속 포맷지정 동작에 의하여 영향을 받을 것인지를 사용자가 볼 수 있게 하도록 구성된 강조 메카니즘을 제공하는 단계를 포함하는 방법.
  14. 제1항에 있어서,
    상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 하나에 의하여 미리 설정되었는가를 판정하는 단계는, 사용자가 재사용 속성 버튼을 선택하는 것에 응답하여 상기 수정된 속성이 상기 복수의 목표 CSS 규칙 중의 하나에 의하여 설정되었는가를 판정하는 단계를 포함하는 방법.
  15. 삭제
  16. 삭제
  17. 삭제
  18. 삭제
  19. 삭제
  20. 삭제
KR1020087003740A 2005-09-09 2006-09-07 직접 스타일쉬트 편집을 제공하기 위한 방법 및 시스템 KR101312732B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US11/223,397 2005-09-09
US11/223,397 US7716574B2 (en) 2005-09-09 2005-09-09 Methods and systems for providing direct style sheet editing
PCT/US2006/034992 WO2007030695A1 (en) 2005-09-09 2006-09-07 Methods and systems for providing direct style sheet editing

Publications (2)

Publication Number Publication Date
KR20080043307A KR20080043307A (ko) 2008-05-16
KR101312732B1 true KR101312732B1 (ko) 2013-09-27

Family

ID=37836163

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020087003740A KR101312732B1 (ko) 2005-09-09 2006-09-07 직접 스타일쉬트 편집을 제공하기 위한 방법 및 시스템

Country Status (4)

Country Link
US (1) US7716574B2 (ko)
KR (1) KR101312732B1 (ko)
CN (1) CN101263490B (ko)
WO (1) WO2007030695A1 (ko)

Families Citing this family (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7802182B2 (en) * 2004-05-21 2010-09-21 Bea Systems Inc. System and method for performing visual property updates
US8635524B2 (en) * 2005-09-13 2014-01-21 Adobe Systems Incorporated System and/or method for document conversion
US9348799B2 (en) * 2005-12-09 2016-05-24 Adobe Systems Incorporated Forming a master page for an electronic document
US8504929B2 (en) * 2008-04-11 2013-08-06 Oracle International Corporation Editing user interface components
US20110191671A1 (en) * 2010-01-29 2011-08-04 Extensis, Inc. Website Font Previewing
US9400770B2 (en) * 2010-12-28 2016-07-26 Elwha Llc Multi-view graphical user interface for editing a base document with highlighting feature
US9575949B2 (en) 2011-04-11 2017-02-21 Data Systems International, Inc. Multi-view runtime interrogator
US9329839B2 (en) * 2011-04-11 2016-05-03 Data Systems International, Inc. Multi-view form design
US9104527B2 (en) 2011-09-08 2015-08-11 Microsoft Technology Licensing, Llc Automatically generated style rules for page design
US9141595B2 (en) * 2011-10-05 2015-09-22 Adobe Systems Incorporated Contextual commenting on the web
US8468449B1 (en) 2011-12-08 2013-06-18 Microsoft Corporation Generating CSS shorthand properties
US20130227396A1 (en) * 2012-02-24 2013-08-29 Microsoft Corporation Editing content of a primary document and related files
KR101901884B1 (ko) * 2012-02-29 2018-09-28 삼성전자주식회사 원격 사용자 인터페이스 제공 장치 및 방법
US9201852B2 (en) * 2013-05-24 2015-12-01 David Wei Ge Method for in-browser visual HTML editing via bi-directional navigation and virtual properties
CN105988778A (zh) * 2015-01-28 2016-10-05 阿里巴巴集团控股有限公司 一种页面设置方法及装置
US10311366B2 (en) * 2015-07-29 2019-06-04 Adobe Inc. Procedurally generating sets of probabilistically distributed styling attributes for a digital design
CN105373520A (zh) * 2015-10-13 2016-03-02 金蝶软件（中国）有限公司 设置控件样式属性的方法和装置
CN105335154B (zh) * 2015-10-19 2019-09-20 沈文策 一种面向多终端的自适应网页布局方法及装置
US10970473B2 (en) * 2015-12-29 2021-04-06 Microsoft Technology Licensing, Llc Formatting document objects by visual suggestions
US9824075B1 (en) * 2016-03-31 2017-11-21 Google Inc. System and method for interaction coverage
US20220414316A1 (en) * 2021-06-23 2022-12-29 International Business Machines Corporation Automated language assessment for web applications using natural language processing

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050256965A1 (en) 1993-11-19 2005-11-17 Rose Blush Software Llc Intellectual asset protocol for defining data exchange rules and formats for universal intellectual asset documents, and systems, methods, and computer program products related to same
US20060218490A1 (en) 2005-03-24 2006-09-28 Richard Fink Method and apparatus for creating a web page

Family Cites Families (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5487141A (en) * 1994-01-21 1996-01-23 Borland International, Inc. Development system with methods for visual inheritance and improved object reusability
US5860073A (en) * 1995-07-17 1999-01-12 Microsoft Corporation Style sheets for publishing system
JP4438129B2 (ja) 1999-07-02 2010-03-24 ソニー株式会社 コンテンツ受信システム及びコンテンツ受信方法
US7191397B2 (en) * 1999-09-20 2007-03-13 Dell Products L.P. XML server pages language
US7131065B1 (en) * 2000-06-30 2006-10-31 International Business Machines Corporation Dynamically altering web page content based on a page's title properties
US7051276B1 (en) * 2000-09-27 2006-05-23 Microsoft Corporation View templates for HTML source documents
US7111234B2 (en) * 2001-05-02 2006-09-19 Microsoft Corporation System and method for in-line editing of web-based documents
TWI247295B (en) * 2002-03-09 2006-01-11 Samsung Electronics Co Ltd Reproducing method and apparatus for interactive mode using markup documents
US20040205588A1 (en) * 2002-07-23 2004-10-14 Xerox Corporation System and method for dynamically generating a style sheet
US7383498B1 (en) * 2002-12-27 2008-06-03 Sap Ag Editing styles for markup documents using parametrized styles sheets
US7362311B2 (en) * 2003-04-07 2008-04-22 Microsoft Corporation Single column layout for content pages
US20050138540A1 (en) * 2003-12-22 2005-06-23 Xerox Corporation Systems and methods for user-specific document change highlighting
US8205152B2 (en) * 2004-11-08 2012-06-19 Opera Software Asa System and method for formatting and displaying frameset documents
US7577902B2 (en) * 2004-12-16 2009-08-18 Palo Alto Research Center Incorporated Systems and methods for annotating pages of a 3D electronic document
US7430712B2 (en) * 2005-03-16 2008-09-30 Ameriprise Financial, Inc. System and method for dynamically resizing embeded web page content
US7337393B2 (en) * 2005-09-09 2008-02-26 Microsoft Corporation Methods and systems for providing an editable visual formatting model

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050256965A1 (en) 1993-11-19 2005-11-17 Rose Blush Software Llc Intellectual asset protocol for defining data exchange rules and formats for universal intellectual asset documents, and systems, methods, and computer program products related to same
US20060218490A1 (en) 2005-03-24 2006-09-28 Richard Fink Method and apparatus for creating a web page

Also Published As

Publication number Publication date
KR20080043307A (ko) 2008-05-16
US7716574B2 (en) 2010-05-11
CN101263490A (zh) 2008-09-10
CN101263490B (zh) 2015-11-25
WO2007030695A1 (en) 2007-03-15
US20070061710A1 (en) 2007-03-15

Similar Documents

Publication Publication Date Title
KR101312732B1 (ko) 직접 스타일쉬트 편집을 제공하기 위한 방법 및 시스템
US7337393B2 (en) Methods and systems for providing an editable visual formatting model
US8239882B2 (en) Markup based extensibility for user interfaces
US20060212806A1 (en) Application of presentation styles to items on a web page
US20030066058A1 (en) Language-sensitive whitespace adjustment in a software engineering tool
US20070277095A1 (en) Data Processing Device And Data Processing Method
US20100115394A1 (en) Document processing device and document processing method
JP2005216175A (ja) レイアウト調整方法および装置およびレイアウト調整プログラム
US20070273895A1 (en) Efficient Whole Page Printing
US20080040588A1 (en) Data Processing Device and Data Processing Method
US20140006913A1 (en) Visual template extraction
US20090132906A1 (en) Document processing device and document processing method
US20090083300A1 (en) Document processing device and document processing method
EP1830274A1 (en) Server device and name space issuing method
WO2006051959A1 (ja) 文書処理装置及び文書処理方法
US20090235156A1 (en) Document processing device and document processing method
KR101649822B1 (ko) 웹페이지 구축 장치 및 방법
US20080005085A1 (en) Server Device and Search Method
US20100115395A1 (en) Data processing apparatus
US20080005154A1 (en) Document Processing Device and Document Processing Method
US20090083620A1 (en) Document processing device and document processing method
KR20040090866A (ko) 폼을 이용하는 ｘｍｌ 문서 편집기 및 ｘｍｌ 문서편집기가 기록된 컴퓨터로 읽을 수 있는 기록 매체
Correll Graphite: an extensible rendering engine for complex writing systems
Holman Definitive XSL-FO
JP2007122487A (ja) 自動レイアウトシステム

Legal Events

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

Payment date: 20160818

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20170818

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20180903

Year of fee payment: 6