'웹조각'에 해당되는 글 1건

  1. 2009.04.07 IE 8 - 웹 조각(Web Slices)
2009.04.07 17:49

IE 8 - 웹 조각(Web Slices)

IE 8 새로운 기능중에 하나인 웹 조각(Web Slices)에 대해 살펴 보겠습니다.

매번 자주 업데이트 되는 사이트에 대한 정보를 확인하기 위해서 해당 사이트를 매번 방문해야 했지만,
웹 조각을 이용하면 해당 사이트의 업데이트 정보를 쉽게 확인이 가능합니다.

아래는 Naver에 적용된 웹 조각 입니다.
해당 영역에 마우스를 가져가면 아래 이미지 처럼 녹색 웹 조각 아이콘이 나타납니다.
클릭 하여 즐겨찾기 모음에 추가하면 간단합니다.


아래와 같이 즐겨찾기 모음에 추가된 모습을 볼 수 있습니다.



아래 그림처럼 웹 조각 추가가 가능한 페이지에 접속 하면 아래와 같이 녹색 웹 조각 아이콘이 활성화 됩니다.



제가 주로 활용하는 부분은 이베이의 관심 물품 보기 입니다.
아래와 같이 매번 사이트에 접속 하지 않고도 현재 상태를 확인 할 수 있습니다.



그러면, 얼마나 쉽게 적용이 가능한지 제가 운영중인 블로그에 적용해 보겠습니다.

<Tistory 블로그에 웹 조각 추가 하기>

개인 블로그에도 간단하게 소스 몇 줄만 추가하면 바로 웹 조각 사용이 가능합니다.
저는 최근 포스트 영역에 대해 웹 조각 소스를 적용해 봤습니다.
굵게 표시된영역이 추가된 부분입니다.

<s_sidebar_element>
<!-- 최근 포스트 모듈 -->
<div class="hslice" id="recent_post">
<div class="entry-title" style="display:none">Recent Articles</div>
<div class="entry-content">

  <div class="module">
    <h3>Recent Article</h3>  
     <ul class="contents">
       <s_rctps_rep>
         <li>
           <a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##]</a>
            <span class="count">[##_rctps_rep_rp_cnt_##]</span>
          </li>
        </s_rctps_rep>
      </ul>
    </div>
</div>
</div>

<!-- 최근 포스트 모듈 끝 -->
</s_sidebar_element>

적용된 모습은 아래와 같습니다. 참 쉽죠??



자세한 내용을 원하시면 아래 링크들을 참고하시면 됩니다.

MS 공식 홈페이지
http://www.microsoft.com/korea/windows/internet-explorer/features/web-slices.aspx?tabid=1&catid=1

웹 조각 갤러리 : http://ieaddons.com/kr/webslices/

MSDN 정보 : http://msdn.microsoft.com/ko-kr/library/cc196992(en-us,VS.85).aspx
신고

Trackback 1 Comment 0


티스토리 툴바