내용목차(Table of Contents)

  1. 내용 목차
    1. 서두
    2. 웹 표준 세계로의 입문
    3. 웹 디자인의 개념
    4. HTML 기초
    5. 본격적인 HTML
    6. 접근성
    7. CSS
    8. 고급 CSS 연구
    9. JavaScript 핵심기술
    10. 모바일 웹 개발
    11. 보충하는 글

본문(Content)

오페라(Opera)는 가장 표준친화적인 웹 브라우저로서, 지구촌의 웹 표준화를 확대하는데 이바지하고 있습니다. 웹 표준은 전 세계 누구든지, 어떤 기기로든지, 어느 곳에서든지 웹을 사용 가능하게 만들어 줍니다.

오페라는 야후 개발자 네트워크(Yahoo! Developer Network)와 공동으로 웹 표준 커리큘럼(Web Standards Curriculum)을 창설했습니다. 이 커리큘럼 코스는 HTML, CSS, JavaScript 개발을 비롯하여 웹 표준 기반 디자인에 대해 완전초보인 분, 탄탄한 기본기를 지니고 계신 분을 대상으로 합니다. 이 코스는 Web Standards Project(WaSP)와 Yahoo!와 같은 정상급 회사와 조직이 후원합니다.

커리큘럼은 특정 주제에 초점을 맞춘 50가지 이상의 글로 나뉘는데, 학습자는 처음부터 끝까지 따라가며 학습할 수도 있고, 그 중 가장 관심이 가는 글만 골라서 읽는 것도 가능합니다. 각 글은 핵심이론, 실전 예제, 연습문제를 포함하고 있습니다. 전반부 41개 글은 현재 공개된 상태이고, JavaScript를 다루는 약 10개 글이 조만간 추가로 공개되어 코스가 완성될 것입니다.

오페라 웹 표준 커리큘럼(Opera Web Standards Curriculum)을 학습대상으로 추가해야 하는 이유는 뭘까요? 웹 사이트에서 웹 표준은 효율과 유지보수 용이성, 접근성, 기기 호환성, 검색 최적화를 향상시킵니다. 오페라 웹 표준 커리큘럼은 최신 웹 표준 예제를 특징적으로 다룹니다. 무엇보다도 좋은 점은 이 코스는 무료이기 때문에, 값비싼 교재가 요구되지 않는다는 점입니다.

내용 목차(Table of contents)

서두(The beginning)

  1. 서론, by 크리스 밀즈(Chris Mills). [원문]

웹 표준 세계로의 입문(Introduction to the world of web standards)

  1. 인터넷과 웹의 역사 그리고 웹 표준 혁명, by 마크 노먼 프랜시스(Mark Norman Francis). [원문]
  2. 인터넷은 어떻게 동작하는가?, by 조나단 레인(Jonathan Lane). [원문]
  3. 웹 표준 모델 — HTML, CSS 그리고 JavaScript, by Jonathan Lane. [원문]
  4. 아름다운 꿈. 그러나 현실은?, by Jonathan Lane. [원문]

웹 디자인의 개념(Web Design Concepts)

이 섹션은 코드 또는 마크업의 세부적인 부분을 다루지 않고, 그래픽 작업 및 코드 작업을 시작하기에 앞서 정보구조(IA), 내비게이션, 사용성(usability) 등의 개념뿐만 아니라, 디자인 프로세스를 소개합니다.

  1. 정보구조—웹 사이트 기획하기, by Jonathan Lane. [원문]
  2. 좋은 웹 사이트의 필수요소, by Mark Norman Francis. [원문]
  3. 색상이론, by Linda Goin. [원문]
  4. 사이트 골격 세우기, by Linda Goin. [원문]
  5. 색상도표와 디자인 모형, by Linda Goin. [원문]
  6. 웹 타이포그래피, by Paul Haine. [원문]

HTML 기초(HTML basics)

  1. HTML 기초, by Mark Norman Francis. [원문]
  2. HTML의 <head> 엘레멘트, by Christian Heilmann. [원문]
  3. 올바른 HTML doctype 선택하기, by Roger Johansson. [원문]

본격적인 HTML(The HTML body)

  1. HTML로 팝업 메뉴 만들기, by Mark Norman Francis. [원문]
  2. HTML 리스트, by Ben Buchanan. [원문]
  3. HTML 이미지, by Christian Heilmann. [원문]
  4. HTML 링크—웹을 만듭시다! by Christian Heilmann. [원문]
  5. HTML 테이블, by Jen Hanen. [원문]
  6. HTML 폼 기초, by Jen Hanen. [원문]
  7. 덜 알려진 의미적 요소, by Mark Norman Francis. [원문]
  8. 일반 컨테이너—div와 span 요소, by Mark Norman Francis. [원문]
  9. 내비게이션 메뉴와 함께 다중 페이지 생성하기, by Christian Heilmann. [원문]
  10. HTML 유효성 평가, by Mark Norman Francis. [원문]

접근성(Accessibility)

  1. 접근성 기초, by Tom Hughes-Croucher. [원문]
  2. 접근성 테스트, by Benjamin Hawkes-Lewis. [원문]

CSS

  1. CSS 기초, by Christian Heilmann. [원문]
  2. 상속과 계층구조, by Tommy Olsson. [원문]
  3. CSS로 텍스트에 스타일 입히기, by Ben Henick. [원문]
  4. CSS 배치 모델 - 상자, 경계선, 바깥여백, 안여백, by Ben Henick. [원문]
  5. CSS 배경 이미지, by Nicole Sullivan. [원문]
  6. 리스트와 링크에 스타일입히기, by Ben Buchanan. [원문]
  7. 테이블에 스타일 입히기, by Ben Buchanan. [원문]
  8. 폼에 스타일 입히기, by Ben Henick. [원문]
  9. Float와 Clear, by Tommy Olsson. [원문]
  10. CSS에서 정적 위치 잡기와 상대 위치 잡기, by Tommy Olsson. [원문]
  11. CSS에서 절대 위치 잡기와 고정 위치 잡기, by Tommy Olsson. [원문]

고급 CSS 연구(Advanced CSS study)

  1. 머리말, 꼬리말, 열, 템플릿, by Ben Henick. [원문]

JavaScript 핵심기술(JavaScript core skills)

  1. 추가 예정입니다...

모바일 웹 개발(Mobile web development)

  1. 모바일 1: 모바일 웹 입문, by Brian Suda. [원문]

보충하는 글(Supplementary articles)

  • 자신의 콘텐츠를 온라인으로 올려보자, by Craig Grannell. [원문]
  • 문서의 <head>에 대한 더 많은 정보, by Chris Heilmann. [원문]
  • 부록: 타이포래피를 위한 일반적인 HTML entities, by Ben Henick. [원문]
  • 오페라 웹 표준 커리큘럼 용어집, by various authors. [원문] 이 문서는 완료된 것이 아니며 시간이 지남에 따라 추가될 예정입니다.