어느정도 수련을 쌓으면 이렇게 만들 수 있을까요? (xe를 쓸 줄 모르는 초보 웹디자이너 기준)
음.. 진지하게 대답 부탁드려요..^ ^
우와~ 이 게시물에 총 7개의 댓글이 달려있어요 ^^
웹웹웹
감사합니다~~~~!
이장
hika1님이 제작하신 에드온이 있습니다. http://www.xpressengine.com/index.php?mid=download&category_srl=&search_keyword=%EC%9B%B9%ED%8F%B0%ED%8A%B8&package_srl=19555878 위 주소 들어가보세요.. 앞으로나 뒤로나 병맛골 많이 찾아주세요
웹웹웹
바쁘실텐데 너무너무 감사합니다. 뭔가 기프티콘이라도 보내드리고 싶은 심정이네요.. 마..마지막으로 하나만 더 여쭤볼께요^^ 텍스트를 이미지로 만드는것 말구요 게시판 리스트나 여러 화면에서 사이트 전체적으로 특정 폰트를 사용하고 싶다면 어떻게 해야 하나요? xe에서 설정하는 곳이 있나요? 그러니까 기본적으로 사용자 os에 설치된 글꼴말고 다른폰트로요..
이장
[웹표준 추천블로그] 나라디자인 블로그 http://naradesign.net/wp/category/webstandard/
[웹표준 추천책] 실용예제로보는 웹표준 http://www.yes24.com/24/goods/1522512?scode=032&OzSrank=1 웹 2.0을 이끄는 방탄웹 http://www.yes24.com/24/goods/3280568?scode=032&OzSrank=1 CSS 마스터 전략 http://www.yes24.com/24/goods/2306350?scode=032&OzSrank=1 이렇게 보시면 될것 같구요.. (윤석찬님 블로그 추천책입니다)
테이블은 말그대로 표 잖아요. 웹표준에서는 단어 그대로 표를 나타낼때만 쓰는게 올바른 사용입니다.. div를 사용하여 css를 분리하는게 유지보수측면에서 보더라도 얼마나 효율적이고 편리한지 아실거에요.. 문제가 있다면.. 웹표준이 아닌 브라우저(특히 익스6)로 사이트를 열면 의도치 않게 레이아웃이 깨지는 현상이 문제인데요.. 이런건 꼼수(hack)를 써서 해결해야한답니다.. 상당히 골치아픈 작업이죠.. 이 역시 검색해보면 해결책은 다 있으니 일단 웹표준브라우저(파이어폭스,크롬,오페라등)로 작업하시고 크로스브라우징작업은 나중에 하시면 될 것 같습니다..
xe로 만든 사이트뿐만 아니라 기본적으로 사용자 os에 설치된 글꼴을 기본글꼴로 사용하기 때문에 글꼴이 다 똑같은 거구요.. 나눔고딕이나 기타 웹폰트도 충분히 사용 가능합니다.
갑자기 생각난건데 질문하신 내용이 현재 메뉴등에 사용되는 폰트가 기본폰트라는 말씀이신거죠? 그 역시 텍스트를 이미지화 하여 얼마든지 자신이 원하는 폰트로 커스터마이징 가능합니다
웹웹웹
이렇게 성의있게 대답해주시다니.. 감사합니다~^ ^ 그런데 웹표준은 어디서 뭘 보고 공부하는게 좋을까요..? 저는 일단 그냥 xe 메뉴얼에 있는 일반사이트 만들어보기 부분을 따라해 보려고 했는데요.. 그전에 웹표준을 공부하는게 좋은거네요? 웹표준이나 xe 레이아웃 만드실때 참고하셨던 사이트나.. 책이나 추천해주실 수 있을까용?
전 구식이라 그런지.. 테이블 없이 문서를 만드는게 좀 상상이 안가지만.. 공부해야 겠지요.
아 그리구요.. xe로 만든 사이트들 보면 글씨가 다 똑같잖아요? 그런데 원하는 폰트로 바꿀 수 있나요? 네이버 나눔고딕같은걸로요.
이장
처음에 zb4를 사용해서 웹을 만들었는데요 zb4가 서서히 사라지고 xe가 등장하자 겁부터났던게 사실 입니다. 기존의 zb4는 table로 레이아웃을 코딩하여 별 문제없이 진행이 가능하였으나 xe는 웹표준을 준수한다하여 컨텐츠와 디자인의 분리, 크로스브라우징, 문서의구조화등 웹표준에 대해 아무런 지식이 없던 저로써는 시도조차 할 수 없는 부분이었죠
저같은 경우에 일단 웹표준에 대해 먼저 공부를 하였습니다.이 웹표준이라는게 만만치만은 않더라구요. 특히 개념잡기가 어려웠습니다. 아직도 미흡하지만 그런부분을 채워보고자 웹표준을 준수한 웹을 보며 배워나가고 있습니다.
어느정도 개념이 잡힌 후 xe로 가장 먼저 한 일이 표준코딩으로 layout을 만드는 것 이었습니다. ul ol li , h1~h6 , div, class 등등.. 기존에 한번도 사용해본적없는 것들을 하려다보니 어려움이 따랐지만 하다보니 각 엘리멘트들이 가지고 있는 특성을 파악하게 되었고 서서히 원하는 모양을 갖출 수 있게 되었습니다. 개인차가 있겠지만 하다보면 자연스럽게 녹아들고 table코딩보다 훠~얼씬 편하더라구요. layout을 갖추고나서 xe의 훌륭한 addon, widget 등을 활용하여 처음 layout을 만들었을때와 동일한 방법으로 원하는 모양을 갖추게 되었습니다.
병맛골같은 경우 디자인과 퍼블리싱기간이 1달 정도 걸렸습니다. 물론, 기회단계는 생략한 기간입니다.(병맛골은 애초에 기획이라는게 없었습니다)
분명히 개인차가 있고 병맛골이 잘 만들어진 웹은 아니지만 xe와 웹표준에대해 개념이 잡혔을때를 기준으로 질문하신 내용에 답을 하자면 한달안에도 충분히 가능하다 입니다. 아니 더 짧은기간이 될 수도 있겠죠..
xe자체가 훌륭한 도구이기 때문에 굳이 겁먹지 않으셔도 될 것같습니다. 일단 심플한 레이아웃하나 짜보시면 감이 잡히실거에요. 뭐든 처음이 어렵잖아요. 하다보면 xe매력에 푹 빠지실겁니다
이장
안녕하세요 웹웹웹님 병맛골 이장입니다. 질문하신 내용에 답할만한 수준은 아니지만 그래도 조금이나마 도움이 됐으면 하는 바램에서 한마디 적어보겠습니다.
http://www.xpressengine.com/index.php?mid=download&category_srl=&search_keyword=%EC%9B%B9%ED%8F%B0%ED%8A%B8&package_srl=19555878
위 주소 들어가보세요..
앞으로나 뒤로나 병맛골 많이 찾아주세요
텍스트를 이미지로 만드는것 말구요 게시판 리스트나 여러 화면에서 사이트 전체적으로 특정 폰트를 사용하고 싶다면 어떻게 해야 하나요? xe에서 설정하는 곳이 있나요? 그러니까 기본적으로 사용자 os에 설치된 글꼴말고 다른폰트로요..
[웹표준 추천책]
실용예제로보는 웹표준
http://www.yes24.com/24/goods/1522512?scode=032&OzSrank=1
웹 2.0을 이끄는 방탄웹
http://www.yes24.com/24/goods/3280568?scode=032&OzSrank=1
CSS 마스터 전략
http://www.yes24.com/24/goods/2306350?scode=032&OzSrank=1
이렇게 보시면 될것 같구요.. (윤석찬님 블로그 추천책입니다)
테이블은 말그대로 표 잖아요. 웹표준에서는 단어 그대로 표를 나타낼때만 쓰는게 올바른 사용입니다..
div를 사용하여 css를 분리하는게 유지보수측면에서 보더라도 얼마나 효율적이고 편리한지 아실거에요..
문제가 있다면.. 웹표준이 아닌 브라우저(특히 익스6)로 사이트를 열면 의도치 않게 레이아웃이 깨지는 현상이 문제인데요.. 이런건 꼼수(hack)를 써서 해결해야한답니다.. 상당히 골치아픈 작업이죠.. 이 역시 검색해보면 해결책은 다 있으니 일단 웹표준브라우저(파이어폭스,크롬,오페라등)로 작업하시고 크로스브라우징작업은 나중에 하시면 될 것 같습니다..
xe로 만든 사이트뿐만 아니라 기본적으로 사용자 os에 설치된 글꼴을 기본글꼴로 사용하기 때문에 글꼴이 다 똑같은 거구요..
나눔고딕이나 기타 웹폰트도 충분히 사용 가능합니다.
갑자기 생각난건데 질문하신 내용이 현재 메뉴등에 사용되는 폰트가 기본폰트라는 말씀이신거죠? 그 역시 텍스트를 이미지화 하여 얼마든지 자신이 원하는 폰트로 커스터마이징 가능합니다
그런데 웹표준은 어디서 뭘 보고 공부하는게 좋을까요..?
저는 일단 그냥 xe 메뉴얼에 있는 일반사이트 만들어보기 부분을 따라해 보려고 했는데요.. 그전에 웹표준을 공부하는게 좋은거네요?
웹표준이나 xe 레이아웃 만드실때 참고하셨던 사이트나.. 책이나 추천해주실 수 있을까용?
전 구식이라 그런지.. 테이블 없이 문서를 만드는게 좀 상상이 안가지만.. 공부해야 겠지요.
아 그리구요.. xe로 만든 사이트들 보면 글씨가 다 똑같잖아요?
그런데 원하는 폰트로 바꿀 수 있나요? 네이버 나눔고딕같은걸로요.
기존의 zb4는 table로 레이아웃을 코딩하여 별 문제없이 진행이 가능하였으나 xe는 웹표준을 준수한다하여 컨텐츠와 디자인의 분리, 크로스브라우징, 문서의구조화등 웹표준에 대해 아무런 지식이 없던 저로써는 시도조차 할 수 없는 부분이었죠
저같은 경우에 일단 웹표준에 대해 먼저 공부를 하였습니다.이 웹표준이라는게 만만치만은 않더라구요. 특히 개념잡기가 어려웠습니다. 아직도 미흡하지만 그런부분을 채워보고자 웹표준을 준수한 웹을 보며 배워나가고 있습니다.
어느정도 개념이 잡힌 후 xe로 가장 먼저 한 일이 표준코딩으로 layout을 만드는 것 이었습니다.
ul ol li , h1~h6 , div, class 등등..
기존에 한번도 사용해본적없는 것들을 하려다보니 어려움이 따랐지만 하다보니 각 엘리멘트들이 가지고 있는 특성을 파악하게 되었고 서서히 원하는 모양을 갖출 수 있게 되었습니다.
개인차가 있겠지만 하다보면 자연스럽게 녹아들고 table코딩보다 훠~얼씬 편하더라구요.
layout을 갖추고나서 xe의 훌륭한 addon, widget 등을 활용하여 처음 layout을 만들었을때와 동일한 방법으로 원하는 모양을 갖추게 되었습니다.
병맛골같은 경우 디자인과 퍼블리싱기간이 1달 정도 걸렸습니다.
물론, 기회단계는 생략한 기간입니다.(병맛골은 애초에 기획이라는게 없었습니다)
분명히 개인차가 있고 병맛골이 잘 만들어진 웹은 아니지만 xe와 웹표준에대해 개념이 잡혔을때를 기준으로 질문하신 내용에 답을 하자면 한달안에도 충분히 가능하다 입니다.
아니 더 짧은기간이 될 수도 있겠죠..
xe자체가 훌륭한 도구이기 때문에 굳이 겁먹지 않으셔도 될 것같습니다. 일단 심플한 레이아웃하나 짜보시면 감이 잡히실거에요. 뭐든 처음이 어렵잖아요. 하다보면 xe매력에 푹 빠지실겁니다
질문하신 내용에 답할만한 수준은 아니지만 그래도 조금이나마 도움이 됐으면 하는 바램에서 한마디 적어보겠습니다.