div+css는 아이디어와 프로세스 측면에서 구조와 성과의 분리 분석을 실현합니다_경험 교류

고주제: 고시 분리

1. 고시를 주고, 형식 없는 텍스트 묶음으로 저장하고, 그 내용을 이해하고 구조를 처리해야 합니다. 단어 조판을 사용한 후 구조가 생겼습니다
2. 이 구조에는 실제로 의미와 성능이 포함됩니다
3. 구조화에는 html을 사용하고 모든 형태의 표현은 제쳐두고 의미만 고려합니다
4. CSS Perform을 사용합니다 시각적 프리젠테이션을 포함하는 HTML의 기본 프리젠테이션을 포함한 프리젠테이션 처리. 이 프리젠테이션은 사용자 경험에 대화형 레이아웃과 시각적 경험을 포함합니다.
5. 주석을 클릭하는 등의 동작을 추가하는 경우 주석 콘텐츠로 천천히 이동하려면 일련번호를 사용하세요.

CSS Zen Garden을 다시 살펴보세요
위의 동일한 5단계가 CSS Zen Garden의 첫 번째 버전을 형성합니다
그리고 템플릿 제공업체가 수행하는 더 많은 작업은 대화형 라인 초안 + 시각적 디자인입니다. CSS로 웹 페이지에 반영됩니다

코딩 관점에서 보면
첫 번째 단계는 콘텐츠를 구조로 처리하고 순수 HTML로 작성합니다
두 번째 단계는 처리하는 것입니다. 프레젠테이션으로서의 구조와 순수한 CSS 작성
세 번째 단계는 성능에 동작을 추가하는 것입니다.

프로세스 관점에서
첫 번째 단계는 문서 기획
두 번째 단계는 구조적 처리
세 번째 단계는 인터랙션 디자인(인터랙션 스타일 구성)
네 번째 단계는 시각적 디자인(비주얼 스타일 구축)
다섯 번째 단계, 스타일 구축

역으로 생각하기
CSS Zen Garden이 없다면 디자이너는 수백 개의 디자인 초안을 디자인한 후 제작하는 구조를 갖게 될 것입니다. 페이지와 HTML이 동일합니까? 비유하자면, 두 명의 인터랙션 디자이너와 비주얼 디자이너가 기획을 담당한다면 페이지 구성의 구조는 동일할까요? 대답은 확실히 동일하지 않습니다. 왜 동일하지 않습니까? 여기서 논의의 기본 포인트는 우리가 깊이 생각해야 하는 문제입니다!