블로그 디자인이 너무 난잡하단 생각이 들었다. 인터넷에서 반응 속도가 빠르다는 Panda Skin 을 사용하고 있었는데 속도가 빠른 것은 좋으나 레이아웃이 내 취향은 아니었다. 결국, Tistory 에서 기본적으로 제공하는 #1 스킨으로 돌아온 뒤, CSS 를 수정하여 사용하기로 하였다. 목차 소제목 1단계 (h2) 서식 바꾸기 먼저 소제목 h2의 서식을 바꾸기로 하였다. h2는 티스토리 포스팅 본문에서 가장 많이 쓰이는 소제목이므로 구분이 명확하면 좋겠다고 생각했다. 색이 꽉 차고 둥근 소제목이 가장 눈에 잘 들어오는 것 같아서 이렇게 편집하기로 했다. #1 스킨의 경우, .skin_view 클래스가 포스팅 영역이고, .area_title 이 제목 부분, .area_view 가 본문 부분이다. 즉, ...

1. HTML 배경지식 웹 사이트의 구성요소 블로그 편집을 위해서 웹 사이트의 구성 요소를 알아야 한다. HTML, CSS, JavaScript 중 HTML, CSS 만 알아도 기본적인 유지 보수가 가능하다. HTML(Hyper Text Markup Language) : 웹 페이지의 구조와 내용물을 표현하는 언어 CSS(Cascading Style Sheets) : HTML 을 어떻게 보여줄지 Style 을 정의한 문서 JavaScript: 각종 고급 기능을 수행하기 위한 언어 레이아웃의 종류 스마트폰, 태블릿, PC 등 다양한 기기에서 웹페이지를 표현하려면 레이아웃의 종류를 알아야 한다. 정적 레이아웃: 오브젝트의 크기가 정해져 있음 동적 레이아웃: 오브젝트의 크기가 화면 너비에 비례하여 늘었다 줄어듦..