블로그로 돈벌기팁 비앤아이

티스토리 뽀개기 - div 와 span 티스토리 스킨을 이해하기 위해서 div와 span의 이해는 필수입니다. 티스토리의 스킨 및 블로그의 구조를 담고 있는 파일인 skin.html은 대부분 div와 span 태그로 이루어져 있기 때문입니다. 웹(www) 페이지를 구성하고 있는 html 태그중에서 영역을 지정하거나 표(table)을 구성하는데 사용되는 태그는 , ,가 있습니다. 와 은 태그를 대신할 수 있고 태그를 사용하는 것보다 파일의 크기를 줄일 수 있을 뿐만이 아니라 웹의 속도도 올려줄 수가 있는 태그입니다. 티스토리의 구조는 티스토리 뽀개기 - 스킨 구조(skin.html) 이해하기 에서 설명했듯이 헤더영역과 본문(포스트)영역, 사이드영역과 하단영역으로 구분이 되어 있는데 이렇게 영역 구분을 태그..

초보 블로거를 위한 블로그 몇주전에 사내 블로그 교육을 한적이 있습니다. 80여분 정도의 시간으로 블로그에 대한 모든 내용을 교육할 수는 없기 때문에 블로그에 대한 개념과 용어, 비즈니스 블로그가 나아갈 방향, 웹2.0에 대한 기본 개념만 설명하였답니다. 회사가 인터넷 온라인 업체라서 컴퓨터를 모르고는 업무를 볼 수가 없지만 요즘은 컴퓨터가 너무 사용하기 쉬워 마우스 클릭만으로도 대부분의 업무처리를 할 수가 있기 때문에 모든 직원이 컴퓨터에 능통한 것은 아닙니다. 회사 비즈니스 블로그를 티스토리에 둥지를 틀었기 때문에 기본적인 html과 css도 알아야 하는데, html을 아는 직원은 웹디자이너 2명을 포함하여 겨우 3명, css를 아는 직원은 2명정도밖에 되지 않습니다. 또한 티스토리의 기본적인 사용법..

스타일시트의 지정방법 및 사용 예제 2 스타일시트를 선언하는 방법1에 대해서 지난번에 글을 올렸습니다. 이번에는 실제로 사용예제를 통하여 스타일 시트를 선언하는 방법에 대한 글을 쓸까합니다. 아! 한가지 이번에 CSS 관련 포스팅하면서 준비한것이 있습니다. 바로 태그연습장입니다. 스타일시트 설명중에 나오는 소스를 태그연습장에 복사하여 넣거나 직접 연습할 수 있는 연습장입니다. 태그연습장은 화면 상단 메뉴에 있습니다. :: 스타일시트의 선언형식 스타일시트의 선언형식은 아래와 같습니다. 선택자 { 속성: 값 ; 속성: 값 ; } 먼저 선택자를 적고 중괄호({}) 안에 속성(attribute)과 값을 적습니다. 속성은 여러개를 적어줄 수 있으며 속성과 속성의 구분은 세미콜론(;)으로 해주고, 속성은 콜론(:)..