타이포그래프

«타이포그래프» – 콘텐츠 관리자와 사이트 편집자를 위해 특별히 개발된 도구입니다. 웹 출판용 텍스트를 준비하는 데 도움을 줍니다.

«타이포그래피» – 조판과 레이아웃을 통해 인쇄 텍스트를 디자인하는 예술입니다. 타이포그래피는 한편으로 그래픽 디자인의 한 분야이며, 다른 한편으로는 독자가 이해하기 쉬운 텍스트를 만들기 위해 글꼴 사용을 규정하는 엄격한 규칙 집합입니다. 타이포그래피의 과제는 이후 조판, 레이아웃 및 인쇄 전 준비 과정의 매개변수를 정의하는 것입니다.

먼저 Microsoft Office, Open Office, Google Docs 또는 유사한 편집기에서 서식 있는 텍스트를 작성해야 합니다. 이는 Word 문서나 Excel 전자 표일 수 있습니다.

이 문서들은 이미 어느 정도 스타일이 적용되어 있습니다: 텍스트 크기, 색상, 번호 매기기 / 글머리 기호 목록, 표 등. 필요한 텍스트 부분을 선택하여 클립보드에 복사한 후 «타이포그래프»의 «Word에서 텍스트 붙여넣기» 필드에 붙여넣으세요. 결과적으로 선택한 텍스트 부분은 HTML 코드로 변환됩니다.

텍스트를 붙여넣은 후 문서에서 사용된 글꼴 크기 목록이 표시됩니다. 해당 크기에 대해 어떤 제목(H1-H6)을 사용할지 지정할 수 있습니다. 텍스트 렌더링 시 정의된 글꼴 크기는 서식 지정 시 사용된 것과 다를 수 있습니다. 이는 «Word» 같은 텍스트 편집기가 텍스트 크기를 포인트(pt)로 지정하는 반면, 브라우저는 픽셀(px)을 사용하기 때문입니다. 1pt는 1px와 같지 않으며 약간 더 크므로 문서를 파싱할 때 글꼴 크기도 약간 더 크게 표시됩니다.

기본적으로 깨끗한 HTML이 생성됩니다(속성 «style»을 통한 스타일 추가 없음). 텍스트와 배경 색상, 텍스트 정렬 등을 HTML에 포함하려면 발견된 목록에서 필요한 매개변수를 선택하세요.

코드는 충분히 깔끔하고 정돈되어 있어 사이트에 게시하기 전에 편집할 필요가 없을 수도 있습니다.

편의를 위해 «타이포그래프»에는 사이트에서 CSS 파일을 불러오는 기능이 있습니다. 이 파일에는 텍스트 페이지 게시 시 사용되는 표준 태그에 대한 스타일이 정의되어 있습니다. CSS를 업로드하면 사이트 페이지에서 게시된 HTML 코드가 어떻게 보일지 확인할 수 있습니다.

하지만 CSS는 올바르게 작성되어야 합니다. 즉, 클래스에 의존하지 않고 페이지의 텍스트 콘텐츠를 구성하는 모든 표준 태그가 스타일링되어야 합니다. 선택자로 태그 이름만 지정해야 합니다. 불행히도 많은 초보 퍼블리셔들이 이 권고를 무시합니다.