세상에 어리석은 질문은 없습니다.

최캐릭터
웹사이트를 구축하기 위해서는 여러가지 기술이 필요합니다.
한 번에 모든것을 이야기 하기에는 시간도, 지식도 그리 크지 않습니다.
디자이너들이 한번씩 가지게 되는 질문을 풀어보았습니다.
교안을 인터넷으로 옮길 예정인데 기간이 얼마나 걸릴지는 모르겠습니다.
어리석은 질문은 없습니다. 지혜롭지 못한 답변만 있을 뿐이지요
노력하는 여러분들 멋지다고 생각합니다.

Q1.Q1웹사이트제작하려면 어떤 기술이 필요한가요? 웹사이트를 제작하려면 어떤 기술이 필요한가요?

피씨핸드폰타블렛피씨
A1.기획+디자인+퍼블리싱+프로그래밍을 알아야합니다.

Q2.웹퍼블리싱이란 무엇인가요?

Q2-1.Q21웹퍼블리싱이란 무엇인가요?웹퍼블리싱이란 무엇인가요?

디자인 작업파일:psd, ai, fla
퍼블리싱 작업파일:html, css, js
프로그래밍 작업파일:php, asp, jsp
A2-1.웹퍼블리싱이란 디자이너에게 넘겨 받은 시안을 웹브라우저에서 볼수 있도록 웹문서화 하는 코딩 작업을 말합니다. 코딩 작업은 HTML뿐만 아니라 CSS와 JavaScript의 작업도 포함되어 있습니다. 코딩 작업 시 이후 브라우저에서 동작될 프로그래밍도 고려하면서 작업을 하게 됩니다.

Q2-2.Q22웹퍼블리싱 기술은 무엇인가요?웹퍼블리싱 기술은 무엇인가요?

HTML구조 설계
CSS시각적 표현
Java Script동작 구현
A2-2.모든 사용자가 전문적인 능력 없이도 제공되는 정보를 얻을 수 있도록 웹문서의 구조, 표현, 동작을 분리해서 작업을 해야합니다. 문서가 전달하려는 정보를 구조화 해주는 HTML, 정보의 시각적, 미시적 표현을 담당하는 CSS 그리고 사용자와 상호작용하게 되는 동작을 처리하는 Java Script를 알아야 합니다.

Q2-3.Q23웹퍼블리셔가 가져야할 관심분야는 무엇이 있나요?웹퍼블리싱 기술은 무엇인가요?웹퍼블리싱 기술은 무엇인가요?

UX사용자 경험 디자인
Plan기획
Web Standard웹표준
A2-3.웹 퍼블리셔는 간혹 화면설계를 하기도 합니다.화면설계는 사용자의 경험이 바탕이 되어야 좋은 디자인이 나올 수 있습니다. 기획은 프로젝트의 방향을 잡아주는 초석입니다.기획의도가 충분히 반영된 기술은 좋은 결과물을 얻게 됩니다. 모든 사람들이 손쉽게 정보를 공유 할 수 있는 공간web의 정신을 가능하게 하는 것이 웹표준입니다.

Q3.Q3웹표준이란 무엇인가요?웹표준이란 무엇인가요?

  • Web Standard웹표준

    웹표준이란?

    • 웹에서 사용되는 공식 표준이나 기술 규격을 가리키는 일반적인 용어입니다.
    • 표준과 관련해 여러 단체가 있지만 "w3c""ECMA" 권고한 표준안이 중심이 됩니다

    웹표준 목적

    • 서로 다른브라우저에서도, 어떤 사용자도 동일한 정보를 얻을 수 있도록 하는 웹접근성을 향상 시킬 수 있습니다.
    • 사이트 개발 시간이 단축됩니다.
    • 사이트의 유지.관리가 편리하게 됩니다.

    웹표준 스펙

    • 웹문서는 구조, 표현, 동작을 분리해서 작업을 해야합니다.
    • HTML / XHTML: 웹문서의 구조를 설명하는 언어입니다.
    • CSS: 웹문서의 시각적 표현을 담당합니다.
    • Java Script: 웹문서의 동작
  • HTML구조

    HTML 이란?

    • Hyper Text Markup Language(HTML)은 웹에서 사용되는 문서를 작성하는 마크업 언어입니다.
    • HTML은 문단(paragraph), 목록(list), 표(table)등의 내용을 태그를 이용해 구조화합니다.

    HTML 현재 표준화 상태

    • HTML 4.01:표준 Recommendation (1999.12 W3C 권고안 발표)
    • XHTML 1.0:표준 Recommendation (2002.8 W3C 개정 발표)
    • HTML5:표준 Recommendationt (2014.8 W3C)

    w3의 표준화 단계

    • Recommendation (REC)
    • Proposed Recommendation (PR)
    • Candidate Recommendation (CR)
    • Last Call Announcement (LC)
    • Working Draft (WD)
  • CSS표현

    CSS 란?

    • Cascading Style Sheets(CSS)는 웹문서가 의도한 디자인에 맞게 표현될 수 있도록 하는 스타일시트입니다.
    • CSS는 서체,색상, 배경, 문단모양 ,목록 등의 스타일을 지정하여 HTML을 보다 전달력있게 표현할 수 있습니다

    CSS 현재 표준화 상태

    • CSS1:표준 Recommendation (1996.12 W3C 권고안 발표)
    • CSS2:표준 Recommendation (1998.5 W3C 권고안 발표)
    • CSS Color Level 3:표준 Recommendation (2011. 6 W3C 권고안 발표)
    • Selectors Level 3:표준 Recommendation (2011. 9 W3C 권고안 발표)
    • Media Queries:표준 Recommendation (2012. 6 W3C 권고안 발표)
  • Java Script동작

    Java Script 란?

    • Java Script(줄여서 JS라고 불리기도 합니다)웹 문서에서 사용되는 스크립팅 언어입니다.
    • JS는 컴파일러가 필요없는 인터프리터 언어입니다.
    • JS는 스크립트 표준안이 ECMAScript 표준을 기준으로 합니다.
    • JS는 HTML과 CSS를 동적으로 변경, 폼 태그 값의 유효성 검사, 마우스, 키보드, 창 등의 이벤트에 따른 동작을 가능하게 합니다.

    DOM(Document Object Model) 이란?

    • DOM은 플랫폼/언어 중립적으로 구조화된 문서에 접근하기 조작하기 위한 W3C의 표준입니다.
    • DOM은 문서의 내용, 구조, 스타일 요소에 접근하여 변경이 가능하게 합니다.

    jQuery 란?

    • jQuery는 자바스크립트 라이브러리 입니다.
    • jQuery는 DOM 요소에 접근 수정, CSS 조작, 애니메이션, Ajax 등을 브라우저 호환성있게 지원하는 라이브러리입니다.

reference.reference참고사이트는 어디 있나요?참고사이트

  • HTML

  • CSS

  • Java Script

  • jQuery

  • etc.

UsingU