본문 바로가기

메모장

플래시가 삽입된 페이지에서 현재페이지 인식하기(네비게이션, 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 하기 미치겠다...일러, 포토샾에서 작업한 그림들을 플래시에서 무비클립화를 해야 하는데... 억지로 하긴 했다만...용량때문인지...액션때문인지 버벅거리고... 라이브러리 정리도 안되고... 하다가...찾아낸 이 방법 과연 될까?... 한번 해봤는데...흠... 어쨋든 몰랐던 방법이었으니...포스팅 해주신분 감사합니다. ㅋ
위로
아래로

티스토리툴바