시리즈:중급 프로그래밍 시리즈/웹 클라이언트 디자인

Well-made-plush (토론 | 기여)님의 2015년 5월 29일 (금) 23:32 판 (새 문서: {{쉽게 알 수 있다 시리즈|이 문서는 정말 쉽습니다.|문서의 내용이 너무 쉬워서 오늘부터 프로그래밍 할 수 있을 것 같습니다.}} {{토막글}}...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

문서의 내용이 너무 쉬워서 오늘부터 프로그래밍 할 수 있을 것 같습니다.

이 문서에는 독자적으로 연구한 내용이 들어갑니다. 다른 사람의 의견을 존중하면서 무례하지 않도록 작성해 주시고, 의견 충돌 시 토론 문서에서 토론해 주세요.

틀:토막글

HTML

HTML은 모르면 간첩일 정도로 웹 페이지의 가장 기본적인 틀이자 알파이다!

CSS

CSS는 HTML 언어로 미리 짜여진 페이지를 꾸미는 데 아주 유용한 언어이다. 당장 이 리브레 위키만 봐도, 아니 흔히 볼 수 있는 다른 사이트만 해도 CSS가 안 쓰이는 곳은 없다고 무방하다.

평소에 눈에 잘 안띄는 CSS 값을 밝혀 보자!

리브레 위키 위키방이나 익명게시판의 댓글 쓰기에서 '에디터 선택하기'를 클릭해서 '에디터 모드'로 바꾸자. 그리고 아무 글자나 친 다음에 위에 보이는 각종 버튼을 클릭하거나 기능을 이용해서 글자를 최대한 꾸며보자.

그 예시로 리브레 위키 슬로건 "펜을 쥔 모든 손에 권리를."을

펜을 쥔 모든 손에 권리를.

위와 같이 꾸민 다음에 'HTML 편집기' 버튼을 눌러서 확인해보면

<u><em><strong><span style="color: rgb(0, 158, 37); font-size: 16px; font-family: Verdana,Geneva,sans-serif;">펜을 쥔 모든 손에 권리를.</span></strong></em></u>

다음과 같은 HTML 코드를 확인할 수 있다. 중간에 <u>(밑줄), <em>(글씨 기울이기) 그리고 <strong>(굵은 글씨) 태그가 보이긴 하지만 저 강조된 style과 그 속성들을 주목하라! 이것이 우리가 배우게 될 CSS가 적용된 가장 기본적인 예시라 할 수 있다.

JavaScript

각주

틀:쉽게 배우는 프로그래밍 입문