Elfsight YouTube Gallery
Dammmmm~

jQuery 기반으로 만든 웹사이트 위젯. 그 중에 유투브 갤러리와 인스타그램 피드는 매우 훌륭




2주동안 하루에 14시간씩 작업하며 드디어 회사 홈페이지의 소소한 업그레이드를 마쳤다.(대략 30페이지 정도인데 토하는 줄)

까페24 쇼핑몰의 "쇼핑몰 디자인 수정"으로 들어가면 웹상에서 쇼핑몰의 스킨을 수정할 수 있도록 웹브라우져에서 실행되는 웹에디터를 제공하는데, 기본적으로 까페24 쇼핑몰의 자체 문법을 사용하고 있기 때문에 드림위버와 같은 HTML 에디터로 수정이 불가능하다. (HTML과 CSS를 전혀 모르는데 쇼핑몰을 구축하고 싶어하는 사람들을 위한 자체 문법이지만, 웹디자이너를 위한 환경도 지원해줬으면 좋겠다)

그래서 까페24가 자체 제공해주는 웹에디터로 작업을 해야 하는데, 이게 드림위버 같은 웹에디터에 비해 작업 소요 시간이 정말 오래 걸린다. 특히나 CSS를 수정할 때는 더더욱 그렇다. 혹시나 까페24 솔루션을 이용해서 쇼핑몰을 운영하고 있고 수정을 하고 싶은 분들을 위해서 좋은 프로그램 하나를 소개하려고 하는데 Espresso라는 CSS 에디터이다.




까페24 쇼핑몰은 디자인 수정이 진짜 진짜 너무 거지같다. 현재 사용하는 서비스 중 네이버 블로그 스킨와 함께 최악!!
네이티브 HTML, CSS를 지원하지 않고 자체 문법을 사용하는 웹서비스들은 정말...답이 없다. 요즘 웹퍼블리싱 앱들이 얼마나 잘 나오는데 이거를 웹에서만 수정 가능하도록 해놔서 작업시간을 2~3배 걸리게 만들어놨냐. 드림위버랑도 연동이 안되게 해놨으니...;;

덕분에 야근 -_-v



이번에 처음으로 Adobe MUSE(뮤즈)를 사용해봤는데, 다른 것보다 가장 편했던 점은 포토샵과 연동이 매우 뛰어나다는 점이다. 포토샵에서 시안파일 만들 때 레이어만 정리를 잘 해두면 뮤즈에서 작업시 정말 빠르게 웹사이트 작업이 가능하다.

PSD 파일의 레이어들을 뮤즈로 불러오는 방법에 대한 설명은 여기 링크를 참고하면 된다.



이제까지 웹디자인 작업할 때 퍼블리싱은 항상 어도비 드림위버를 사용했었는데, 처음으로 어도비 뮤즈(MUSE)를 사용해봤다. 몇가지 사용법 동영상만 보고 바로 작업하는데 무리없고 포토샵과 드림위버로 작업을 해본 사람이라면 전혀 어려울 것이 없는데다 작업 시간이 엄청 줄일 수 있는게 장점.

특별히 CSS에 특별한 소스를 추가해야 하는 것이 아니라면 HTML과 CSS 신경쓰지 않고 그냥 뚝딱뚝딱하면 결과물이 촥촥촥 나온다. PHP나 ASP와의 연동이 필요하다면 뮤즈에서 모두 다 처리할 수는 없고, 나중에 드림위버로 추가작업을 해줘야겠지만, 단순 HTML+CSS 웹사이트라면 강추하는 웹디자인 프로그램!


  1. del reply

    비밀댓글입니다

    2016.04.17 04:22
    • 웹디자인을 전문으로 하는 사람은 아닙니다. ^^
      뮤즈 체험판으로 웹사이트를 제작해서 FPT로 웹호스팅에 올렸다면 올리진 사이트는 체험판 사용이 종료되어도 전혀 영향을 받지 않습니다.

      다만, 뮤즈는 사이트 제작시에 muse라는 확장자를 가진 파일이 생성되고 그 안에 모든 내용과 정보가 담기게 됩니다. 체험판 사용기간이 종료되면 파일을 열어서 수정할 수 없게 되니 이부분만 알고 있으면 될 것 같습니다.

      물론 FTP에 올려진 html과 css, js 파일들을 다운 받아서 수정할 수는 있습니다.

      BlogIcon zook 2016.04.18 13:14 신고 del


드디어 오픈했다. 휴... 아직 미완성이지만 일단 오픈하고 보기
  1. BlogIcon thinkfish del reply

    홈페이지까지 못하시는게 뭔가요 ^^

    2009.05.29 09:29
  2. BlogIcon mono del reply

    오? 오픈?
    데이터베이스 새거죠?
    제 점수는요?-ㅁ-???
    일단 가봐야겠다.

    2009.06.02 07:03


Adobe - CSS Advisor beta
Design. 2007.04.24 15:04

사용자 삽입 이미지
어도비에서 디자이너를 위한 또 하나의 레퍼런스 서비스로 CSS Advisor를 오픈하였군요. 컬러 레퍼런스 서비스인 kuler에 이은 레퍼런스 시리즈인 것 같습니다. 아직은 베타지만 어느정도 시간이 지나고 데이타베이스가 구축이 되면 괜찮은 서비스로 자리매김 할 것 같습니다. CSS에 대한 문제를 브라우져 별로 카테고리를 나눈 것도 꽤나 도움이 되겠군요. 드림위버 팀에서 관리를 한다는데 kuler와 일러스트 CS3이 연동되듯이 css advisor와 드림위버 CS3이 연동된다면 좋겠네요.


하지만 전 CSS 드림위버에서 못 해먹겠습니다. CSSEdit이 훨씬 좋아요. -_-b

Adobe CSS Advisor
  1. BlogIcon mono del reply

    전 css자체를 못해먹겠습니다 html이 훨씬 좋아요. -_-乃

    쿨럭......웹을 너무 오래 놓았더니.....ㅡ.ㅜ

    2007.04.25 11:58
  2. BlogIcon 강자이너 del reply

    CSS 정말 탐나기는 하지만 어렵긴 어렵네요;;
    알아야 되는 건 많고 머리는 안되고-_ㅜ

    2007.04.26 03:20


사용자 삽입 이미지
예전부터 해야지 해야지 생각만 하고 하지 못한 것 중에 하나가 작업한 웹디자인 시안 파일을 공개하는 것이었는데, 이제서야 실행에 옮깁니다. 뭐 그리 대단한 작업물들은 아니지만 공부하면서 열심히 만들었던 것들입니다. 전문적인 분들에게는 도움이 얼마나 될지는 모르겠지만 현재 웹디자인을 공부하는 분들에게 조금이나마 도움이 될 것 같아 무료로 웹디자인 시안파일을 공개해드립니다.

이번에 올리는 시안은 운동화 쇼핑몰 웹사이트 시안입니다. 쇼핑몰에서 물건의 사진들, 공지사항, 자체 배너등이 어떤식으로 배치되는지, 메뉴가 전체 레이아웃에 방해되지 않기 위해서 얼마나 적당한 사이즈를 유지하는지, 시선을 집중시키는 텍스트의 흐름과 색상조합 등은 전혀 보지 마시고...;; 그냥 쇼핑몰 사이트는 이렇게 생겼구나 하고 넘어가시면 됩니다. -_-;;


절대로 상업적인 용도로 사용하지 마세요

  1. BlogIcon ccachil del reply

    대단하셔요~ 무료로 시안도 공개하시고요... 실력이 부럽습니다.
    워낙 웹쪽으론 잼뱅이라..ㅎㅎ

    2007.04.23 23:49
  2. BlogIcon atukunare del reply

    다운받고 있습니다. 온라인쇼핑몰을 운영중인데, 참고를 좀 하겠습니다. 감사합니다 ^_^;

    2007.04.30 19:14


테이블 자르기
Design. 2007.04.02 12:56

사용자 삽입 이미지
오랫만에 하는 작업이라 손도 억수로 느리고
레이아웃 잡을려니 너무너무 귀찮군요.
아...내가 왜 테두리를 만들어서 고생일까... ㅜ.,ㅜ
  1. BlogIcon Byeongseon del reply

    허억~ 핸드폰 대단하십나다~ -0-;

    2007.04.02 17:57
  2. BlogIcon ggacsital del reply

    어떤 작업인지 궁금하게 만드시는군요~
    레터링과 컬러링도 직접하셨나요? 왠지 굉장히 섬세한 작업일듯...ㅋ
    이것만봐도 저는 손이 떨리는게....음...

    2007.04.18 18:14
    • 여기였군요~
      멋집니다
      혹시 홈페이지를 만드시는 일을 하시나요?

      BlogIcon ggacsital 2007.04.19 09:40 del


쌈지 홈페이지
Design. 2006.07.21 18:36

http://www.ssamzie.co.kr
  1. ggacsital del reply

    역시 쌈지답네요... 근데 좀 부담스럽당...

    2006.07.24 08:45


prev page next page
1 2