한국어

Programming

twin 주소복사
조회 수 714 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

<font><a href><table><img src>...티스토리는 물론 요즘 대부분의 인터넷 커뮤니티 게시판은 html을 지원하기 때문에 특별히 html태그를 알지 못해도 앞서 나열한 어려운 html 태그를 구현하는데 전혀 문제가 없을 것 입니다.

 

하지만, 티스토리는 물론 워드프레스,이글루스 등의 블로그는 html을 통해서 본문과 사이드바는 물론 디자인UI까지 블로거 입맛에 맞게 꾸밀 수 있습니다. 즉, 어느정도 HTML을 능숙하게 다룰줄 안다면 블로그를 더욱 멋있고 효과적으로 꾸밀수 있음을 뜻합니다. 능숙하지 않다면 내가 원하는 화면을 표현하기 위해 태그연습장는 물론 인터넷 검색등의 도움을 받을 것 입니다. 저 역시도 사이드바 수정 및 블로그 디자인을 수정할때는 항상 html태그를 공부하고 태그연습장을 통해 내가 원하는 화면을 점검해 봅니다. 태그연습장은 내가 작성한 html을 실시간으로 확인하여 올바르게 구현되었는지를 확인하게 해주는 툴로 인터넷상에서 어렵지 않게 찾아볼 수 있습니다. 웹용은 물론 pc용도 많이 존재하는데 개인적으로는 오늘 소개해드릴 Engine's Editor 만 사용하고 있습니다. 

 

 

태그연습장 다운로드

 

태그연습장.exe

 

제작자 '뮤직엔진'님의 블로그

http://blog.naver.com/musicengine/86713112

 

프로그램 설치 후 태그연습장을 실행하면 아래와 같이 아주 간단한 창이 나옵니다. 오른쪽으로는 태그 입력창, 왼쪽으로는 결과창의 아주 심플한 화면구성입니다. 몇 가지 테스트를 해보았습니다. 폰트수정과 이미지 추가 그리고 링크연결과 테이블생성등의 태그를 입력하고 상단 '결과보기'를 누르니 우측으로 내가 입력한 태그가 즉시 결과로 노출됩니다. 

 

태그연습장_블로거_블로그_티스토리_reddreams

 

좌상단 '윈도우'를 클릭하면 프로그램 창의 크기를 4단계로 조절이 가능합니다. 따라서 결과값의 크기에 따라 자유롭게 선택하여 적용하실 수 있습니다. 

 

태그연습장_블로거_블로그_티스토리_reddreams

 

앞서말씀드린대로 본인은 태그연습장을 티스토리를 수정할때 자주 이용합니다. 최근 다음뷰의 종류로 허전하게 비어있던 본문 하단 영역을 아래와 같이 변경해보았습니다. 테이블을 만들고 믹시코드를 넣고 RSS와 EMAIL구독버튼을 만들고 덧붙여 페북좋아요와 구글플러스 +1 버튼 위젯까지 넣을 수 있도록 구성하였는데 태그연습장의 도움으로 특별한 어려움없이 원하는 모양을 만들어 냈습니다. 이렇게 태그연습장을 활용하면 매번 HTML을 수정하고 미리보기하는 번거로운 작업을 전혀 안하셔도 됩니다. 

 

태그연습장_블로거_블로그_티스토리_reddreams

 

 

또한, 이 태그연습장은 아래와 같이 프레임 설정이 가능합니다. 1:1 기본설정은 물론 결과창 활성화, 소스창활성화로 화면을 더욱 더 효과적으로 보면서 작업하실 수 있습니다. 

 

태그연습장_블로거_블로그_티스토리_reddreams

 

 

이 프로그램을 고집하는 이유는 또 있습니다. 보시는 것처럼 태그연습장에 '도구모음'이 존재하기 때문에 html을 직접 공부할 수 있습니다. 일반 에디터와 미디어,이미지삽입, 테이블과 필드셋 수정, 스크롤바세팅 등 왠만한 HTML을 즉시 확인하고 그 소스를 추출할 수 있도록 해줍니다. 

 

태그연습장_블로거_블로그_티스토리_reddreams

 

 

미디어 삽입 도구모음을 클릭해보니 아래와 같이 정렬위치,보더설정,필터효과, 재생방식, 디스플레이, 쇼콘트롤 등 외우기 쉽지않았던 상세한 명령어들이 전부 나열되어 있습니다. 테이블 도구모음에는 가로,세로,배경,보더,간격,필터 등에 대한 정보도 전부 노출됩니다. 도구모음을 통해 원하는 태그와 화면을 생성한 후 입력란에 원하는 문구만 적어주시면 됩니다. 

 

태그연습장_블로거_블로그_티스토리_reddreams

태그연습장_블로거_블로그_티스토리_reddreams

 

HTML태그가 점점 보편화되고 사용이 쉬워짐에 따라 티스토리의 HTML과 SKIN을 수정하시는 분들이 많아지고 있습니다. 혹시라도 아직까지 블로그에 텍스트와 이미지만 추가하시는 분들이 있다면 오늘 소개해드린 HTML 태그 연습장을 활용하여 블로그를 더욱 멋지게 꾸미시기 바랍니다. 


출처: http://reddreams.tistory.com/1193?category=304977 [빨간꿈을꾸다]


List of Articles
번호 제목 글쓴이 날짜 조회 수
19 2021 웹 개발 테크트리 총정리(나는 무엇을 배워야 할까?)  twin 2021.03.10 343
18 5대 웹브라우저, 그 이름과 로고의 의미  twin 2017.06.12 22631
17 Color CSS name, hex code, or RGB values  twin 2017.05.08 561
16 HTML & JavaScript & CSS_CSS.pdf 일람표  twin 2017.05.30 831
15 HTML COLOR 색상표  twin 2019.01.08 1403
14 html5 게임 들여다 보기  twin 2017.05.15 565
13 marquee 태그 사용법  twin 2020.10.05 2388
12 Server/Client, IP주소, 포트, Protocol, TCP, UDP  twin 2017.06.08 990
» 내맘대로 꾸미는 블로그, 태그연습장을 활용  twin 2019.01.08 714
10 네크워크 기본 용어  twin 2017.06.08 557
9 네트워크-IP주소 / Port Number (포트번호)  twin 2017.06.08 1846
8 네트워크-내컴퓨터 ip주소 확인하는 법  twin 2017.06.08 984
7 소스코드 정렬 사이트  twin 2019.08.29 527
6 웹 개발자가 되기 위한 학습 로드맵  twin 2021.03.10 247
5 웹표준 & html5 & css 관련 링크  twin 2018.09.06 606
4 자바스크립트 배우기전 꼭 봐야할 영상 | 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)  twin 2020.06.22 288
3 컴퓨터 네트워크-TCP / UDP   twin 2017.06.08 650
2 코딩 배워서 앱, 웹 만들고 싶으신가요? 코딩 공부 순서 정리해드립니다.  twin 2019.09.02 596
1 태그로 유트브를 연결하기  twin 2020.09.11 230
Board Pagination Prev 1 Next
/ 1