브라우저 마다 다르게 페이지를 볼수 있는 예제를 발견.. ^^*
신기합니다.. 브라우저마다 테스트 하면 아래와 같은 재미있는 색상의 변화를 볼수 있습니다.

적용된예제 있는 사이트 ^^*
http://agachi.name/tests/jquery/css-selectors/

사용자 삽입 이미지
http://www.blindtextgenerator.com/

사이트 개발에 앞서 홈페이지를 참고하려 돌아다니다가 알게된 외국사이트
메인화면에서 바로  CSS를 적용해서 모양새를 변경할수 있습니다.

외국사이트라는 점에서 한글이 지원이 안돼지만 글씨를 모양새를 꾸밀때 필요한 태그가 무엇이 무엇이 있는지 눈으로 확인하고 적용할수 있으므로 유용한 사이트라고 생각이 듭니다. ^^*


사용자 삽입 이미지
사용자 삽입 이미지
책 소개
컴퓨터가 일상생활기기 안에 폭넓게 응용되면서 기기는 블랙박스화되고 조작부와 액정화면 등의 표시장치가 정보를 교환하는 유일한 창구가 되고 있다. 따라서 조작부나 액정화면을 어떻게 디자인하는가가 제품의 인터페이스를 결정하는 중요한 잣대로 떠오르고 있다. 이 책에서는 하루에도 수없이 다양한 기기를 접하는 사용자들에게 최선의 인터페이스를 제공하는 방법을 제시하고 있다.

특히, 인퍼테이스 및 그래픽에 관한 이론을 바탕으로, GUI 디자인 원칙, 디자인 프로세스, 정보의 파악 · 구조화 · 시각화, GUI 디자인의 평가 단계별로 나누어 살펴봄으로써, 순차적인 이해와 참조가 가능하도록 구성하였다. 또한 GUI 디자인의 설계 원칙들을 화면이 없는 조작 패널이나 전자 매뉴얼 등에도 응용 가능한데, 조작 패널을 한 컷의 화면으로 가정하고, GUI 이론에 따른 디자인 방법을 제시하였다.

현금인출기부터 가전제품의 LCD 화면까지 다양한 인터페이스를 다루게 될 디자인 분야의 학생들과 디자이너들, 프로젝트 관리자들이 체계적이고 구체적인 지식과 정보를 얻을 수 있다. 일본인간공학회에서 엮었기 때문에 일본 쪽의 참고자료를 많이 찾아볼 수 있다는 특징도 있다.
목차
서문
역자 서문

제1장 개요
1.GUI 디자인이란?
2.GUI 디자인 프로세스
3.GUI 디자인 컨셉
4.화면의 레이아웃 방법
5.GUI 디자인의 평가
6.GUI 관련 서적
참고문헌

제2장 디자인 원칙
1.인지적으로 좋은 인터페이스의 사고 방식
2.인간의 인지 메커니즘과 GUI 디자인의 원칙
3.사용자에게 제시해야 할 사항
4.정성적 평가와 정량적 평가
5.대상 사용자를 확인
참고문헌

제3장 디자인 프로세스
1.사용자 인터페이스의 분류
2.디자인 프로세스의 각 단계
3.제품 개발 프로세스에서의 GUI 디자인의 역할과 시점
4.GUI 디자인 프로세스
5.기획 단계의 프로세스
6.디자인/설계 단계의 프로세스
7.디자인/설계 단계에서의 정보 가시화
참고문헌

제4장 아이콘 디자인 방법
1.아이콘의 특징
2.아이콘의 인지
3.시스템과 아이콘
4.아이콘 디자인의 원칙
5.아이콘 디자인의 요소
6.아이콘 디자인 프로세스
7.아이콘 평가
8.아이콘 평가
9.아이콘 관련 논의
참고문헌

제5장 디자인 가이드라인
1.GUI 디자인을 위한 가이드라인
2.인간공학적 측면에서의 일반적 요구사항
3.정보 인지에 관한 원칙
4.정보 입수, 조작에 관한 가이드라인
참고문헌

제6장 평가
1.왜 평가가 필요한가?
2.GUI 디자인 개발 단계와 평가의 관점
3.디자인 컨셉의 평가
4.기본 디자인의 평가
5.프로토타입의 평가
6.세부 디자인의 평가
7.시제품(시스템)의 평가
8.생산/판매 후의 평가
9.대표적인 평가 방법의 개요
참고문헌