July 24, 2010 5:25 pm

Dreamweaver CS5 HTML5 Pack 설치방법?

Dreamweaver CS5 실행하면 위와 같은 화면이 나옵니다. Layout 부분을 잘 기억하세요. HTML5 Pack 설치가 완료가 되면 다음같은 화면을 확인 하실수 있습니다.

HTML5 Pack 설치 완료가 되면 Layout 에 HTML5 There Col… HTMLt Two Col… 두개가 생성이 됩니다. 이글을 쓰는 목적은 이걸 설치하는데 1시간 정도를 소요 했습니다. 설치 방법을 알면 몇분정도면 완료가 됩니다. 저처럼 시간 낭비 하지 않기 바라면서…. 설치 방법을 알려 드립니다.

http://labs.adobe.com/downloads/html5pack.html 에서 HTML5 Pack를 다운 받습니다. Dreamweaver CS5 실행하신후 그림과 같이 아이콘을 클릭하여 Extension Manager를 실행합니다.

Extension Manager 오른쪽 상단에 Install을 클릭하여 다운 받으신 파일을 선택합니다. Dreamweaver CS5에서 Extension Manager를 실행하지 않고 다운 받은 파일을 더블 클릭하여 직접 실행 하시거나 Extension Manager 를 실행하시면 아래 화면이 한글로 나옵니다. 그리고 설치 하셔도 두번째 이미지처럼 등록이 되지 않습니다. 반드시 Dreamweaver CS5에서 Extension Manager를 실행 하신 후에 설치하셔야 됩니다.

위와 같은 화면이 나오셨다면 Accept 클릭하신후 다음 단계로 넘어갑니다.

설치가 완료시 화면입니다. 이제Dreamweaver CS5를 재실행하시면 두번째 이미지의 화면을 보실수 있습니다.

Rating: 0.0/5 (0 votes cast)

Rating: 0 (from 0 votes)

tags: Dreamweaver CS5 HTML5 Pack

No comment?

November 6, 2009 5:45 pm

ScrollBar

8 comments

by admin in ActionScript3.0

요청된 작업중에 한문장을 보여주고 그 문장을 읽는 음성이 나옵니다. 그 후에 새로운 문장이 일정한 간격으로 추가되는 형태입니다. 일정 영역보다 추가되는 내용이 크지 않다면 스크롤바는 보이지 않아야 하고, 크다면 스크롤이 생기면서 추가된 내용을 영역의 하단에 전부 보여주면 됩니다. 네비게이션에 의해서 뒤로가기 버튼을 누르면 한 문장씩 삭제됩니다. 물론, 앞으로가기 버튼을 누르면 다시 나타나게 됩니다.
Class명은 WScrollBar로 하고, addObject, removeObject, setPosition정도의 매서드를 서비스 합니다.

사용방법은 아래와 같습니다.

var test: WScrollBar = WScrollBar.GET( sc, { width: 300, height: 305, offset: 10 } );
//WScrollBar.GET( 스크롤바 무비클립 인스턴스네임, { width: 넓이, height: 높이, offset: 버튼 클릭시 스크롤 이동길이 }, 스크롤 영역에 비례하여 바의 길이 변경여부( true값 default ));

More: Read the rest of this entry…

Rating: 4.0/5 (1 vote cast)

Rating: 0 (from 0 votes)

tags: scrollbar

8 comments!

October 24, 2009 12:17 am

Sliding Banner

5 comments

by admin in ActionScript3.0

간단한 배너광고 작업을 할때, 링크나 텍스트 수정같은 수정 사항으로 인해 몇번 같은 열어야 되는 일들이 발생합니다.
물론, 링크는 ExternalInterface와 JavaScript를 이용하여 페이지 안으로 링크를 가져가면 됩니다. 그리고, 텍스트 부분은 이미지로 작업을 하고 외부에서 이미지를 로딩하는 방법으로 하면 플래시 프로그램을 열지 않고도 수정이 가능합니다. 작업이 빈번하게 이루어지는 편은 아니지만, 사이즈와 방식이 조금씩 다른것 때문에 매번 작업 하는게 상당이 귀잖습니다. Flash를 열지 않고 배너를 만들어 봤습니다.

1. 사용 될 이미지는 모두 외부에서 로딩하여 사용한다.
2. 이미지 전환은 Alpah = “A”, Horizontal = “H” ( 오른쪽에서 왼쪽으로 ), Vertical = “V”( 위에서 아래로 )로 한다.
3. 이미지 전환 시간도 외부에서 입력 하도록 한다.
4. 이미지의 경로, 좌표, 크기및 클릭시 이동한 URL 정보를 xml에 담는다.

More: Read the rest of this entry…

Rating: 5.0/5 (1 vote cast)

Rating: 0 (from 0 votes)

tags: as3.0, flash, sliding banner

5 comments!

September 22, 2009 4:52 pm

[초간단] mp3player 재생바 및 볼륨바 만들기

5 comments

by admin in ActionScript3.0

지금 까지는 Frame에 script를 작성 했는데, 재생 바 부분은 Class로 만들어 보겠습니다. Class 이름을 Slide Bar라고 하고 이 녀셕만 따로 생각을 해 봅시다. Slide Bar에서 ( 드래그 위치 / 드래그 총 영역 ) 값은 곧 percent가 됩니다. 0~1사이의 값( percent )을 Slide Bar에서 이벤트로 전달( dispatchEvent ) 해 준다고 하면 ( content길이 * percent )을 해주면 원하는 위치 값을 찾을 수 있습니다. 드래그 총 영역은 ( bg의 넓이 – dragger의 넓이 )입니다. 드래그 위치는 마우스로 drag&drop한 위치이겠죠. 마우스로 drag 할 수 있는 영역은 bg.x 좌표에서 시작해서 드래그 총 영역이 됩니다. 필요한 모든것은 다 알수 있습니다. 이걸 그냥 코드로만 표현 해보면 되겠네요. 디자인 부분은 ( http://dalparan.kr/?p=31 ) 글을 보시고 만드시면 됩니다. 구조는 오른쪽 그림과 같은 같은 구조로 하셔야 됩니다. 재생바 code는 이렇게 넣어주면 되도록 하려고 합니다.

More: Read the rest of this entry…

Rating: 0.0/5 (0 votes cast)

Rating: 0 (from 0 votes)

tags: mp3player

5 comments!

September 17, 2009 1:24 pm

RegExp Class – 2

2 comments

by admin in ActionScript3.0

반복 찾기

문자나 집합 속에 속한 요소( instance )를 하나 이상을 찾으려면 문자 뒤에 더하기(+)를 사용합니다.

var str: String = "This is a dalparan example.";
var pattern: RegExp = /\w+/g;
var ary: Array = str.match( pattern );
trace( ary );//output : This,is,a,dalparan,example

reg5 \w은 대소문자 밑줄을 포함하는 모든 영숫자([a-zA-Z0-9_])와 같습니다. 더하기(+) 추가 되었네요. 공백은 포함이 되어 있지 않으므로 This까지만 일치 합니다. 표현식 뒤에 g가 붙어서 global flag가 true가 됩니다. String.match() method는 Global flag가 true이면 문자열의 시작 부분(인덱스 위치 0)에서 검색이 시작됩니다. 일반 표현식의 일치하는 항목이 배열에 추가되고 다음 인덱스 위치에서 검색이 진행됩니다. 메서드 실행이 완료되면 일반 표현식의 lastIndex속성이 0으로 설정됩니다. ary 배열에 밑줄을 포함한 모든 영숫자를 하나씩 찾아가면서 일치 하지 않는 공백이 나오면 다음을 찾습니다. 그래서, This,is,a,dalparan,example받아 배열에 넣습니다.