메모장 썸네일형 리스트형 인터넷 익스플로러(IE6, IE7, IE8) 동시에 사용하는 방법 웹 표준과 크로스 브라우징 잘 만든 웹페이지라면 기본적으로 크로스 브라우징을 잘 지원해야 합니다. 물론 블로그도 마찬가지입니다. 이를 확인하는 데에는 특별한 방법이 있는 게 아니라, 코딩을 끝낸 후 여러 제품의 브라우저로 직접 테스트를 해보면 됩니다. W3C Validator로 표준 유효성 검사를 할 수도 있겠지만, 자신의 웹페이지가 유효성 검사를 통과하더라도 크로스 브라우징이 모두 해결된 것은 아닙니다. 현실적으로 모든 브라우저가 웹 표준을 지키는 것은 아니며, 또한 웹 표준을 따르더라도 렌더링 과정에서 미묘한 차이가 있기 때문이지요. 가장 좋은 방법은 역시 직접 눈으로 확인하는 것입니다. 현재 브라우저 시장에는 Opera, Firefox, Safari, Maxthon 등 다양한 제품이 있지만 일일이 .. 크로스브라우징 CSS 핵 정리 Netscape 4 제외시키기 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다. 이나 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다. 부분적으로 읽어들이지 못하게 하는 경우에는 Caio's hack인 /*/*/를 이용한다. 보통 코멘트는 */으로 닫지만 /*/으로 닫게 되면 Netscape 4에서는 인식되지 않는다. 그 뒤에 평상시의 코멘트 /* */를 적어두면 그 뒤의 스타일은 Netscape 4에서도 문제없이 적용된다. p { /*/*/ color:white; /* */ } Win IE 3~4, Mac IE 4~4.5, Netscape 4 제외시키기 @import로 url()함수를 이용하여 외부 스타일시트를 이중인용부호로.. 절대경로 상대경로의 기본 원칙~ 이상하게 자꾸 까먹어 ㅎㅎㅎ 상대경로의 기본원칙. 1) 모든 경로는 \ 로 구분된다. 2) .\ (점 하나) 는 현재경로를 반환해 준다. 3) ..\ (점 둘) 는 상위경로를 반환해 준다 플래시가 삽입된 페이지에서 현재페이지 인식하기(네비게이션, GNB) lec32.zip (9Kbytes) html 페이지에 따라 해당 메뉴를 표시해주는 메뉴를 만들어볼려고 합니다. 물론 플래시 무비는 하나구요. 이 소스는 html 페이지가 그리 많지 않고 통프레임으로 이루어진 사이트일 때 유용하게 사용할 수 있겠습니다. :: 완성된 무비 여기를 클릭해주세요. :: 만드는 방법 주요한 부분만 설명을 드리겠습니다. 1. 메뉴는 11강에서 만든 메뉴입니다. 1프레임의 프레임 액션을 아래와 같이 수정했습니다. overState는 각 메뉴의 롤오버/롤아웃 상태를 체크하기 위해 사용한 변수입니다. _root["MenuName" + pageNum + "_mc"].overState = true; //변수 pageNum의 값은 html 문서에서 넘어옵니다. 해당 메뉴에 대한 롤오버 액션이.. 플래시에서 절대경로 상대경로 입력하는 방법은 주의가 필요 플래시가 삽입 되어져 있는 html파일의 위치로부터 상대 경로를 입력해야 한다. 예를 들어 폴더 구조에서.... menu.swf 파일이 index.php 파일에 삽입된 것이고, bbbb.php 파일로 링크가 되어 있다면... getURL("../aaaa/bbbb.php","_self"); 로 해야 맞다. 그런데 만약 menu.swf파일이 index.php 파일과 bbbb.php파일 두군데 같이 들어간다면 문제가 있습니다. index.php 파일에서 링크를 클릭하면 aaaa폴더의 bbbb.php 로 가는 링크의 상대경로는 맞으나, bbbb.php 에서 bbbb.php로 가는 버튼을 클릭하면, aaaa/aaaa/bbbb.php를 찾기때문에 찾을수 없다고 나온다. 그렇기 때문에 메뉴와 같이 여러 파일에서 공통.. 실전 UI(HTML/CSS)개발 가이드 유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드. 본문 건너 뛰기 올해 하반기에 해야 할 일들이 많이 쌓여 있었습니다. 강의, 책, XE(오픈UI프로젝트)에서 사용해야 할 ‘교재, 콘텐츠, 가이드’를 만들어야 했는데 따로 따로 준비 하자니 너무 소모적인 일들이라 벌어진 일들을 한 번에 일망타진할 수 있는 묘안이 필요했고 제 결단은 ‘세 가지 일을 한 번에 해치우기’ 였습니다. ‘토, 일’ 모두 사무실로 출근하면서 후배들이 궁금해 할만한 질문들을 추린 다음 스스로 답변을 달기 시작 했는데 오늘 문서를 완성(?) 했습니다. 여러 문서들을 참조 했지만 주관적인 의견이 포함된 내용도 있어서 ‘정답’이라고 할 수는 없습니다. 하지만 UI 개발자들이 한 번 쯤은 고민했던(또는 해야 할) 주제들의 FA.. CSS Sprite 생성도구 웹서비스 http://ko.spritegen.website-performance.org/ CSS 에서 사용할 아이콘 이미지들을 일일히 포토샾작업을 하지 않고 합쳐주는 웹 서비스이다. 완전 이해하기 쉬운 CSS에 대한 기초 설명이다. Blue Plate 레이아웃의 뼈대. 상단에 메뉴가 있고 왼쪽엔 내용, 오른쪽엔 서브메뉴와 위젯이 나타나는 구조이다. 레이아웃의 CSS 파일을 열어보면 각각에 대하여 이름과, 속성이 지정되어 있다. #header { position:relative; width:920px; height:120px; background:url(../images/default/bgHeader.png) no-repeat left top; z-index:99;} #columnRight { position:relative; width:199px; margin-top: 10px; margin-bottom: 10px; padding:10px 5px 10px 5px; float:right; background-color:#ffffff;.. 플래시 유용한 효과(플짤,플래시 갤러리 등등)들 강좌 모음입니다. 출처(원문) : http://gall.dcinside.com/flash/134069 플갤에 입문하기 Ver.0.35 --------------------------------------------------액션스크립트3 무한반복음짤 ★ getURL(), navigateToURL() ★ flv를 따와서 만드는 플짤 ★ 외부파일 로드 ★ 풀스크린 플짤 ★★ 마스크 ★★★ contextMenu 제어 ★ 시계 만들기 ★★ 트윈 ★★★ 디데이카운터 ★★★ html연동 ★★ framerate조절 ★★ flv연결 ★★★★ list 활용법 ★★ xml 연동 ★★★★ 마우스휠을 사용 ★★ AS3.0, xml로 랜덤 음짤 만들기 ★★ AS3.0 랜덤음짤에 제목 넣는 방법 ★★ 버튼을 누르면 원하는 영상이 재생되게 하는 방.. CSS 유용한 기초정리 CSS(Cascading Style Sheet) - HTML이 가진 디자인의 한계를 보완하기 위해서 만들어진 언어로, 웹페이지에 자주 적용하는 디자인을 하나의 규칙으로 정의한 뒤 호출하여 사용할 수 있다. 스타일 시트의 구성 - 스타일시트는 사이에 위치하며, 로 끝난다. - 로 사용하는 보편적인 방식이다. [사용형식] Inline style sheet(각각의 태그에 적용하는 방법) 이 방식은 스타일 시트의 정의 없이 태그내에 직접 삽입하는 방식이다. [사용형식] External style sheet(외부문서를 불러와 적용하는 방식) 사이에 태그로 스타일시트 파일을 연결하여 사용하는 방식으로, 하나의 스타일시트를 여러 문서에 적용하는 방식이다. [사용형식] rel : 연결할 파일과 적용할 html 파일의 .. CSS를 최적화하고 파일크기를 줄이는 15가지 방법[펌] CSS코드를 효율적이고 최적화하면서 파일사이즈를 줄일 수 있는 CSS최적화 방법에 대해서 얘기를 하려고 한다. - 소개 더욱 더 복잡한 CSS코드를 쓰게 되면서 이러한 기술은 CSS파일 사이즈를 단지 몇kilobytes라도 줄여야할것이다. 1. CSS Sprite의 사용 "CSS Sprite는 image request의 요청을 감소시키는 방법이다. 여러이미지들을 하나의 이미지로 합치고 CSS background-image 혹은 background-position속성을 이용하여 이미지의 부분들을 훌륭하게 보여준다. - Yahoo Deloper Rule(http://developer.yahoo.com/performance/rules.html) 이러한 방법은 HTTP Request와 웹사이트의 트래픽을 효율적.. html 문서에 외부 CSS파일 삽입하기 3가지 방법~! html 문서에 css를 적용하는 방법에는 크게 3가지가 있다... method 1 문서에 직접 삽입 - style 엘리먼트 사용 css 문서를 내부에 삽입 method 2 외부에 css파일을 두고 불러오기 - 외부스타일 시트 사용 ..... /* link태크는 단독태그라서 뒤에.. /를 붙여준다. */ ..... method 3 외부에 css파을 두고 불러오기 - @import 사용 ..... ..... 방법3으로 하게 되면 지원하지 않는 css를 숨김으로 해서 레이아웃이 깨지거나 잘못된 해석을 막을수 있다. css를 숨기지 않는다면 예전 브라우저에서는 알아볼 수 없는 변형된 페이지를 보여주게 된다. method 4 인라인 스타일 ..... 내용을 적어주세요 ..... 케스케이드의 가장 낮은 단계로써 .. 외부 페이지 인클루드 include 하기 외부 CSS 파일 HTML 문서에 불러오기 CSS파일.css 파일불러오기 구글토크(Google Talk) 설치 파일이예용 ㅋ 제목 그대로임 ㅋ onResize 이벤트 리스너를 이용한 풀플래시 무비클립 제어[펌] http://ufx.kr/blog/62 클릭~! [플래시] 액션스크립트2.0 모니터 크기 알아내기 System.capabilities.screenResolutionX 가로 System.capabilities.screenResolutionY 세로 아래의 업체에서 제공하는 무료서체, 폰트 (링크) 다음체 ▶ http://info.daum.net/Daum/info/introduceOfCI.do 나눔체 ▶ http://hangeul.naver.com/share.nhn 비씨카드체 ▶ http://www.bccard.com/company/cyber/ci_info/ci_info02.html 아리따글꼴 ▶ http://corp.amorepacific.co.kr/company/ci/font.jsp : 아모레퍼시픽에서 개발 배포하는 아리따 2.0 옥션고딕 ▶ http://event.auction.co.kr/event2008/12/GoodBye2008/?frm=widescreen8#anchor_2 SK텔레콤 Moebius글꼴 ▶ http://www.tworld.co.kr/html/t/cm8_t_design_exp.. Fireworks에서 Export 한 후 Flash에 Import 하기 미치겠다...일러, 포토샾에서 작업한 그림들을 플래시에서 무비클립화를 해야 하는데... 억지로 하긴 했다만...용량때문인지...액션때문인지 버벅거리고... 라이브러리 정리도 안되고... 하다가...찾아낸 이 방법 과연 될까?... 한번 해봤는데...흠... 어쨋든 몰랐던 방법이었으니...포스팅 해주신분 감사합니다. ㅋ 컴활자격증(컴퓨터활용자격증 1급)에 대해서 일정과 시행처(대한상공회의소) 컴활자격증 개요 누구나 컴퓨터를 사용할 줄 알고 접하는 정보화 시대에 개개인의 컴퓨터 활용능력을 객관적으로 검증하기 위하여 도입. 컴활자격증 수행직무 스프레드시트, 데이터베이스 프로그램 등 각종 응용 프로그램을 이용하여 실무에 적용. 컴활자격증 취득방법 컴퓨터 일반 : 컴퓨터 시스템의 개요, 컴퓨터 하드웨어, PC 운영체제(WINDOWS), 컴퓨터 소프트웨어, PC 통신과 인터넷, 정보화 시대와 컴퓨터 보안, 사무자동화의 개요, 멀티미디어 스프레드시트 일반 : 워크시트 기본, 워크시트 편집, 데이터의 관리와 분석, 워크시트의 형식지정, 수식과 함수의 이용, 차트(그래프)작성, 매크로 기능 데이터베이스 일반 : 데이터베이스의 개요, 테이블 작성, 데이터 관리, 서식 작성, 데이터베이스의 질의,.. [직업능력 훈련금 지원받기!] 1. 내가 받을 수 있는 지원종류는? - 근로자능력개발카드/근로자수강지원/계좌제[펌] 2010.3.22 : 고용지원센터 콜센터로 전화해서 능력개발카드를 만들고 싶다고했더니 [서울서부종합고용지원센터]로 연결해 주었습니다. 저는 사는곳은 서대문구 일하는 곳은 마포구인데, 일하는 곳 기준으로 센터를 알려줍니다. 2010.4.10 : 카드는 아직 받지 못했지만 승인된 카드번호를 이용해 수강신청을 하고 왔습니다. 물론 제가 낸 돈은 0원! >_ [플래시] 버튼 소리 효과음][펌] 도 레 미 파 솔 라 시 도-1 보석이 빛날때 버튼(뽁) 버튼 버튼1 버튼2 버튼3 버튼효과음[1] 버튼효과음2[1] 버튼효과음3[1] 뿅 디딩 띠링 띠리리링 사과먹는 소리 필통버튼 열림상자 눈이 튀어나오는 클릭 5.wav 12up.au 25.wav 26.WAV 29.WAV 31.wav 32.WAV 34.WAV 38.WAV 43.wav 47.WAV 5.wav 56.wav 62.wav Alarm Alien4 meni_resdo Alien4 open pro Apollo Menu Com ayuigo-xrikazen-80 Bandi Beep1.au Beep1 Beep2 Beep3 Beep4 Beep5 Beep6 Beep7 Beep8 Bell Bell2 BING-BIN Bip-Partners-59 bird_chi.. DIV에 대해 개념 잡기[펌] HTML에서의 div는 Division Marker의 줄임말로서 영역을 구분짓거나 무리(구분)지어주는 엘리먼트이다. 오늘은 div에 대해 알아보자. div는 div를 열고 닫은 앞뒤로 줄바꿈이 되는 블럭 레벨 항목 block level element이다. div의 앞 뒤에 있는 항목들이 가로줄로 흐르지 않고, 엔터값을 입력한 것 처럼 아래로 줄 지어진다는 말이다. div로 레이아웃이나 박스를 구성하기 위해, CSS에서 가장 많이 쓰는 속성인 position 값으로는 static, relative, absolute, fixed, inherit가 있다. Position 속성 static CSS로 특별한 값을 지정해 주지 않아도 적용되는 기본값이다. HTML 파일에서 중첩되지 않은 여러개의 div를 작성하면,.. [윈도우7 WINDOW7]권한문제 설정 윈도우7/비스타 는 이제 고전적이라 할만 한 문제가 있는데 바로 [권한] 문제 입니다. 각종 프로그램 사용시나 폴더/파일 정리시에 간혹 권한이 없다면서 실행이 되지 않거나 비정상적으로 실행이 되는 경우이지요. 프로그램의 바로가기에서 오른쪽클릭해서 관리자모드로 실행해도 되지만 아예 관리자 계정으로 로그인을 해버리는게 더 쉽습니다..... 사용하시는 계정 설명에 관리자권한이 있다고 나올 수도 있는데 완벽한 권한이 부여되어있는 상태가 아닙니다 관리자 계정(Administrator)은 처음엔 비활성화 되어있으므로 일단 활성화 부터 시켜야 합니다. 설명->이미지 순입니다... [시작->모든 프로그램->보조프로그램->명령 프롬프트] 를 오른쪽 클릭해서 관리자 권한으로 실행합니다. net user administra.. [플래시 액션 2.0] FLV 동영상 파일 제어를 위한 NetConnection 클래스에 대해서... NetConnection NetConnection 클래스는 로컬 드라이브나 HTTP 주소로부터 스트리밍 FLV 파일을 재생할 수 있는 방법을 제공한다. :: 생성자 요약 서명 설명 NetConnection() NetStream 객체와 함께 사용하여 로컬 스트리밍 비디오(FLV) 파일을 재생할 수 있는 NetConnection 객체를 생성한다. ㆍ NetStream 객체와 함께 사용하여 로컬 스트리밍 비디오(FLV) 파일을 재생할 수 있는 NetConnection 객체를 생성한다. ㆍ NetConnection 객체를 만든 다음 NetConnection.connect()를 사용하여 실제 연결을 설정한다. ㆍ 외부 FLV 파일을 재생하는 것은 Flash 문서에 비디오를 포함시키는 것에 비해 성능, 메모리 관리.. [플래시]포토샾에서 일러스트나 플래시로 변환, 비트맵에서 벡터화, Trace Bitmap 옵션 화면 창에 대해서 Trace Bitmap의 세부옵션 설명 - Color Threshold : 수치가 작을수록 원본과 가깝다. - Minimum Area : 수치가 작을수록 섬세한 효과를 준다. - Curve Fit : 외곽선의 부드러운 정도 - Corner Threshold : 모서리의 부드러운 정도 [스크랩]FLV 파일을 임베트해서 재생하기와 외부에서 스트리밍으로 재생하기 [플래시 용량줄이기]SWF 파일 용량 줄이는 팁~!(펌) 이전 1 ··· 13 14 15 16 17 다음
