DTP 애플리케이션은 이전에 과대평가된 "웹 용도 변경" 기능과 전용 웹 저작 패키지에 대한 역행을 시작했습니다. 필사적으로 실습 코딩 능력을 강화하기 시작했지만 모두 실패한 위지위그 시도로 인해 신뢰를 잃었습니다. 성공을 거둔 유일한 저작 패키지는 실제로 Macromedia Dreamweaver였습니다. 자동 코드 생성 기능을 갖춘 나만의 wysiwyg 레이아웃 모드가 있지만 이를 최고 수준으로 만든 적은 없었습니다. 집중하다.
Dreamweaver의 장점은 고급 코드 보기를 통해 구문 색상 지정, 자동 완성 및 기타 세부 기능을 갖춘 간단한 실습 마크업에 집중했다는 것입니다. 더 좋은 점은 Dreamweaver의 분할 보기를 통해 작성자가 디자인 보기를 위지윅 디자인 화면이 아닌 코딩 작업의 실시간 미리 보기로 사용할 수 있다는 것입니다.
CSS의 출현은 웹 디자이너에게 엄청난 발전이었습니다. 또는 적어도 브라우저 지원이 널리 보급된 이후였습니다.
CSS: 전용 웹 디자인
Dreamweaver는 확실히 HTML에 반대하기보다는 HTML과 함께 작동했지만 HTML은 본질적으로 약한 디자인 플랫폼으로 남아 있었습니다. 그러나 Berners-Lee가 의도적으로 프리젠테이션이 없는 기본에만 국한시켰음에도 불구하고 HTML은 항상 그의 계획이었습니다. HTML의 의미 태그가 표시되는 방식을 지정하도록 설계된 별도의 표시 마크업 언어와 함께 작동합니다. 이러한 언어에 대한 다양한 제안이 W3C에 제출되었으며, 이러한 제안에서 CSS(Cascading Style Sheets) 마크업 언어가 발전하여 1996년 12월에 처음으로 승인된 CSS 1 사양이 도착했습니다.
CSS 1은 타이포그래피에 집중하여 디자이너가 서체(최종 사용자가 설치했다고 가정), 정렬, 색상, 간격 등과 같은 다양한 기능을 지정할 수 있도록 했습니다. 이 마크업은 기존 HTML 태그의 속성으로 인라인으로 적용될 수 있지만 훨씬 더 강력한 것은 모든 스타일에서 참조할 수 있는 별도의 CSS 스타일시트 파일로 스타일을 수집하는 기능 페이지.
이렇게 하면 모든 HTML 태그가 어떻게 렌더링되기를 원하는지 일관되게 정확하게 지정할 수 있습니다. CSS 지원 브라우저와 HTML4의 새로운 인라인 범위 요소를 사용하면 로컬에서 스타일을 재정의하여 보다 세밀하게 스타일을 재정의할 수 있습니다. 제어. 마침내 Netscape가 도입한 두려운 글꼴 태그 확장은 - HTML의 모든 의미론적 의미에 어긋나는 - 더 이상 사용되지 않고 시스템에서 제거될 수 있습니다.
CSS 1이 타이포그래피를 다루었다면, 1998년 5월에 나온 CSS 2는 HTML의 기본 텍스트 흐름을 깨고 상대 및 절대 위치(AP)를 지정함으로써 레이아웃을 다루었습니다. 특히 HTML4의 새로운 블록 기반 div 요소에 AP를 적용하면 텍스트와 그래픽 섹션을 분리할 수 있고 원하는 위치에 정확하게 배치하여 픽셀 기반 정밀도 또는 백분율 기반으로 원하는 페이지 그리드를 만듭니다. 유연성. 마침내 HTML의 테이블 태그는 디자인 업무에서 물러나고 테이블 형식 데이터를 구조화하기 위한 의도된 역할로 돌아갈 수 있습니다.
CSS의 출현은 웹 디자이너에게 엄청난 발전이었습니다. 또는 적어도 브라우저 지원이 널리 보급되고 호환되지 않는 오래된 브라우저가 마침내 웹에서 사라진 이후였습니다. 불행하게도 브라우저 개발자들은 (Microsoft와 브라우저의 잘못된 구현으로 인해) 질질 끌었습니다. 중앙 CSS 박스 모델이 최악임), 프로세스를 끔찍할 정도로 느리게 만들었습니다. 10년. 결국 오늘날 우리가 알고 있는 (X)HTML/CSS라는 디자인 플랫폼이 확립되었습니다.
이제 CSS 1 스타일 시맨틱 태그와 CSS 2 위치 태그를 사용하여
Wysiwyg 재검토
나는 이것이 사실상 이 이야기의 끝이라고 생각했고, 두 사람 사이에 근본적인 격차를 남겼습니다. 전문적인 인쇄 디자인(풍부한 PostScript 기반 및 wysiwyg) 및 웹 디자인(일반, HTML/CSS 기반 및 손으로 코딩). 그러나 최근에는 풍부하고 시각적이며 코드가 없는 웹 디자인에 대한 이상이 다시 표면화되었으며 Xara의 검토 요청을 통해 이를 알게 되었습니다. 다양한 웹 저작 패키지 – Web Designer, Web Designer Premium 및 Designer Pro – 모두 "HTML 기술 없이도 풍부한 wysiwyg 웹 디자인을 약속합니다" 필수의".
저는 항상 Xara에 애착을 갖고 있었지만 Dreamweaver가 아닌 Illustrator와 경쟁하는 엄청나게 빠른 벡터 기반 드로잉 엔진을 기반으로 했습니다. 그러나 RWC 동료인 Mark Newton은 Xara에게 긍정적인 글을 주고 한 번 살펴보라고 권했습니다. 결국 인쇄 디자인으로 이미 꽤 잘 알고 있던 Xara Designer Pro의 형태로 만들었습니다. 패키지.
