Início > IE8 > Web Slices no IE8

Web Slices no IE8

12 de outubro de 2009 Deixe um comentário Go to comments

Olá,

Hoje estive vendo uma série de novidades do IE8, e uma das coisas que me chamou a atenção devido a sua facilidade é o web slices. Estes são blocos (container) ou partes de uma página na barra de favoritos. Quando você favorita um site utilizando o internet Explorer, você apenas salva o link da página, ao clicar no favorito você é redirecionado a este link, ou seja você vê a página completa. Já os web slices armazenam uma parte da página (definida pelas tag HTML) estas podem ser vista em uma pré-visualização na barra de favoritos sem a necessidade de acessar o site, veja a imagem abaixo uma demonstração:

Os web Slices lembram bastante os feed´s porém com a diferença que os feed´s são utilizados para itens incrementais, como noticia em blog, noticias e etc, já os webSlices são como webparts de uma aplicação, podem ser um site de vendas de carro (ex. webmotors), leilão e etc.

                Agora chega de teoria e vamos a pratica, veja como é simples preparar um site para suportar este recurso.

                1-) Crie um projeto do tipo web application no visual Studio, chame ele de WebSlice.

                2-) Insira uma imagem neste projeto, podendo ser qualquer imagem.

                3-) Para o browser interpretar as partes do site que iremos disponibilizar como webslice é necessário que elas possuam as seguintes características.

                – As partes do site que serão disponibilizadas deverão conter uma div com uma class chamada hslice.

div class="hslice" id="1">

 

                – Também é necessário conter a class entry-title que define um titulo do Web Slice, este titulo ficará na barra dos favoritos.           

<p class="entry-title">Titulo WebSlice</p>

               

                O conteudo do Web Slices pode ser qualquer HTML ou objeto que seja renderizado em HTML, o importante é o conteúdo estar entre as classe entry content.

                Veja um exemplo:         

<div class="hslice" id="1">

        <div class="entry-content" id="2">

            <p class="entry-title">Titulo WebSlice</p>

            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/MCTS.gif" />

            <p>Certificação Nelson Borges</p>

        </div>

</div>

 

                Insira o código acima dentro da body (corpo) da página Default.aspx, e execute o projeto.

Note que ao passar o mouse em cima da imagem um ícone aparece do lado esquerdo, este ícone é um botão para chamar a tela de registro do Web Slices.

 

                Ao registrar o Web Slices um atalho será inserido na aba de favoritos, conforme a primeira imagem deste post.

 

Bom espero que essa dica seja útil, mais informações sobre o Web Slices acesse: http://msdn.microsoft.com/pt-br/magazine/dd458804.aspx

 

Abraço,

 

 

Categorias:IE8
  1. 26 de abril de 2013 às 17:06

    Nice post. I learn something new and challenging on sites I stumbleupon on a daily
    basis. It will always be interesting to read through articles from other authors
    and practice a little something from their web sites.

  1. No trackbacks yet.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: