웹을 구성하는 구성요소들

CSS(Cascading Style Sheet)는 웹 페이지에 HTML 요소를 표시하는 방법을 결정하는 외부 텍스트 파일의 규칙이다. CSS에는 특정 마크업 페이지에서 사용되는 글꼴, 색상 및 구문 요소를 정의할 수 있는 형식 지정 지침이 포함되어 있다. 사이트의 모든 페이지가 동일한 외부 스타일 시트에 연결되어 있는 경우 스타일 시트를 한 번 간단히 변경하면 사이트 전체의 모든 요소가 변경된다. 그런 다음 이러한 지침(예: 문서 머리글 크기)을 변경하려면 모든 페이지를 수동으로 변경할 필요가 없다. 스타일 시트 파일의 선만 변경하면 모든 헤딩이 스타일 시트에 맞게 모양만 변경된다. 이 기술은 많은 개발 및 유지 보수 시간을 절약할 수 있을 뿐만 아니라, 보다 일관되고 접근 가능한 인터페이스를 만들 수 있다.

 

당신은 HTML을 만들기 위해 특별한 편집기 어플리케이션을 사용할 필요가 없다. 당신은 간단한 텍스트 편집기를 사용할 수 있다. 텍스트 편집기는 간단한 텍스트를 입력하고 편집할 수 있는 모든 프로그램(Microsoft Notepad, WordPad) 또는 Vi, Pico와 같은 UNIX 기반 프로그램이다. 그러나 코드 파일을 일반 텍스트로 저장해야 한다. 예를 들어 워드 프로세싱 프로그램에 의해 파일에 포함된 모든 포맷 지침은 파일이 제대로 작동하지 못하게 할 수 있다. 웹 페이지 코드를 텍스트 파일로 저장한 후에는 .htm 또는 .html 파일 이름 확장명으로 저장해야 한다. 많은 운영 체제와 웹 브라우저는 이러한 확장명으로 파일을 자동으로 처리하도록 MIME(Multipurpose Internet Mail Extensions)로 구성되어 있다. 그림 1-1은 HTML 코드가 있는 텍스트 편집기를 보여준다. 이 과정의 첫 부분에서는 메모장을 HTML 텍스트 편집기로 사용하십시오. 그런 다음 과정 후반부에 간단한 GUI 기반 편집기 응용 프로그램을 사용하십시오.