none
Desenvolver paginas sharepoint 2007

    Pergunta

  • Pessoal,

    Preciso colocar um mapa do brasil num site em branco criado no sharepoint 2007, que ao passar o mouse nos estados do mapa o mesmo poderá ser clicado e redirecionado para outras paginas, a minha dúvida é preciso colocar uma webpart de imagem ou uma webpart especifica para isso ou tenho que alterar a pagina pelo sharepoint design e tratar essa imagem na mão com javascript e folhas de estilos sem acrescentar nenhuma webpart, como poderei fazer isso de uma forma mais correta. Outra dúvida, vou colocar varios links na pagina e ao clicar nesses links a pagina deverá ser carregada com o conteudo na mesma pagina sendo numa área especifica que eu escolher.

    Agradeço a atodos...
    EMERSON
    quinta-feira, 3 de setembro de 2009 22:47

Respostas

  • Lembraste-me um control que existe em ASP.net chamado "asp:ImageMap" que pode ser util.

    Este control tem como função adicionar uma imagem e definir zonas chamadas "Hotspots" com links associados, essas zona com link podem ser os diversos estados.
    Um pequeno codigo

    Se quiseres utilizar o Sharepoint Designer, 
    Abre o teu site de sharepoint, Menu "File>new>Page" seleciona paginas .aspx.
    No menu "Insert>ASP.NET controls>More ASP.Net Control" do lado direito "Toolbox" ira aparecer diversos controlos de asp.net entre eles "ImageMap", arrasta o controlo para a tua pagina em branco.
    Seleciona o control e no menu da esquerda em baixo, procura a opção "ImageUrl", onde iras direcionar a imagem com o mapa do brasil.
    Para começares a definir as tuas areas e os links associados no mapa, no menu da esquerda em baixo, seleciona a opção "HotSpots" onde adicionas a posição X,Y da tua zona e o url correspondente.

    Espero que possa ajudar. 

    André Lage Microsoft SharePoint and CRM Consultant
    Blog:http://aaclage.blogspot.com
    Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    quinta-feira, 3 de setembro de 2009 23:06
    Moderador
  • Lembraste-me um control que existe em ASP.net chamado "asp:ImageMap" que pode ser util.

    Este control tem como função adicionar uma imagem e definir zonas chamadas "Hotspots" com links associados, essas zona com link podem ser os diversos estados.
    Um pequeno codigo

    Se quiseres utilizar o Sharepoint Designer, 
    Abre o teu site de sharepoint, Menu "File>new>Page" seleciona paginas .aspx.
    No menu "Insert>ASP.NET controls>More ASP.Net Control" do lado direito "Toolbox" ira aparecer diversos controlos de asp.net entre eles "ImageMap", arrasta o controlo para a tua pagina em branco.
    Seleciona o control e no menu da esquerda em baixo, procura a opção "ImageUrl", onde iras direcionar a imagem com o mapa do brasil.
    Para começares a definir as tuas areas e os links associados no mapa, no menu da esquerda em baixo, seleciona a opção "HotSpots" onde adicionas a posição X,Y da tua zona e o url correspondente.

    Espero que possa ajudar. 

    André Lage Microsoft SharePoint and CRM Consultant
    Blog:http://aaclage.blogspot.com
    Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/

    Opa André entendi o que você falou muito boa a sua dica, mas o problema e o pessoal de design, vai passar uma imagem ja feita em javascript com os estados prontos até ai tudo bem, a minha dúvida e como vou colocar isso na pagina principal do site em sharepoint, estou editando a pagina default.master e nela que os mapas tera que apresentar quando a pagina ser carregada, eu não consigo e alinhar isso na pagina porque pelo o que eu vi o sharepoint trabalha muito com tabelas e todo o design do mapa estar em div, estou tetando colocar isso na tag ContentPlaceHolder onde são duas webparts, eu queria uma dica sua de qual melhor maneira de fazer isso se e dentro de uma webpart ou não a minha pagina tem duas webparts uma de links e a outra de imagem.
    EMERSON
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 12:41
  • Emerson,

    A default.master é a página que define a estrutura básica de todas as outras páginas do site do sharepoint onde ela está sendo aplicada.

    No seu caso pelo que entendi, basta no proprio navegador, entrar na página que você deseja editar com direitos de usuário "colaborador", e adicionar uma "webpart do editor de conteúdo", dai você adiciona o conteúdo que quiser na página clicando na opção "abra o painel de ferramentas" e no botão
      ou ;

    dai em diante é só adionar o conteúdo que quiser da forma quer quiser na página como se editasse por um editor HTML normal. Assim vc pode editar e criar a página que quiser somente com os recursos de edição do sharepoint.


    qualquer coisa você pode usar também a opção de "conteúdo reutilizável" . tem um tutorial no link: http://office.microsoft.com/pt-pt/sharepointserver/HA101638382070.aspx#add_item


    Marcos Santos - MCTS Sharepoint Especialista TI - marcossan73@hotmail.com
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 16:58
  • Emerson,

    A default.master é a página que define a estrutura básica de todas as outras páginas do site do sharepoint onde ela está sendo aplicada.

    No seu caso pelo que entendi, basta no proprio navegador, entrar na página que você deseja editar com direitos de usuário "colaborador", e adicionar uma "webpart do editor de conteúdo", dai você adiciona o conteúdo que quiser na página clicando na opção "abra o painel de ferramentas" e no botão
      ou ;

    dai em diante é só adionar o conteúdo que quiser da forma quer quiser na página como se editasse por um editor HTML normal. Assim vc pode editar e criar a página que quiser somente com os recursos de edição do sharepoint.


    qualquer coisa você pode usar também a opção de "conteúdo reutilizável" . tem um tutorial no link: http://office.microsoft.com/pt-pt/sharepointserver/HA101638382070.aspx#add_item


    Marcos Santos - MCTS Sharepoint Especialista TI - marcossan73@hotmail.com

    Opa Marcos, agradeço a sua ajuda, mas o que acontece e que eu criei um site em branco ok, para poder montar o portal da empresa, então eu comecei a mudar os layouts editando no sharepoint design a pagina default.master, comecei a mudar um monte de coisas para adaptar as imagens icones conforme o solicitado alterando na mão mesmo, mas tem uma imagem de uma mapa do brasil em .gif feito com css usando javascript para clicar nos estados até ai tudo bem, a minha dificuldade e colocar essa imagem no site, ou seja, na pagina principal eu coloquei uma webpart de imagem mas o sharepoint trabalha com <table> e preciso trabalhar na imagem com div e não estou conseguindo centralizar a imagem, eu tenho duas webpart na pagina uma de imagem e uma de editor de texto essa que voce colocou no exemplo acima, eu não sei se estou fazendo da forma correta porque estou editando a pagina principal default.master e nela estou alterando os designs e tentando colocar o mapa, como estou começando a desenvolver para sharepoint tenho muitas dúvidas sobre isso.

    agradeço

    EMERSON
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 17:18
  • Emerson, 

    ja reparei que os designers fizeram o layout para ter regras de acessibilidade, vais ter alguns problemas com certos controls, tipo webparts, recomendo-te leitura sobre regras de acessibilidade em Sharepoint "link em baixo" isto normalmente da-me sempre bastante trabalho.
    Recomendo reunires com os designers e dizeres o que vem de base no sharepoint e problemas que vais encontra e como se constroi, tenta chegar a um acordo com eles senao vais bater em muitos muros.

    Site sobre regras e como utilizar a acessibilidade em Sharepoint .
    https://aks.hisoftware.com/default.aspx

    cumprimentos,

    André Lage Microsoft SharePoint and CRM Consultant
    Blog:http://aaclage.blogspot.com
    Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 17:27
    Moderador

Todas as Respostas

  • Lembraste-me um control que existe em ASP.net chamado "asp:ImageMap" que pode ser util.

    Este control tem como função adicionar uma imagem e definir zonas chamadas "Hotspots" com links associados, essas zona com link podem ser os diversos estados.
    Um pequeno codigo

    Se quiseres utilizar o Sharepoint Designer, 
    Abre o teu site de sharepoint, Menu "File>new>Page" seleciona paginas .aspx.
    No menu "Insert>ASP.NET controls>More ASP.Net Control" do lado direito "Toolbox" ira aparecer diversos controlos de asp.net entre eles "ImageMap", arrasta o controlo para a tua pagina em branco.
    Seleciona o control e no menu da esquerda em baixo, procura a opção "ImageUrl", onde iras direcionar a imagem com o mapa do brasil.
    Para começares a definir as tuas areas e os links associados no mapa, no menu da esquerda em baixo, seleciona a opção "HotSpots" onde adicionas a posição X,Y da tua zona e o url correspondente.

    Espero que possa ajudar. 

    André Lage Microsoft SharePoint and CRM Consultant
    Blog:http://aaclage.blogspot.com
    Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    quinta-feira, 3 de setembro de 2009 23:06
    Moderador
  • Lembraste-me um control que existe em ASP.net chamado "asp:ImageMap" que pode ser util.

    Este control tem como função adicionar uma imagem e definir zonas chamadas "Hotspots" com links associados, essas zona com link podem ser os diversos estados.
    Um pequeno codigo

    Se quiseres utilizar o Sharepoint Designer, 
    Abre o teu site de sharepoint, Menu "File>new>Page" seleciona paginas .aspx.
    No menu "Insert>ASP.NET controls>More ASP.Net Control" do lado direito "Toolbox" ira aparecer diversos controlos de asp.net entre eles "ImageMap", arrasta o controlo para a tua pagina em branco.
    Seleciona o control e no menu da esquerda em baixo, procura a opção "ImageUrl", onde iras direcionar a imagem com o mapa do brasil.
    Para começares a definir as tuas areas e os links associados no mapa, no menu da esquerda em baixo, seleciona a opção "HotSpots" onde adicionas a posição X,Y da tua zona e o url correspondente.

    Espero que possa ajudar. 

    André Lage Microsoft SharePoint and CRM Consultant
    Blog:http://aaclage.blogspot.com
    Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/

    Opa André entendi o que você falou muito boa a sua dica, mas o problema e o pessoal de design, vai passar uma imagem ja feita em javascript com os estados prontos até ai tudo bem, a minha dúvida e como vou colocar isso na pagina principal do site em sharepoint, estou editando a pagina default.master e nela que os mapas tera que apresentar quando a pagina ser carregada, eu não consigo e alinhar isso na pagina porque pelo o que eu vi o sharepoint trabalha muito com tabelas e todo o design do mapa estar em div, estou tetando colocar isso na tag ContentPlaceHolder onde são duas webparts, eu queria uma dica sua de qual melhor maneira de fazer isso se e dentro de uma webpart ou não a minha pagina tem duas webparts uma de links e a outra de imagem.
    EMERSON
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 12:41
  • Emerson,

    A default.master é a página que define a estrutura básica de todas as outras páginas do site do sharepoint onde ela está sendo aplicada.

    No seu caso pelo que entendi, basta no proprio navegador, entrar na página que você deseja editar com direitos de usuário "colaborador", e adicionar uma "webpart do editor de conteúdo", dai você adiciona o conteúdo que quiser na página clicando na opção "abra o painel de ferramentas" e no botão
      ou ;

    dai em diante é só adionar o conteúdo que quiser da forma quer quiser na página como se editasse por um editor HTML normal. Assim vc pode editar e criar a página que quiser somente com os recursos de edição do sharepoint.


    qualquer coisa você pode usar também a opção de "conteúdo reutilizável" . tem um tutorial no link: http://office.microsoft.com/pt-pt/sharepointserver/HA101638382070.aspx#add_item


    Marcos Santos - MCTS Sharepoint Especialista TI - marcossan73@hotmail.com
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 16:58
  • Emerson,

    A default.master é a página que define a estrutura básica de todas as outras páginas do site do sharepoint onde ela está sendo aplicada.

    No seu caso pelo que entendi, basta no proprio navegador, entrar na página que você deseja editar com direitos de usuário "colaborador", e adicionar uma "webpart do editor de conteúdo", dai você adiciona o conteúdo que quiser na página clicando na opção "abra o painel de ferramentas" e no botão
      ou ;

    dai em diante é só adionar o conteúdo que quiser da forma quer quiser na página como se editasse por um editor HTML normal. Assim vc pode editar e criar a página que quiser somente com os recursos de edição do sharepoint.


    qualquer coisa você pode usar também a opção de "conteúdo reutilizável" . tem um tutorial no link: http://office.microsoft.com/pt-pt/sharepointserver/HA101638382070.aspx#add_item


    Marcos Santos - MCTS Sharepoint Especialista TI - marcossan73@hotmail.com

    Opa Marcos, agradeço a sua ajuda, mas o que acontece e que eu criei um site em branco ok, para poder montar o portal da empresa, então eu comecei a mudar os layouts editando no sharepoint design a pagina default.master, comecei a mudar um monte de coisas para adaptar as imagens icones conforme o solicitado alterando na mão mesmo, mas tem uma imagem de uma mapa do brasil em .gif feito com css usando javascript para clicar nos estados até ai tudo bem, a minha dificuldade e colocar essa imagem no site, ou seja, na pagina principal eu coloquei uma webpart de imagem mas o sharepoint trabalha com <table> e preciso trabalhar na imagem com div e não estou conseguindo centralizar a imagem, eu tenho duas webpart na pagina uma de imagem e uma de editor de texto essa que voce colocou no exemplo acima, eu não sei se estou fazendo da forma correta porque estou editando a pagina principal default.master e nela estou alterando os designs e tentando colocar o mapa, como estou começando a desenvolver para sharepoint tenho muitas dúvidas sobre isso.

    agradeço

    EMERSON
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 17:18
  • Emerson, 

    ja reparei que os designers fizeram o layout para ter regras de acessibilidade, vais ter alguns problemas com certos controls, tipo webparts, recomendo-te leitura sobre regras de acessibilidade em Sharepoint "link em baixo" isto normalmente da-me sempre bastante trabalho.
    Recomendo reunires com os designers e dizeres o que vem de base no sharepoint e problemas que vais encontra e como se constroi, tenta chegar a um acordo com eles senao vais bater em muitos muros.

    Site sobre regras e como utilizar a acessibilidade em Sharepoint .
    https://aks.hisoftware.com/default.aspx

    cumprimentos,

    André Lage Microsoft SharePoint and CRM Consultant
    Blog:http://aaclage.blogspot.com
    Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/
    • Marcado como Resposta EMERSON.NET sexta-feira, 11 de setembro de 2009 13:19
    sexta-feira, 4 de setembro de 2009 17:27
    Moderador