본문 바로가기

생활일기/tip tech129

XHTML1.0의 문서구조 Visual Quick Start Guide에 정리된 XHTML1.0(transitional)의 문서구조 2007. 10. 15.
일러스트 미리보기가 가능하려면 디자인 작업을 하면서 주로 만들어지는 psd와 ai파일의 미리보기에 대해 최근 자료를 찾아 보았다. 특히 일러스트 파일의 미리보기에는 딱히 이렇다할 대안이 없어 보였고, 그 이유에 대해 가장 신뢰가 가는 글이 '뜨락의 이름'님의 글이다. '결론은 일러스트레이터 미리보기는 지원하지 않는다.' 이다. 결론부터 말씀드린다면 AI나 EPS 파일은 저장시 미리보기 옵션을 지정하지 않고 저장한 파일이라면 [그래픽프로그램]으로 파일을 열지 않고 [유틸리티]나 [뷰어] 등으로는 미리 보기를 할수 없습니다. 몇가지의 툴에서는 된다고 하는 분들도 계시지만 미리보기 옵션을 체크하지 않고 저장한 AI나 EPS 파일을(닫힌 파일)미리 볼수 있는 툴은 나와 있지 않습니다. 유틸이나 툴에서 보이는 AI 등의 파일은 그 파일 저장시.. 2007. 10. 12.
웹디자인 작업을 위해 포토샾CS 최적화하기 포토샾 만큰 다양한 분야에서 이용되는 디자인 툴도 없을 것이다. 하지만 웹은 모니로 표현되기 때문에 작업의 편의성을 위해 단위를 px로 조정하는 것 외에 몇가기 설정을 변경해 줄 필요가 있다. 1. 먼저 Edit/Color Settings 2. Info Palette에 스포이드를 위한 웹칼라모드와 셀렉트 박스의 단위를 pixel로 3. 요즘은 고사양의 시스템들이 흔해져서 좋아진 점중에 하나 히스토리에 1000, 그외 문서가 변경이 되면 자동으로 업데이트 되게 하는것과 2바이트 Character Palette의 옵션 활성화 4. 작업중인 파일을 바로바로 열기위해 최근작업파일 목록을 최고로... 30개 5. 포토샾은 처음에 설치하면 보게되는 메세지를 위해... 다른 볼륨 드라이브로 스크래치 페이징 파일 위치.. 2007. 10. 10.
포토샾(.psd)파일 미리보기(Thumbnail Preview)를 탐색기에서 보려면 디자인 작업시 gif, jpg 포맷 이외의 포토샾이나 일러스트 파일을 관리하기 위해 이미지 뷰어를 사용하는데, 이미지 뷰어를 이용하지 않고 윈도우 탐색기, 토탈코맨더 등에서 psd 파일의 미리보기를 이용하면 이미지 이외의 다양한 포맷의 파일은 동시에 관리 할 수 있기 때문에 편리하다. 윈도우 탐색기에서 psd 포맷의 미리보기 이미지를 생성하는 방법은 두가지가 있다. 하나는 어도브 사이트에 올라와 있는 방법으로 포토샾에서 이미지를 Browse로 psd파일 보고(view) 열면(open)해당이미지의 미리보기가 가능해진다. 다른 한가지 방법은 psicon.dll을 C:\Program Files\Common Files\Adobe\Shell 폴더에 넣어 주는 것인데포토샾CS 이전버젼에서는 psicon.dll을 이.. 2007. 10. 9.
조건부 주석에 대해 조건부 주석은 윈도우의 익스플로러에서 표현(work)이 된다. 표현이 된다고 말한 이유는 크로스 브라우져의 지원시 익스플로서 사용자 만을 위한 표현 또는 콘텐츠 제공이 가능하기 때문이다. IE5부터 지원이 되었고 이후 5.0, 5.5, 6.0, 7.0 각각에 대해서도 구분하여 사용할 수 있다. 기본 양식은 html 주석문()에 대괄호를 이용 조건문을 추가한 것이다. 다음을 보자. ※ 아쉽게도 CSS에서 테스트 해보니 작동하지 않는다. 그럼 다음의 코드를 통해 결과를 확인 해보자. 예: IE에서 모두 보여진다. IE5에서만 보여진다. IE5.0에서만 보여진다.0 IE5.5에서만 보여진다. IE6에서만 보여진다. IE7에서만 보여진다. 'gte'를 이용: IE5보다 높은 버젼의 브라우져에서 보여진다. 'lt.. 2007. 10. 8.
CSS에서의 구문태그들 한국소프트웨어진흥원의 웹표준 문서에서 발취한 내용입니다. 강조 (strong, em) 과 은 문장안에서 강조를 나타낸다. 보통의 브라우져에서 은 이탤릭으로, 은 볼드체로 나타나게 된다. 문장안에서 중요도가 있을 때에는 이 과 을 사용해야 하고 단지 이탤릭이나 볼드를 표현하고자 할 때에는 와 를 사용해야 한다. 스크린리터중에는 이나 태그를 사용하면 그 부분을 큰소리로 강조해서 읽어주는 제품도 있다. 정의 태그는 정의를 나타낼 때에 사용된다.코드 는 컴퓨터 코드를 나타내는 태그이고 는 코드의 결과 출력물을 나타낼때 에 사용한다.값의 표시 는 유저의 키보드 입력을 나타내고, 는 프로그램에서의 변수를 나타낸다. Enter키를 누르세요출처 는 인용이나 출처를 밝힐 때에 사용한다.축약 는 축약어를 나타내고 은 두문.. 2007. 9. 20.
웹표준을 따르면서 form으로 생기는 공백 없애기 잘못된 사용예 제목 내용 작성자 을 사용해서 제작하다 보면 디자인상에서 나타나서는 안되는 공백이 생기는 것을 볼 수 있다. 이와 같은 현상을 피하기 위해서 많은 사람들이 태그를 태그 사 이에 넣는다. 하지만 validator를 이용해 보면 이와 같은 사용은 잘못된 문법 오류라는 것 을 알 수 있다. 의 여백을 없애기 위해서 스타일을 사용하면 아주 간단하게 문제를 해결 할 수 있다. form { margin: 0; } 에 마진을 없앰으로서 간단하게 여백을 없앨 수 있고 위와 같이 사이에 태그를 넣는 잘못된 xhtml사용을 피할 수 있다. 2007. 9. 20.
XHTML1.1의 표준 문서 구조 표준 문서 구조입니다. 한국소프트웨어 진흥원의 '실전 웹표준가이드'에서 발춰 ... 2007. 9. 20.
CSS를 이용한 유용성 높은 버튼 IE6, IE7, FireFox2에서의 적용 예 먼저, CSS 스타일입니다. ※ 마우스오버의 효과는 IE7과 FireFox에서만 작동합니다. 두번째, span과 input을 이용한 버튼파일입니다. CSS를 이용해 유용성이 높은 버튼을 만들어 보자 한글이 좋다^^ 마지막으로 이미지는 총4장이 필요하죠. 마우스오버를 사용하지 않을 경우는 2장이면 됩니다. buttonLO_02.gif (입력할 글자수가 많은 경우를 위해 길레 만들어 둡니다.) buttonL_02.gif (입력할 글자수가 많은 경우를 위해 길레 만들어 둡니다.) buttonRO_02.gif buttonR_02.gif 2007. 9. 20.

티스토리툴바