개요 XHTML과 CSS 만을 가지고서는 특정 박스나 영역에 대하여 둥그런 박스 모양을 갖도록 하는 것은 불가능하였습니다. (이미지만를 쪼개서 구현하거나, 외부 자바스크립트 등을 이용하여서는 가능하였지만.) 상당히 불필요한 태그들과 CSS 셀렉터가 많이 들어가게 되고, 불필요한 이미지까지 늘어가기 때문에 많은 시간까지 낭비하게 되고, 작업자들의 불안정한 심리상태까지 만들어버리곤 했습니다. 게다가, 그림자와 그라데이션을 넣는다면 저의 입장에서는 고된 작업의 연속의 시작을 알리는 것이나 [...]

중요도, 실증도 평점 중요도 : 4점 실증도 : 3점 가이드 라인 디자인 작업 시 일어날 수 있는 많은 유저 인터페이스 문제를 고려하라. 설명 웹 사이트를 제작하는 동안 사용성에 관한 수 많은 문제를 고려해야 한다. 문제는 다음을 포함할 수 있다. 사용자 웹 사이트를 방문할 떄의 배경, 상황 사용자의 익숙도 사용자가 웹 사이트에서 실시하는 Task의 타입 사용자가 사용하는 PC 및 접속 속도의 종류 Prototype의 평가 유저의 테스트 결과

중요도, 실증도 평점 중요도 : 4점 실증도 : 3점 가이드 라인 사용자 실행이 중요하다면 색상과 장식적인 그래픽을 결정하기 전에 콘텐츠, 포맷, 인터렉션, 내비게이션에 대한 결정을 하라. 설명 그래픽 요소를 생각하기 전에, 사용자가 보다 높은 레벨로 수행할 수 있는 것에 의식을 집중 해야 합니다. 그래픽에 관한 문제는 사용자가 Task를 끝까지 수행할 수 있을지 어떨지, 혹은 빠르게 수행할 수 있는가 했던 것에 [...]

중요도, 실증도 평점 중요도 : 5점 실증도 : 2점 가이드 라인 설계과정을 시작하기 전에 웹사이트의 주 목표를 확인하고 명확하게 정의한다. 설명 설계 작업을 시작하기 전에 그 웹 사이트의 주 목표 (교육, 정보 제공, 연예, 판매 등)를 설정합니다. 목표가 정해지면, 대상이 되는 사용자, 콘텐츠 기능 및 그 사이트의 Look & Feel이 정해집니다. 또, 조직의 매니지먼트 층 및 그 웹 사이트의 관계자와 그 [...]

중요도, 실증도 평점 중요도 : 5점 실증도 : 3점 가이드 라인 사용자 요구의 완성도와 정확성을 향상시키기 위하여 사용자를 포함시켜야 합니다. 설명 서비스 타겟으로 하는 사용자들로부터 얻은 정보는 많으면 많을수록, 콘텐츠 제작자는 사용자들을 이해하기가 쉬워집니다. 콘텐츠 제작자와 사용자들간 정보 또는 의견 교환이 많으면 많을수록, 그 웹사이트는 성공할 수 있는 확률이 높아집니다. 전화, 설문조사, 인터뷰, 게시판, 영업 담당자, 전시회, 모니터, 사용자 의견 등을 [...]

히틀러 몰락 14일간의 이야기. 밴드 오브 브라더스 덕분에 보게 된 영화. 히틀러의 광기와 악. 사실적인 영화. 지하벙커의 놀라움. 충심과 배신의 아이러니. 나치즘의 최후. 충성심과 배신의 한 끝 차이. 자살하는 다양한 방법. 죽기 직전의 광기. 쉰들러 리스트를 봐야될 차례. 역사는 현 시대의 거울이다. 사진출처 : 네이버 영화

아빠. 출발~! (내가 출근할 때.) 아빠. 씻을께~! (내가 씻으러 화장실 들어갈 때.) 아빠. 전화왔다. (내 전화 왔을 때.) 아빠 이름 뭐야? 유정훈.(아빠 이름이 뭐냐고 물어봤을 때.) 엄마 이름 뭐야? 김정아.(엄마 이름이 뭐냐고 물어봤을 때.) 유다현 (너 이름 뭐냐고 물어봤을 때.) 유다인 (동생 이름 뭐냐고 물어봤을 때.) 아빠 왔다. (퇴근하고 왔을 때.) 태영이 (어린이집 친구)가 때렸어요. (때렸다고 이를 때.) 동생이 때렸어요. (다인이가 괴롭혔을 때.) 하지마 (내가 [...]

개요 CSS 배경 속성은 셀렉터로 지정된 요소에 배경 이미지를 지정하고, 시각적으로 보여지는 방법에 대해서 지정합니다. 그러나, 의미가 있는 이미지는 CSS 배경 속성을 이용하여 배경 이미지로 사용하면 안되며, <img> 요소를 사용하여 이미지를 제공하여야 합니다. 그리고, 반드시, <img>의 alt 속성을 이용하여 대체 텍스트를 사용자에게 제공하여야 합니다. 의미가 없는 메뉴 마다의 블릿 이미지나 단순하게 제공된 배경 이미지등을 배경 속성을 [...]

Background Properties 속성명 설명 CSS background 한 번의 선언으로 모든 배경 속성 지정. 1 background-attachment 페이지의 배경 이미지를 고정 또는 스크롤 여부 지정. 1 background-color 요소의 배경 색상 지정. 1 background-image 요소의 배경 이미지 지정. 1 background-position 배경 이미지 시작 위치 지정. 1 background-repeat 배경 이미지의 반복 방법 지정. 1 Border and Outline Properties 속성명 설명 CSS border 한 번의 선언으로 선 속성 지정. 1 border-bottom 한 번의 선언으로 하단 선 속성 지정. 1 border-bottom-color 하단 선 색상 지정. 2 border-bottom-style 하단 선 스타일 지정. 2 border-bottom-width 하단 선 길이 지정. 1 border-color 4가지 선 색상을 지정. 1 border-left 한 [...]

개요 Conditional Comment는 브라우저에 맞게 작업이 필요한 경우를 위하여 사용되는 마크업에 사용되는 조건문입니다. 대부분 브라우저 호환성을 위하여 마이크로 소프트 인터넷 익스플로러 계열 브라우저를 위하여 사용됩니다. 그리고, 브라우저 마다의 다른 스타일을 적용할 수도 있고, 다른 현상을 보여줄 수 있습니다. 브라우저간의 호환성을 위해서 아주 유용하게 사용할 수 있습니다. 사용법 브라우저명 대상으로 할 브라우저를 지정합니다. IE – 인터넷 익스플로러 Gecko – Gecko 기반 브라우저 (Firefox, Camino 등.) Webkit [...]