'분류 전체보기' 카테고리의 글 목록 (31 Page)

분류 전체보기

웹표준을 지키면 멋없고 딱딱한 웹페이지밖에 만들지 못한다??!! 2009.08.12
HTML 기초(작업중) 2009.08.11
CSS, 웹표준 관련 사이트 2009.08.11
[Book]실용예제로 배우는 웹 표준 2009.08.11
[Book]고급 웹 표준 사이트 제작을 위한, CSS 마스터 전략 2009.08.11
[Link Site] XML과 관련된 참고 사이트 입니다. 2009.08.11
[Link Site] XHTML과 관련된 참고 사이트 입니다. 2009.08.11

웹표준을 지키면 멋없고 딱딱한 웹페이지밖에 만들지 못한다??!!

즐거운 예언자 2009. 8. 12. 15:45

2009. 8. 12. 15:45

웹표준을 '멋없고 딱딱한 웹 페이지밖에 만들지 못하는 것은 아닐까'라고 오해하는 사람도 있습니다.

스포츠에는 엄격한 규칙이 있지만 스포츠가 '창조적이지 않다'라는 의견을 들어본 적이 없습니다.

이처럼 바른 규칙에 근거하여 웹을 제작하는 것은 창조력에 해를 끼치지 않습니다.

- 웹표준 교과서 머릿말 중에서(마시코 타카히로)

사실, 웹표준을 지키면 딱딱하고 멋없는 홈페이지가 되는것 아니냐는 질문을 많이 받습니다.

아니라고 이야기 하면서, 이 질문에 대한 적절한 비유를 찾아 보지만 그동안 찾지 못했는데,

오늘 신입사원이 읽고 있던 이 책에서 답을 찾았네요...

앞으로는 가끔 이 비유를 써먹게 될 것 같습니다 ^^

HTML 기초(작업중)

즐거운 예언자 2009. 8. 11. 15:14

2009. 8. 11. 15:14

HTML은 원래 단순하면서 이해하기 쉬운 마크업 언어로 사용할 목적으로 만들어 졌다.

CSS, 웹표준 관련 사이트

즐거운 예언자 2009. 8. 11. 13:04

2009. 8. 11. 13:04

W3C ( http://www.w3.org ) : 월드와이드웹 컨소시엄.
W3C 유효성 검사 서비스 ( http://validator.w3.org )
Web Standards Project ( http://www.webstandards.org ) : 1998년 조직. 웹 표준 프로젝트(WaSP)는 웹 표준을 대중에게 널리 알리고 웹 디자이너와 개발자들이 표준에 따라 개발할 수 있는 교육 자료를 제공 한다.
A List Apart ( http://www.alistapart.com ) : 웹표준과 관련된 디자인, 개발, 사업 분야의 훌륭햔 팀과 테크닉에 관련된 기사를 제공
CSS Zen Garden ( http://www.csszengarden.com ): WaSP 회원인 Dave Shea가 만듬. CSS 기반 디자인으로 어떤 일을 할 수 있는지 보여주는 사이트
Dive Into Accessibility ( http://www.diveintoaccessibility.org ) : 마크 필그림. 웹 접근성을 매우 쉽게 구현할 수 있으며 이 기능을 통해 어떤 사람들이 해택을 보는지 이해할 수 있는 자료를 소개.
css-disuss ( http://www.css-discuss.org ) : css와 실제 프로젝트에서 이를 사용하면서 생기는 일에 댛 이야기를 나룰 수 있는 메일링 리스트
Web-Graphics( http://web-graphics.com) : 디자인 자료, 링크, 설명들을 모아 놓은 사이트
Digital Web Magazine ( http://www.digital-web.com ) : Fick Finck가 운영. 디지털 웹 매거. 디자이너를 위한 컬럼, 뉴스, 튜토리얼을 제공하는 온라인 잡지
The Weekly Standards ( http://www.weeklystandards.com ) : 웹 표준으로 만든 멋진 사이트를 주단위로 소개.

[Book]실용예제로 배우는 웹 표준

즐거운 예언자 2009. 8. 11. 13:01

2009. 8. 11. 13:01

기획자, 개발자, 디자이너가 함께 보는 XHTML + CSS 활용가이드

실용예제로 배우는 웹 표준

댄 씨더홈 (지은이) | 박수만 (옮긴이) | 드류 맥르란 (감수) | 에이콘출판 | 2005-08-10
정가 : 20,000원

반양장본 | 376쪽 | 235*190mm | ISBN(13) : 9788989975779

[Book]고급 웹 표준 사이트 제작을 위한, CSS 마스터 전략

즐거운 예언자 2009. 8. 11. 11:50

2009. 8. 11. 11:50

고급 웹 표준 사이트 제작을 위한, CSS 마스터 전략

원서명 : CSS Mastery: Advanced Web Standards Solutions

Andy Budd, Simon Collison, Cameron Moll 지음

박수만 옮김

웹 프로페셔널 시리즈|ISBN : 8960770051

28,000원|2006년 12월 20일 펴냄

페이퍼백|320쪽|190*235mm

책소개

최신 CSS 기법과 다양한 활용사례를 편리하게 참조할 수 있도록 한 권으로 정리했다. 기존의 책들이 기본적인 기법과 활용을 다루고 있었다면, 이 책은 기본적인 내용은 이미 숙지하고 있고, CSS를 사용해야 하는 이유를 이미 알고 있는 독자를 대상으로 하여 고급 기법에 중점을 두고 설명을 한다.

먼저 CSS 기본 개념을 정리하여, 의미 있는 마크업 작성의 중요성, 코드를 구조화해서 유지보수가 용이하게 하는 방법, CSS 레이아웃 모델의 동작원리 등을 다룬다. 그리고 CSS 기반 디자인에서 사용되는 특징을 다룬다. 쉽게 따라 할 수 있는 튜토리얼 형식을 통해 업무에 바로 적용할 수 있는 실전 기법을 익히게 될 것이다.

목차

1장 기초 다지기
구조가 탄탄한 코드 만들기
스타일을 꾸밀 대상 선택하기
스타일 시트를 계획/구성/관리하는 방법
요약

2장 화면 표시를 위한 모델 완벽 정리
박스 모델 완벽 정리
포지셔닝 완벽 정리
요약

3장 배경 이미지와 이미지 대치 기법
배경 이미지 기초 다지기
둥근 모서리 상자 모양 만들기
그림자 효과
이미지 대치 기법
요약

4장 링크 모양 꾸미기
링크 스타일 기초
밑줄치며 놀기
링크 유형별로 스타일 지정하기
버튼과 롤오버 효과 만들기
방문한 링크 스타일 꾸미기
CSS로만 만드는 툴팁
요약

5장 리스트 스타일과 내비게이션 바 만들기
리스트 스타일 기초
세로형 내비게이션 바 만들기
내비게이션 바에서 현재 페이지 표시하기
가로형 내비게이션 바 만들기
슬라이딩 도어 효과의 탭 내비게이션 바 만들기
CSS 이미지 맵 만들기
리모트 롤오버 만들기
정의 리스트
요약

6장 접근성 높은 폼과 테이블 만들기
데이터 테이블 스타일 꾸미기
간단한 폼 레이아웃 만들기
복잡한 폼 레이아웃 만들기
요약

7장 레이아웃
디자인을 가로 중간에 배치하기
플로트 기반의 레이아웃
고정 레이아웃, 유동 레이아웃
가짜 단 모양 만들기
요약

8장 핵과 필터
핵과 필터
개별적인 스타일시트에 필터 적용하기
개별적인 규칙과 선언에 필터 적용하기
요약

9장 브라우저 버그 해결하기
버그 잡기
버그 잡기 기초
레이아웃
흔히 발생하는 버그 해결방법
요약

부록Ⅰ 동호회 사이트 만들기
적용 사례 소개
하위 선택자를 이용한 컨텐트 영역 조정
컬럼 띄우기
body 클래스를 이용해서 현재 페이지 표시하기
드롭인 박스
둥근 모서리 상자 만들기
투명 모서리와 테두리선
원하는 동작을 위한 클래스 조합
이미지 클래스
링크 모양 꾸미기
그림자 효과 만들기
요약

부록 II 투스카니 럭셔리 리조트
적용 사례 소개
유동적인 레이아웃
절대위치를 이용한 엘리먼트 배치
배경 이미지 관련 기법
이미지 대치 기법
유동적인 이미지
리스트 항목 하나에 여러 엘리먼트 넣기
요약