Search Results for 'Fireworks'

1 POSTS

  1. 2009.07.16 Fireworks로 뚝딱하고 만드는 사진 갤러리
내 홈페이지는 여기 블로그와 사진갤러리 로 구별된다. 아무래도 사진은 티스토리로 관리하기가 불편하다.
사진 갤러리를 어떻게 만들었는지 알아보자

사진 갤러리는 제로보드4 + DQ 스킨 의 조합으로 만들었다. 
레이아웃과 이미지들을 제작하기 위해  Adobe사의 fireworks와 dreamweaver를 사용하였다.

dreameweaver는 훌륭한 웹페이지 에디터로 널리 알려져 있지만, fireworks는 의외로 많이 쓰이지 않는것 같다. 나도 이번에 처음 사용해 봤는데 아주 요긴하게 사용했다.

fireworks는 설명해놓은 책이 거의 없다.  역설적으로 그만큼 다루기 어렵지 않다. adobe사의 홈페이지에 가면 동영상 클립으로 사용법을 알려주는데 10분짜리 몇개만 보면 부족함이 없다.

dreamwever는 위지윅 에디터나 직접 code를 작성하여 기본 레이아웃을 만들고 이미지를 입히는 전통적인 웹페이지 제작방식이라면, fireworks는 처음부터 전체 레이아웃을 그림을 그리면 자동으로 코드를 생성해주는 특이한 방법을 제시한다. 좀 더 디자이너에게 친숙한 인터페이스라고 할 수 있다. 물론 요즘 웹디자이너들은 간단한 코딩은 하겠지만, fireworks는 html 몰라도 된다.


그냥 캔버스에 사각형과 글씨를 쓰고 slice tool로 버튼으로 만들고 싶은 곳을 지정하고 이 버튼을 눌렀을때 찾아갈 곳을 알려주면 알아서 웹페이지를 만든다.

디자인이 완성되었으면 export만 하면 웹페이지와 이미지를 생성해준다.

물론 fireworks만으로는 원하는 페이지를 완성하기 힘들다 동적 페이지를 만들기 위해서는 php와 같은 서버사이드 코드를 삽입해야 한다.

fileworks에서 생성한 이미지와 웹페이지를 dreamweaver에서 php코드를 추가시켜 완성하면 된다.

저작자 표시 비영리 변경 금지
신고
Write your message and submit