목록html (5)
구석진 개미집
최근에 HTML5/CSS3를 공부하면서 부트스트렙을 접하게 되었고, 거의 빠져 있다 싶을 정도로 알아보고 있습니다. 이미 개발 환경이 만들어진 상태에서 사이트를 구축할 수 있기 때문에 평소 제작하던 시간을 1/2로 단축할 수 있습니다. 그리고 반응형 기능이 적용되어 있기 때문에 별도 모바일 사이트를 제작할 필요도 없습니다. 여러 가지 템플릿을 알아보고 공부하던 중에 무료로 부트스트렙 템플릿을 제공해 주는 곳이 있어서 공유합니다. 무료 부트스트렙 템플릿 사이트 1. Start Bootstrap - http://startbootstrap.com/ 여러가지 어드민 페이지와 원페이지 템플릿을 제공하고 있습니다. 무료 템플릿에 더해서 프리미엄(유료)템플릿도 제공하고 있습니다. 2. Bootstrap Zero - ..
Notepad++를 처음 설치하고 실행하다 보면 한글이 깨지는 문제가 발생합니다. 안녕하세요! Hello!위와 같이 코딩을 한 후 결과를 살펴보겠습니다. >>결과 보기결과 보기
HTML을 코딩할 때, notepad(메모장)을 사용할 수 있습니다. 하지만, 기능이 없기 때문에 불편한 점이 많습니다. 이 점을 보완하기 위해서 시중에는 여러가지 편집기가 있습니다. Editplus, Adobe Edge Code CC, Eclipse 등 많습니다. 그 중 무료이면서 가벼운 Notepad++를 추천합니다. 그럼 Notepad++를 한번 설치해볼까요? 1. Notepad++ 다운받기 먼저, notepad++를 다운받아보겠습니다. 공식 홈페이지(링크)를 통해서 다운받을 수 있습니다. 홈페이지 메인화면입니다. 업데이트도 정기적으로 이루어지고 있는 것을 확인할 수 있습니다. 왼쪽 카테고리 중, download를 클릭합니다. Download 카테고리에 들어갔으면, 최신버전을 선택했는지 확인한 후 ..
이번에는 Syntaxhighlighter를 사용하는 방법에 대해서 살펴보겠습니다. 사용방법은 두 가지 방법이 있습니다. 한 가지는 를 사용하는 방법이고, 다른 한 가지 방법은 3. 와 의 차이점은?검색엔진의 수집하는 봇들이 블로그의 내용을 수집할 때 같은 경우는 코드 내용까지 수집합니다. 하지만 를 사용하면 코드 내용을 수집하지 않습니다. 즉 코드를 사용해야 검색결과에 노출될 터이니, 코드를 공유하는 블로그 같은 경우는 신경이 쓰일 수 밖에 없습니다. 단, 문제점이 있습니다. 를 사용하면 ' < '가 < 로 대체되어 표기될 수 있다고 합니다. 를 사용하면 문제는 없습니다. 기회비용을 잘 따져서 사용하면 될 것 같습니다. ^^ 다음 글에서는 테마를 적용해 보는 방법에 대해서 알아보겠습니다. 내용이 마음..
프로그래밍 공부를 하면서, 동시에 블로그에 기록도 하려고 진행 중에 블로그에 소스코드를 보기 좋게 올리는 방법이 있어서 소개합니다. ^^ 먼저 소스코드를 보기 좋게 올릴 수 있도록 해준 홈페이지에 방문합니다. 주소: http://alexgorbatchev.com/SyntaxHighlighter/ SyntaxHighlighter 홈페이지 메인입니다. 오른쪽 상단을 보면 'download' 메뉴에 들어갑니다. 빨간색 네모로 표시해 둔 곳('Click here to download')을 클릭해서 파일을 다운받습니다. 파일은 적당한 곳 아무데나 다운 받으시면 됩니다. 파일명을 변경하셔도 무관합니다. 파일이 저장된 폴더에 들어갑니다. 압축파일 하나가 보일 것입니다. 압축을 해제합니다. 총 파일 수는 105개 입니..