안녕하세요..^^
웹표준에 대해 관심 갖고 공부하고 있는 디자이너 겸 코더 인데요…^^a
검색 하던중 이곳에 들어오게 되었어요.
제가 필요했던, 궁금했던 많은 정보를 얻어갈 수 있어서 너무 좋았어요..
감사의 뜻으로 이렇게 흔적 남깁니다. (__)(^^)
앞으로 자주 올 것 같아요. ^^
민서님께, 휴~ 다행입니다. 비교적 쉬운질문을 해주셔서요^^; 어려운 질문 하실까봐 사실 조마조마 해요~ㅎㅎㅎ.
답변 1)
드림위버에서 Selector 를 지정하실 때 Class, Tag, Advanced 를 선택하게 되어있죠. th, td 는 사실 Type Selector(=Tag) 이기 때문에 원래는 Tag를 선택하셔도 되지만 th, td를 한꺼번에 그룹지어 정의하려고 하기 때문에 Advanced 를 선택하는 것입니다.(추측하신 상황이 정확히 맞습니다.) 만약 Tag 를 선택하신다면 th 따로 td 따로 두 번 정의하시거나, 또는 th 한 번만 정의하신 다음에 CSS 코드를 직접 찾아서 th 선택자에 td 를 추가로 적어주셔야 한답니다. 동일한 스타일을 적용할 것임에도 불구하고 th 와 td 를 따로 두 번 정의 하는 방법은 비효율 적이기 때문에 책에서는 한꺼번에 정의하고 있는 것이죠. 한편 Advanced 를 선택하시면 이렇게 여러개의 선택자를 한꺼번에 묶어서 정의할 수 있고 ID 와 pseudo-class 를 정의할 수 있습니다.
답변 2)
민서님께서 작성하신 코드와 책에서 제시하고 있는 코드의 렌더링 결과는 동일합니다. 다만 책에서는 대표속성을 사용하고 있습니다. 책 602~604 페이지에 보시면 대표속성에 대한 이해와 드림위버에서 대표속성을 사용하는 방법에 대하여 설명되어 있습니다. 우선 급한대로 여기서 설명드리자면 Preperences(Ctrl+U) > Category > CSS Styles > When creating CSS rules: Use shorthand for > (Font, Background, Margin and Padding, Border and border width, List-Style) 항목에 모두 체크하시면 앞으로는 대표속성으로 코딩될 것입니다.(이 설명은 604 페이지에 있는 내용이죠 ^^) 대표속성으로 코딩하는 방법은 코드 수를 줄여주며 코드의 가독성을 높여줍니다. 대표속성에 대하여 책을 읽어보시고 이해가 부족한 부분이 있다면 다시 질문해 주세요.
좋은 하루 되시구요 ^^
PS : 태그를 지원하지 않아서 제가 글을 수정해 드렸습니다. 나중에 추가로 쓰신 글들은 원하시면 지워드릴께요 ^^
그 와중에 html 을 table 안에 table 또 그 table 안에 또 table 을 넣지 않는 것이 좋다고 프로그래머가 그러더군요…
그러면서 div 테그에 대해서 말을 하고… 어떤 차이가 있을까 하고 웹에서 검색하여 여기 저기 떠돌다가 나라디자인을 방문합니다….
정찬명님의 일목요연한 정리 글과 친절한 답글까지… 읽어보고 갑니다…
저도 자주 찾아 뵐꺼 같아요… 궁금한 것들이 많아요… 경력은 쌓여가고 있으나 찬명님이 다른 분께 말씀하신 것처럼 중요치가 않으니…
그걸 유지하려면 새로운 것들 트렌드(?)라고 할까요?? 꾸준히 익혀야 되잖아요… 공부할 것들이 많아지는군요… ^^*
김정례님 반갑습니다! 저도 야근 중입니다. ㅡㅜ; 멋진 동료를 두셨네요! 얼마전까지만 해도 제가 유지보수를 담당하던 한 공공기관 웹사이트는 레이아웃을 위한 중첩 테이블을 10여겹이나 사용해서 문서를 편집하려고 열기만 하면 드림위버가 다운되는등 아주 곤란한 상황도 있었습니다. 테이블은 웹페이지의 구조에도 좋지 않지만 웹 문서 저작자에게도 좋지 않다는 거죠 ^^a 여하튼 드림위버가 말을 안듣는 바람에 메모장으로 손코딩하느라고 아주 혼난 기억이 나네요. 부족하나마 많은 도움이 된다면 좋겠구요. 웹 표준이나 접근성에 관련된 고민거리가 있으시면 언제든 환영입니다.^^
안녕하세요? 네이버블로그에서 web 2.0에 대한 좋은 자료 접하고
이리로 넘어왔습니다
저는 웹디자이너입니다.
프리로1년정도 일했고 조그만한 웹에이전시에서 일한지 6개월 정도밖에 안되었고 회사에서 임금이 나오질 않아 다른 곳에 지원하면 경력이 모자른다고 퇴자맞기 일수 입니다.
하여 지금 가지고 있는 기술에서 좀더 일보전진하고 싶은 생각에
웹2.0을 공부하고자 에이콘에서 나온 책까지 샀거든요.
그런데 어디서부터 손을 대야할지 모르겠습니다.
저는 무작정 노란책부터 연습으로 하고 있는데
또 저희 동료는 xhtml은 결국 xml이니 xml을 공부하는 게 낫다고 하고
뭐가뭔지 맥이 잡히질 않아서 여쭙니다.
어떻게 무엇부터 시작해야할까요?
막연한 질문일 수도 있는데 꼭 도움 얻고 싶습니다.
어떻게든 저는 이바닥에서 살아남고 싶습니다. 경력으로 딸린다고 임금도 안주는 곳에서 마냥 앉아 있을 수 만은 없거든요.
앞서가시는 분으로 도움꼭 부탁드립니다.
감사합니다.
pompon님 반갑습니다. 아직경력을 증명할만한 이력이 쌓이지 않아서 어려움을 격고 계시는군요. 누구나 처음에는 그렇게 시작하는것 같습니다. 저도 그랬고 제가 아는 누구나도 그렇습니다. 하지만 웹 디자이너라는 직업은 포트폴리오가 전부라고 해도 과언이 아닐만큼 다른 경력은 중요하게 생각되지 않는 직업중 하나라고 생각합니다. 저도 직장에서 웹 디자이너 후임을 채용하는 면접에 참여한적이 몇번 있었지만 가장 최근 1~2년의 경력과 포트폴리오를 가장 먼저 보고 중요하게 생각합니다. 오랜 경력이 그사람의 실력과 상관관계가 없는 경우도 많기에 최근 1~2년의 경력만 중요하게 생각하는 것입니다.
프리렌서로 일하시면서 그리고 비록 임금은 받지 못했지만 6개월간 일하시면서 쌓은 포트폴리오를 최대한 활용하세요. 그리고 웹 디자인은 상호작용하는 문서를 만드는 일이기 때문에 그래픽 퀄러티에 못지않게 (X)HTML이나 CSS에 유난히 관심을 가지게 되신것은 당연하고 바람직하다고 생각됩니다. 그리고 웹 표준 퍼블리싱 능력 또한 pompon님의 경쟁력이 될 수 있습니다. 웹 표준에 대하여 혼자 스터디 할 수 있는 자료를 소개해 드립니다. http://naradesign.net/wp/2006/12/18/103/ 몇 권의 책을 소개 하고 있습니다. 그리고 http://standardmag.org/ 라는 커뮤니티 활동에도 관심을 가져 보세요. 저 이외에도 pompon님과 같은 생각을 하고 있거나 도움을 받을 수 있는 전문가들이 많습니다.
그리고 어떤 일을 시작하기에 가장 중요한 것은 바로 동기라고 생각합니다. 단지 살아남기 위해서 어떤 일을 하는 것은 살아남을 만한 정도의 실력만 갖출 수 있을 뿐이라고 생각합니다. 일을 즐기면서 지속적으로 할 수 있을만한 모티브를 스스로 찾아내서 목표로 삼아보시기 바랍니다. 타인과의 경쟁보다 내 자신과 경쟁하고 일을 놀이처럼 생각할 수 있을만한 동기가 있다면, 그리고 그것을 수십년간 지속시킬 수 있는 열정이 확보된다면 어느덧 꿈에 한걸음 다가서 있는 스스로를 발견할 수 있다고 생각합니다. 힘내세요!
nmind님, 저도 그런 경험이 있는데요. 아마 설치파일중에 어떤 파일이 삭제되서 그런것 같습니다. 저는 레지스트리 청소기를 한번 잘못 돌린 이후로 그런 증상이 나타나서 완전히 삭제하고 다시 설치를 했습니다. 이런 경우는 아마 Adobe에 문의를 하셔도 다시 설치하라는 말 밖에 들으실 수 없을껍니다.ㅡㅡ; 다만, 다시 설치하시기 전에 사이트관리 대화상자를 이용해서 사이트 ‘내보내기’ 기능을 먼저 수행하시면 예전의 사이트 설정을 다시 ‘불러오기’ 하여 사용할 수 있게 됩니다.
만약 등록된 사이트가 10개라면 ‘내보내기’를 10번 수행하셔야 합니다. 그건 좀 불편하죠 ^^;
안녕하세요..^^
웹표준에 대해 관심 갖고 공부하고 있는 디자이너 겸 코더 인데요…^^a
검색 하던중 이곳에 들어오게 되었어요.
제가 필요했던, 궁금했던 많은 정보를 얻어갈 수 있어서 너무 좋았어요..
감사의 뜻으로 이렇게 흔적 남깁니다. (__)(^^)
앞으로 자주 올 것 같아요. ^^
김안주님, 반갑습니다^^; 흔적 남겨주셔서 감사합니다! 보람 만땅~ 기분좋네요^^
안녕하세요!
맛집 처럼 사람이 붐벼서 제가 들어갈 틈이 없네요 ㅎㅎ
저두 질문이 있어서 왔어요 ㅎ.ㅎ;;
div 박스를 브라우져 크기 상관없이 수직, 수평 가운데 정렬을 하고 싶거든요.
div 박스안에 div를 만들면 답이 아닌것 같구요.
좋은 방법을 지도 받고 싶습니다 (__)
잘부탁드립니다 꾸벅 (__ );;
box의 width와 height값이 px으로 고정된 상태라면 그것이 가능 합니다. 하지만 box의 너비와 높이가 유동적인 값이라면 수직 수평 정렬은 불가능 하게 됩니다. box의 너비와 높이가 고정된 경우라면 다시 코멘트 주세요. 예제코드를 보여드리겠습니다.
자세한 답변 감사합니다..^^
앞부분을 건너뛰고 보다보니..
모르는거 있음 또 올게요~~휘리릭))))))))))))))))))))))))
아..3번질문은 취소여~ㅎ..이런 바보같은 질문을..-_-
3.640페이지에서 레이아웃용 div 잡을때 손코딩으로 잡아줘야 하나요?
드림위버에서 넣는 방법이 있는지요?
아..괄호가 없어져 버리넹..
1번 질문 다시요.
1. [New CSS Rule]-Tag와 Advanced의 차이는 뭔가요?
th,td 를 한꺼번에 정의할때 Tag를 쓰면 안되는건가요?그룹이기 때문?
안녕하세요,,책보다 질문이 있어서요..^^
633페이지에서요.
1. [New CSS Rule]-Tag와 Advanced의 차이는 뭔가요?
th, td를 한꺼번에 정의할때 Tag를 쓰면 안되는건가요?그룹이기 때문?
2. 책대로 따라하다 보니 CSS가 요렇게 나오는데요.
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
책에는
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
요렇게 나와있는데 말이져..왜 그런건가요?
다시 정리를 해줘야 하는건지..알려주세염..
민서님께, 휴~ 다행입니다. 비교적 쉬운질문을 해주셔서요^^; 어려운 질문 하실까봐 사실 조마조마 해요~ㅎㅎㅎ.
답변 1)
드림위버에서 Selector 를 지정하실 때 Class, Tag, Advanced 를 선택하게 되어있죠. th, td 는 사실 Type Selector(=Tag) 이기 때문에 원래는 Tag를 선택하셔도 되지만 th, td를 한꺼번에 그룹지어 정의하려고 하기 때문에 Advanced 를 선택하는 것입니다.(추측하신 상황이 정확히 맞습니다.) 만약 Tag 를 선택하신다면 th 따로 td 따로 두 번 정의하시거나, 또는 th 한 번만 정의하신 다음에 CSS 코드를 직접 찾아서 th 선택자에 td 를 추가로 적어주셔야 한답니다. 동일한 스타일을 적용할 것임에도 불구하고 th 와 td 를 따로 두 번 정의 하는 방법은 비효율 적이기 때문에 책에서는 한꺼번에 정의하고 있는 것이죠. 한편 Advanced 를 선택하시면 이렇게 여러개의 선택자를 한꺼번에 묶어서 정의할 수 있고 ID 와 pseudo-class 를 정의할 수 있습니다.
답변 2)
민서님께서 작성하신 코드와 책에서 제시하고 있는 코드의 렌더링 결과는 동일합니다. 다만 책에서는 대표속성을 사용하고 있습니다. 책 602~604 페이지에 보시면 대표속성에 대한 이해와 드림위버에서 대표속성을 사용하는 방법에 대하여 설명되어 있습니다. 우선 급한대로 여기서 설명드리자면 Preperences(Ctrl+U) > Category > CSS Styles > When creating CSS rules: Use shorthand for > (Font, Background, Margin and Padding, Border and border width, List-Style) 항목에 모두 체크하시면 앞으로는 대표속성으로 코딩될 것입니다.(이 설명은 604 페이지에 있는 내용이죠 ^^) 대표속성으로 코딩하는 방법은 코드 수를 줄여주며 코드의 가독성을 높여줍니다. 대표속성에 대하여 책을 읽어보시고 이해가 부족한 부분이 있다면 다시 질문해 주세요.
좋은 하루 되시구요 ^^
PS : 태그를 지원하지 않아서 제가 글을 수정해 드렸습니다. 나중에 추가로 쓰신 글들은 원하시면 지워드릴께요 ^^
안녕하세요…
오늘도 야근 중입니다…
그 와중에 html 을 table 안에 table 또 그 table 안에 또 table 을 넣지 않는 것이 좋다고 프로그래머가 그러더군요…
그러면서 div 테그에 대해서 말을 하고… 어떤 차이가 있을까 하고 웹에서 검색하여 여기 저기 떠돌다가 나라디자인을 방문합니다….
정찬명님의 일목요연한 정리 글과 친절한 답글까지… 읽어보고 갑니다…
저도 자주 찾아 뵐꺼 같아요… 궁금한 것들이 많아요… 경력은 쌓여가고 있으나 찬명님이 다른 분께 말씀하신 것처럼 중요치가 않으니…
그걸 유지하려면 새로운 것들 트렌드(?)라고 할까요?? 꾸준히 익혀야 되잖아요… 공부할 것들이 많아지는군요… ^^*
김정례님 반갑습니다! 저도 야근 중입니다. ㅡㅜ; 멋진 동료를 두셨네요! 얼마전까지만 해도 제가 유지보수를 담당하던 한 공공기관 웹사이트는 레이아웃을 위한 중첩 테이블을 10여겹이나 사용해서 문서를 편집하려고 열기만 하면 드림위버가 다운되는등 아주 곤란한 상황도 있었습니다. 테이블은 웹페이지의 구조에도 좋지 않지만 웹 문서 저작자에게도 좋지 않다는 거죠 ^^a 여하튼 드림위버가 말을 안듣는 바람에 메모장으로 손코딩하느라고 아주 혼난 기억이 나네요. 부족하나마 많은 도움이 된다면 좋겠구요. 웹 표준이나 접근성에 관련된 고민거리가 있으시면 언제든 환영입니다.^^
안녕하세요? 네이버블로그에서 web 2.0에 대한 좋은 자료 접하고
이리로 넘어왔습니다
저는 웹디자이너입니다.
프리로1년정도 일했고 조그만한 웹에이전시에서 일한지 6개월 정도밖에 안되었고 회사에서 임금이 나오질 않아 다른 곳에 지원하면 경력이 모자른다고 퇴자맞기 일수 입니다.
하여 지금 가지고 있는 기술에서 좀더 일보전진하고 싶은 생각에
웹2.0을 공부하고자 에이콘에서 나온 책까지 샀거든요.
그런데 어디서부터 손을 대야할지 모르겠습니다.
저는 무작정 노란책부터 연습으로 하고 있는데
또 저희 동료는 xhtml은 결국 xml이니 xml을 공부하는 게 낫다고 하고
뭐가뭔지 맥이 잡히질 않아서 여쭙니다.
어떻게 무엇부터 시작해야할까요?
막연한 질문일 수도 있는데 꼭 도움 얻고 싶습니다.
어떻게든 저는 이바닥에서 살아남고 싶습니다. 경력으로 딸린다고 임금도 안주는 곳에서 마냥 앉아 있을 수 만은 없거든요.
앞서가시는 분으로 도움꼭 부탁드립니다.
감사합니다.
pompon님 반갑습니다. 아직경력을 증명할만한 이력이 쌓이지 않아서 어려움을 격고 계시는군요. 누구나 처음에는 그렇게 시작하는것 같습니다. 저도 그랬고 제가 아는 누구나도 그렇습니다. 하지만 웹 디자이너라는 직업은 포트폴리오가 전부라고 해도 과언이 아닐만큼 다른 경력은 중요하게 생각되지 않는 직업중 하나라고 생각합니다. 저도 직장에서 웹 디자이너 후임을 채용하는 면접에 참여한적이 몇번 있었지만 가장 최근 1~2년의 경력과 포트폴리오를 가장 먼저 보고 중요하게 생각합니다. 오랜 경력이 그사람의 실력과 상관관계가 없는 경우도 많기에 최근 1~2년의 경력만 중요하게 생각하는 것입니다.
프리렌서로 일하시면서 그리고 비록 임금은 받지 못했지만 6개월간 일하시면서 쌓은 포트폴리오를 최대한 활용하세요. 그리고 웹 디자인은 상호작용하는 문서를 만드는 일이기 때문에 그래픽 퀄러티에 못지않게 (X)HTML이나 CSS에 유난히 관심을 가지게 되신것은 당연하고 바람직하다고 생각됩니다. 그리고 웹 표준 퍼블리싱 능력 또한 pompon님의 경쟁력이 될 수 있습니다. 웹 표준에 대하여 혼자 스터디 할 수 있는 자료를 소개해 드립니다. http://naradesign.net/wp/2006/12/18/103/ 몇 권의 책을 소개 하고 있습니다. 그리고 http://standardmag.org/ 라는 커뮤니티 활동에도 관심을 가져 보세요. 저 이외에도 pompon님과 같은 생각을 하고 있거나 도움을 받을 수 있는 전문가들이 많습니다.
그리고 어떤 일을 시작하기에 가장 중요한 것은 바로 동기라고 생각합니다. 단지 살아남기 위해서 어떤 일을 하는 것은 살아남을 만한 정도의 실력만 갖출 수 있을 뿐이라고 생각합니다. 일을 즐기면서 지속적으로 할 수 있을만한 모티브를 스스로 찾아내서 목표로 삼아보시기 바랍니다. 타인과의 경쟁보다 내 자신과 경쟁하고 일을 놀이처럼 생각할 수 있을만한 동기가 있다면, 그리고 그것을 수십년간 지속시킬 수 있는 열정이 확보된다면 어느덧 꿈에 한걸음 다가서 있는 스스로를 발견할 수 있다고 생각합니다. 힘내세요!
PS : 못받은 월급은 저도 소 한마리값 정도 됩니다. ㅡㅜ;
답글감사해요..
앞으로 자주 놀러오겠습니다.
^0^;
찬명님 질문이 있습니다.
드림위버8에서 리모트 정보와 테스트 서버 주소를 입력해서 사용중인데 프로그램만 끄면 저장해논 아이디와 패스워드가 없어져 버리는데 무슨 좋은 방법이 없을까요?
nmind님, 저도 그런 경험이 있는데요. 아마 설치파일중에 어떤 파일이 삭제되서 그런것 같습니다. 저는 레지스트리 청소기를 한번 잘못 돌린 이후로 그런 증상이 나타나서 완전히 삭제하고 다시 설치를 했습니다. 이런 경우는 아마 Adobe에 문의를 하셔도 다시 설치하라는 말 밖에 들으실 수 없을껍니다.ㅡㅡ; 다만, 다시 설치하시기 전에 사이트관리 대화상자를 이용해서 사이트 ‘내보내기’ 기능을 먼저 수행하시면 예전의 사이트 설정을 다시 ‘불러오기’ 하여 사용할 수 있게 됩니다.
만약 등록된 사이트가 10개라면 ‘내보내기’를 10번 수행하셔야 합니다. 그건 좀 불편하죠 ^^;