고정 헤더 영역
상세 컨텐츠
본문
*제공:
1. Dynamic HTML 개요
넷스케이프사가 최근에 발표한 커뮤니케이터의 구성 프로그램 중의
하나인 네비게이터 4.x에서는 세 가지 새로운 기능들을 합하여
Dynamic HTML을 구현한다. Dynamic HTML의세 가지 요소는
스타일 시트(style sheet)와 컨텐트 배치(content positioning), 그리고
다운로드가능 폰트(downloadable fonts)이다.
이들 세가지 요소를 함께 사용하면 웹 페이지의 외형이나
레이아웃, 그리고 동작 등을 좀더 세밀하게 제어할 수 있다.
스타일 시트를 사용하면 웹 페이지의 일반 요소의 스타일 관련 속성을
지정할 수 있다. 컨텐트 포지셔닝을 사용하면 컨텐트의 일부를제작자가 원하는 위치에 디스플레이할 수 있고, 페이지가 디스플레이된
후에도 외형과 위치를 수정할 수 있다. 다운로드가능 폰트를 사용하면
텍스트의 형태를 다양하게 만들 수 있고, 이 폰트들을 페이지에 함께
묶어서 텍스트가 항상 같은 폰트로 디스플레이될 수 있게 한다.
1.1 스타일 시트 개요
HTML 문서에 대한 스타일 시트가 소개되기 전에는 웹 페이지 제작자가 웹
페이지의 프리젠테이션을 제어하는데 한계가 있었다.
예를 들어, 특정 텍스트를 항상 제목으로 디스플레이할 수는 있지만,
페이지의 여백을 설정한다거나 텍스트의 줄 간격이나 테두리 장식 등은
지정할 수 없었다.
스타일 시트의 도입으로 웹 문서의 프리젠테이션을 좀더 세밀하게 제어할
수 있게 되었다. 스타일 시트를 사용하면, 텍스트 색상이나 여백,
페이지 요소들의 정렬, 폰트 스타일, 폰트 크기, 폰트 굵기 등과 같은
웹 페이지의 스타일 관련 속성들을 지정할 수 있다.
테두리를 사용하여 본문에서 특정 요소를 강조할 수도 있고, 문단이나 제목,
인용 등과 같이 각기 다른 요소에 서로 다른 폰트를 지정할 수도 있다.
웹 페이지를 제작할 때 사용했던 폰트들을 다운로드가능 폰트로 묶어
웹 페이지에 첨부하면 시스템의 종류와는 상관없이 항상 같은 폰트를
사용할 수 있다.
게다가, 스타일 시트를 템플릿이나 "마스터 페이지"로 사용하여 여러
페이지가 같은 스타일 시트를 사용하도록 할 수도 있다.
1.2 컨텐트 배치 개요
웹 페이지에서 더 이상 컨텐트를 일렬로 배치하지 않아도 된다. HTML 컨텐트
블록의 위치를 지정해 주면 어떤 컨텐트를 페이지 상의 어디에 갖다 놓을지를
결정할 수 있다. 예를 들어, 컨텐트 한 블록은 페이지의 상단 왼쪽 구석에
배치하고, 또다른 블록은 하단 오른쪽 구석에 배치할 수 있다. 컨텐트 블록은
공간도 공유할 수 있기 때문에 이미지와 텍스트를 오버랩시킬 수도 있다.
각 컨텐트 부분을 어디에 배치할지를 정확하게 결정하면 네비게이터 4.x가
웹 페이지 제작자가 의도한 대로 배치해 준다.
자바스크립트(JavaScript)를 사용하면 페이지의 레이아웃을 동적으로
변경하고 사용자가 페이지를 연 후에도 다양한 방법으로 페이지를 수정할 수
있다. 컨텐트를 나타내거나 감출 수 있고, 페이지 각 부분의 색상을 달리 할
수도 있다. 또한 사용 중인 HTML 페이지의 각 부분을 이동하고 수정하면 웹페이지에 애니메이션을 통합할 수도 있다.
컨텐트 포지셔닝과 스타일 시트를 함께 사용하면, 웹 페이지의 서로 다른
부분에 각기 다른 스타일을 사용할 수 있다.
1.3 다운로드가능 폰트 개요
다운로드가능 폰트를 사용하면 특정 폰트를 웹 페이지에 첨부할 수 있다.
그렇게 하면 페이지는 항상 해당 페이지 제작자가 선택한 폰트로
디스플레이된다.웹 페이지가 모든 플랫폼에서 비슷하게 보이도록 하기 위해
더 이상 일반 폰트를 사용하지 않아도 된다. 다운로드가능 폰트는
어떤 플랫폼에서도 디스플레이되기 때문에, 플랫폼마다 서로 다른 폰트에
구애받지 않아도 된다.
폰트 디자이너의 권리를 보호하기 위해, 다운로드가능 폰트는 사용자가
복사하거나 다시 사용할 수 없도록 되어 있다. 따라서, 누군가가 자신의
폰트를 복사하여 임의대로 사용할지도 모른다는 걱정은 하지 않아도 된다.
텍스트 일부에 직접 폰트 속성을 적용하든지, 혹은 스타일 시트를 사용하여
서로 다른 요소에 특정 폰트군(群)을 정의하든지간에 다운로드가능 폰트를
사용하면 페이지 제작자가 의도한 대로 페이지를 표시할 수 있다.
1. Dynamic HTML 개요
넷스케이프사가 최근에 발표한 커뮤니케이터의 구성 프로그램 중의
하나인 네비게이터 4.x에서는 세 가지 새로운 기능들을 합하여
Dynamic HTML을 구현한다. Dynamic HTML의세 가지 요소는
스타일 시트(style sheet)와 컨텐트 배치(content positioning), 그리고
다운로드가능 폰트(downloadable fonts)이다.
이들 세가지 요소를 함께 사용하면 웹 페이지의 외형이나
레이아웃, 그리고 동작 등을 좀더 세밀하게 제어할 수 있다.
스타일 시트를 사용하면 웹 페이지의 일반 요소의 스타일 관련 속성을
지정할 수 있다. 컨텐트 포지셔닝을 사용하면 컨텐트의 일부를제작자가 원하는 위치에 디스플레이할 수 있고, 페이지가 디스플레이된
후에도 외형과 위치를 수정할 수 있다. 다운로드가능 폰트를 사용하면
텍스트의 형태를 다양하게 만들 수 있고, 이 폰트들을 페이지에 함께
묶어서 텍스트가 항상 같은 폰트로 디스플레이될 수 있게 한다.
1.1 스타일 시트 개요
HTML 문서에 대한 스타일 시트가 소개되기 전에는 웹 페이지 제작자가 웹
페이지의 프리젠테이션을 제어하는데 한계가 있었다.
예를 들어, 특정 텍스트를 항상 제목으로 디스플레이할 수는 있지만,
페이지의 여백을 설정한다거나 텍스트의 줄 간격이나 테두리 장식 등은
지정할 수 없었다.
스타일 시트의 도입으로 웹 문서의 프리젠테이션을 좀더 세밀하게 제어할
수 있게 되었다. 스타일 시트를 사용하면, 텍스트 색상이나 여백,
페이지 요소들의 정렬, 폰트 스타일, 폰트 크기, 폰트 굵기 등과 같은
웹 페이지의 스타일 관련 속성들을 지정할 수 있다.
테두리를 사용하여 본문에서 특정 요소를 강조할 수도 있고, 문단이나 제목,
인용 등과 같이 각기 다른 요소에 서로 다른 폰트를 지정할 수도 있다.
웹 페이지를 제작할 때 사용했던 폰트들을 다운로드가능 폰트로 묶어
웹 페이지에 첨부하면 시스템의 종류와는 상관없이 항상 같은 폰트를
사용할 수 있다.
게다가, 스타일 시트를 템플릿이나 "마스터 페이지"로 사용하여 여러
페이지가 같은 스타일 시트를 사용하도록 할 수도 있다.
1.2 컨텐트 배치 개요
웹 페이지에서 더 이상 컨텐트를 일렬로 배치하지 않아도 된다. HTML 컨텐트
블록의 위치를 지정해 주면 어떤 컨텐트를 페이지 상의 어디에 갖다 놓을지를
결정할 수 있다. 예를 들어, 컨텐트 한 블록은 페이지의 상단 왼쪽 구석에
배치하고, 또다른 블록은 하단 오른쪽 구석에 배치할 수 있다. 컨텐트 블록은
공간도 공유할 수 있기 때문에 이미지와 텍스트를 오버랩시킬 수도 있다.
각 컨텐트 부분을 어디에 배치할지를 정확하게 결정하면 네비게이터 4.x가
웹 페이지 제작자가 의도한 대로 배치해 준다.
자바스크립트(JavaScript)를 사용하면 페이지의 레이아웃을 동적으로
변경하고 사용자가 페이지를 연 후에도 다양한 방법으로 페이지를 수정할 수
있다. 컨텐트를 나타내거나 감출 수 있고, 페이지 각 부분의 색상을 달리 할
수도 있다. 또한 사용 중인 HTML 페이지의 각 부분을 이동하고 수정하면 웹페이지에 애니메이션을 통합할 수도 있다.
컨텐트 포지셔닝과 스타일 시트를 함께 사용하면, 웹 페이지의 서로 다른
부분에 각기 다른 스타일을 사용할 수 있다.
1.3 다운로드가능 폰트 개요
다운로드가능 폰트를 사용하면 특정 폰트를 웹 페이지에 첨부할 수 있다.
그렇게 하면 페이지는 항상 해당 페이지 제작자가 선택한 폰트로
디스플레이된다.웹 페이지가 모든 플랫폼에서 비슷하게 보이도록 하기 위해
더 이상 일반 폰트를 사용하지 않아도 된다. 다운로드가능 폰트는
어떤 플랫폼에서도 디스플레이되기 때문에, 플랫폼마다 서로 다른 폰트에
구애받지 않아도 된다.
폰트 디자이너의 권리를 보호하기 위해, 다운로드가능 폰트는 사용자가
복사하거나 다시 사용할 수 없도록 되어 있다. 따라서, 누군가가 자신의
폰트를 복사하여 임의대로 사용할지도 모른다는 걱정은 하지 않아도 된다.
텍스트 일부에 직접 폰트 속성을 적용하든지, 혹은 스타일 시트를 사용하여
서로 다른 요소에 특정 폰트군(群)을 정의하든지간에 다운로드가능 폰트를
사용하면 페이지 제작자가 의도한 대로 페이지를 표시할 수 있다.
