본문 바로가기
[HTML/CSS]02.글자 태그 Vol.1 오늘은 글자 태그에 대해서 자세히 알아보는 시간을 갖도록 하겠습니다. 글자 태그에는 '제목 태그', '본문 태그', '앵커 태그', '글자 형태 태그' 등이 있습니다. 모두 웹퍼블리싱을 배울 때 잘 쓰이는 부분이므로 제 티스토리 블로그를 수정하면서 실습해보도록 하겠습니다. ① 제목 글자 태그 HTML에서 대표적인 글자 태그는 제목을 입력할 때 사용하는 제목 글자 태그입니다. HTML 문서는 h 태그 요소를 통하여 문서 개요를 구조화하기 때문입니다. 태그 이름 설명 h1 첫 번째로 큰 제목 글자 태그 h2 두 번째로 큰 제목 글자 태그 h3 세 번째로 큰 제목 글자 태그 h4 네 번째로 큰 제목 글자 태그 h5 다섯 번째로 큰 제목 글자 태그 h6 여섯 번째로 큰 제목 글자 태그 이렇게 있습니다. 그러면 .. 더보기
[Fastboot 커스터마이징]01.최근글 리스트 모듈 썸네일 Fastboot 1.6.2v 버전은 티스토리 반응형 스킨 중 완벽한 기능을 자랑합니다. 하지만 약간의 커스터 마이징을 필요로 할 때가 있습니다. 저 역시 Fastboot 스킨을 공부하면서 티스토리 스킨 코딩을 익혀나가고 있는데요. 이렇게 웹퍼블리싱과 다소 다른 티스토리만의 설정체계가 사람을 피곤하게 만들 때가 있습니다. 답이 없는 연구니까요. 오늘부터 그 연구에 대해서 조금씩 연재해보도록 하겠습니다. · 커스터마이징이란? 커스터마이징이란 쉽게 말해 '이용자가 사용방법과 기호에 맞춰 하드웨어나 소프트웨어를 설정하거나 기능을 변경하는 것' 입니다. 커스트마이즈(Customize)란 '원래 주문을 받아서 만들다'라는 의미에서 유래했다고 합니다. Fastboot 스킨을 다운 받고 자기 기호에 맞춰 변경하고 수정.. 더보기
[Tistory Tip] 네이버 검색 등록 방법 우리나라 최대의 검색포털사이트 네이버. 티스토리 자회사는 다음인데 애석하게도 국내 포털사이트 점유율 70~80%가 네이버가 차지하고 있습니다.http://internettrend.co.kr 또는 https://www.similarweb.com/top-websites/korea,-republic-of에 방문해보시면 2위부터는 약간 순위가 다르지만 1위는 부동의 네이버가 차지하고 있습니다. 이런 부분에 있어서 개방적인 사고방식으로 유연한 대안을 마련해야합니다. 어쨌든 블로그는 방문유입인구가 활성화의 주요소이기 때문에 가볍게 생각할 순 없지요. · 내 블로그 방문유입을 위해서 검색등록을 하자! 위에서 언급했듯이 네이버 블로그는 국내 포털사이트 중 70~80%를 차지하는 점유율을 보여주고 있습니다. 그 다음 다.. 더보기
[HTML/CSS]01.HTML 구조 태그 오늘부터 웹 퍼블리싱[Web Publishing]에 대해서 연재하듯이 포스팅할건데요. 제가 웹퍼블리싱을 배우고 나서 블로그나 카페 등을 만들 때 너무나 많은 도움이 되어서 이렇게 공유하려고 마음 먹었습니다. 물론 웹 퍼블리싱은 웹페이지를 만들 때 보여지는 부분을 설계하는 언어인데요. 예외적으로 네이버 블로그 프롤로그나 티스토리 스킨, 네이버 카페 대문 등 국한적으로 html과 css를 이용하여 홈페이지처럼 만들 수 있습니다. 웹페이지는 전세계 인터넷만 된다면 누구나 접할 수 있는 공간이기 때문에 그만큼 부가가치도 높다고 평가됩니다. 폭넓게 javascript와 jQuery까지 자유자재로 할 수 있다면 웹퍼블리싱 분야는 어느정도 마스터 됐다고 봐도 과언이 아닙니다. 제 꿈은 이 블로그를 통해 티스토리 블로.. 더보기
성인들의 책읽기 공통점, 반복 독서 효율적인 관리를 좋아하는 저에게 체계적인 방법론이 있으면 무조건 수용하려 드는 성격입니다. 방법론이 실질적인 결과와 관련이 없는 것을 알면서도 행동보다 방법론을 찾는데 많은 시간을 할애합니다. 방법론을 다 찾고나면 마치 그것을 해냈다는 착각에 빠지곤 합니다. 하지만 이 방법론과 실천이 있다면 무서운 효과를 볼 때도 있습니다. 아니, 웬만하면 '방법론 + 실천'은 무조건적인 성공의 공식이지 않나 싶습니다. 그리고 이 공식은 매우 단순합니다. 의심스러울 정도죠. 이와 같은 맥락으로 성공적인 독서법이 있습니다. 이도 매우 단순합니다. 바로 '반복[방법론] + 독서[실천]'입니다.· 성인들의 반복독서법 천재들이 가장 강조한 독서법인 반복독서. 성인들의 경험으로 배워보겠습니다. · 공자 : 주역의 이치를 깨우치기.. 더보기
[FastBoot]07.티에디션 꾸미기 Vol.2 이번 시간에는 FastBoot 반응형 스킨, 티에디션 꾸미기 2번째 시간으로 Readiz 선생님께서 선보이신 이름바 Fast TSlide를 작업해보겠습니다. TSlide 이름처럼 슬라이드 형식의 티에디션이 적용될거라고 예상되죠? 메인화면에 자동으로 최신글이 넘어가는 요소를 삽입해보겠습니다. 자세한 내용은 여기를 클릭하시면 확인할 수 있습니다. · 압도적인 메인화면, Fast-TSlide 일단 Fast-TSlide를 적용된 제 블로그 모습입니다. 제가 임의로 Height값을 늘리고, 이미지 썸네일 값도 상대적으로 크게 했기 때문에 Readiz 선생님께서 설명하신 Fast-TSlide와는 크기값이 다릅니다. 추후에 필요하신 분들에 한해서 수정하는 방법을 올리도록 하겠습니다. 이전글 [FastBoot]07.티.. 더보기
[Design Tip]Lorem Ipsum, 시각적인 텍스트 디자인 연출 웹 디자인이나 편집디자인 또는 그러한 작업을 할 때 간략한 레이아웃을 확인해야합니다. 특히 레이아웃을 구성할 때 텍스트의 유무에 따라 디자인이 달라지기 때문에 '임의의 텍스트'를 넣어 실사에 가깝게 구현하기도 합니다. 그 텍스트가 영어일 수도 있고, 중국어, 일본어, 스페인어 등 무수한 언어가 필요할 때가 있는데 그것을 일일히 저장하기도 귀찮고 찾기도 번거롭습니다. 그럴 경우 어떻게 해야할까요?· 빈 텍스트 채우기, Lorem Ipsum(로렘 입숨) 웹디자인을 배울 때 HTML 텍스트 태그가 있습니다. ,,,,, 등 말이죠. 이 태그를 배울 때 저는 네이버 신문사들 텍스트를 들고 왔었습니다. 조금 번거로웠습니다. 하지만 이를 위한 사이트가 여러 있는데 대표적으로 사이트가 있습니다. 로렘 입숩에 대한 정확.. 더보기
[FastBoot]07.티에디션 꾸미기 Vol.1 이제부터 본격적으로 티에디션으로 첫화면 꾸미기를 해봅시다. 제 블로그 첫페이지 티에디션은 갤러리형으로 되어 있습니다. 리스트형이나 타이틀형은 이미지를 좋아하는 저에게 그렇게 큰 매력을 느끼지 못했습니다. 그래서 리스트형이나 타이틀형을 원하시는 분들은 궂이 이 포스팅을 구독할 필요는 없습니다. 자세한 내용은 여기를 클릭하면 보실 수 있습니다. · 티에디션도 코딩할 수 있다? 네. 티에디션도 코딩을 할 수 있습니다. 하지만 티에디션 역시 티스토리 블로그처럼 고유 치환자가 있습니다. 즉, 웹퍼블리싱 능력이 갖춰지더라도 티스토리 블로그 치환자 또는 티에디션 치환자를 모르면 티스토리 블로그 스킨을 제작한다는 것은 불가능에 가깝습니다. 제가 직접해보았는데 기본적인 웹퍼블리싱 코딩은 티스토리 치환자의 우선순위에서 밀.. 더보기
[Tistory Tip]네이버 이웃커넥트 위젯 설치방법 네이버는 '이웃 커넥트'라는 블로그간에 브릿지 역할을 하는 좋은 시스템이 있습니다. 하지만 티스토리에는 관련된 플러그인이 없습니다. 많은 티스토리 파워블로거분들께서 다음에 건의하고 있다지만 출시는 미지수입니다. 그래서 차선책으로 네이버 이웃 커넥트를 자신의 티스토리 블로그 사이드에 위젯으로 설치하는 방법을 알려드릴까 합니다. · 네이버 이웃 커넥트 위젯 설치방법 첫째로 네이버 이웃 커넥트 페이지에 들어가야합니다. 여기를 클릭하시면 네이버 이웃 커넥트 페이지에 바로 가실 수 있습니다.네이버 이웃 커넥트 주소 : http://section.blog.naver.com/sub/InstallConnectWidget.nhn 꼭 지켜야 할 사항은 ① 이웃커넥트 위젯을 설치할 블로그 → '다른 블로그로 퍼가기'를 선택.. 더보기
[FastBoot]06.티에디션 나타나게 하기 FastBoot는 티에디션도 활용할 수 있습니다. 다만 순수한 티에디션으로 할 경우 반응형에 다소 어설프게 나오는 단점이 있지요. 이 작업은 다음 시간에 살펴보도록하고 FastBoot에 티에디션 삽입해봅시다. 자세한 내용은 여기에 나와있지만 저는 FastBoot 반응형 스킨에 대해 기초적인 일련의 과정을 모두 살펴보는 것이기 때문에 다시 한번 양해 부탁드립니다.· 티에디션, 너는 누구니? 티에디션은 티스토리에서 "티"를, 그리고 발행,판을 뜻하는 에디션(edition)을 조합한 이름입니다. '첫화면 꾸미기'라고 하는데요. 이런 플러그인이 있다는 것은 그만큼 첫화면 꾸미는 것이 중요하다는 뜻이겠죠. 자신의 블로그 '관리자 페이지'에서 [꾸미기 → 화면 설정 → 티에디션 → 사용하기] 순서로 하시면 됩니다... 더보기

티스토리툴바