[Inkscape Brasil] Criar páginas da Web

["Aurélio A. Heckert"]

Olá Weiller,

Sim, você pode incorporar SVG em páginas web de 3 formas diferentes ou 
pode usar diretamente o SVG como página web. Afinal, SVG mantém texto 
acessível, é buscável, e permite links /(fundamentais para a 
hipertextualidade, a essência da web)/. ;-)

Para adicionar a imagem SVG em uma página, pode-se usar:

  * Via tag <img src="imagem.svg"> que se redimensionada redimensionará
    o SVG junto.
  * Dentro de um frame <iframe src="imagem.svg"> que não força dimensão
    do SVG e permite interação via javascript do HTML com o SVG e
    vice-versa.
  * Escrita direta co código SVG dentro do código HTML5.

Para fazer com que o SVG seja uma página web, basta colocá-lo no 
servidor como você faria com um HTML qualquer.

Agora vamos ao seu outro ponto. Pra que servem as opções na janela 
"propriedades do objeto":

  * Id: ajuda a localização de elementos do SVG. É usado internamente em
    vários casos e pode ser usado por código javascript para interação
    também.
  * Rótulo: Só serve pro inkscape.
  * Título: uma meta informação sobre o elemento, para acessibilidade.
  * Descrição: outra meta informação sobre o elemento, para acessibilidade.
  * Ocultar: esconde o elemento via configuração de CSS (em qq software).
  * Bloquear: impede a edição do elemento (no inkscape).
  * Interatividade: provê vários campos "onXXXX", permitindo a definição
    de ações javascript na ocorrência de um determinado evento.
    Exemplos:
      o Adicione em onclick: alert("você clicou!")
        e a mensagem vai aparecer quando clicar no tal objeto.
      o Adicione em...
          + onmouseover: this.style.fill="green"
          + onmouseout: this.style.fill="red"
        e você verá ele mudar de cor pelo simples mover do mouse sobre o
        objeto.
      o Para os exemplos funcionarem você deve salvar o SVG e abri-lo no
        navegador. Basta arrastar o arquivo do seu navegador de
        diretórios para dentro do seu navegador.
      o ...e Sim! Você pode misturar os exemplos.

Eventos são basicamente a motivação existencial do javascript. Saiba 
mais sobre isso:

  * o de sempre: https://www.google.com/search?q=javascript+eventos
  * Basicão, mas parece bom pra
    iniciantes:http://pt.kioskea.net/faq/8922-javascript-os-eventos

É claro... Você *tem que entender javascpt.* MDN é o melhor lugar: 
https://developer.mozilla.org/pt-PT/docs/JavaScript ...mas como sempre, 
completo só em inglês: 
https://developer.mozilla.org/en-US/docs/Web/JavaScript

Depois experimente o menu: "Extensões > Web > Javascript > Definir 
Atributos" e veja o resultado na janela "propriedades do objeto".

Agora divirta-se! :-)

Hasta!
  Aurium


On 05-09-2013 23:28, Weiller Ronfini wrote:
> Boa noite, o meu nome é Weiller e gostaria de saber pois se é possível criar paginas da Web incorporando o arquivo "SVG", salvo pelo "Inkscape", no "HTML"? Gostaria de saber para que serve esta opção no Inkscape, de acordo com o link da imagem abaixo, onde eu crio um objeto e o mesmo vem com estas opções e eu não sei o que colocar nelas pois eu passei a achar que editando estas opções, é possível criar uma página, incorporar o arquivo no HTML e coloca-lo no ar.
>
>
> http://upload.crazzy.com.br/show-image.php?id=77548f46ccaf5d0e2c5a867874119667
>
> Aguardo retorno.
>
> Tenha uma ótima noite.
>
> Atenciosamente: Weiller Braga
> ____________________________________________________
>    Lista de Discussão Inkscape-Brasil
>    O Site da Comunidade:
>    http://inkscapeBrasil.org
>    Sobre a Lista de Discussão:
>    http://inkscapeBrasil.org/Comunidade#ListaDeDiscussao
>    http://inkscapeBrasil.org/Netiqueta
>
>    Quer Scribus?
>    http://wiki.softwarelivre.org/Scribus/Comunidade#ListaDeDiscussao
>    Quer GIMP?
>    http://listas.softwarelivre.org/cgi-bin/mailman/listinfo/gimp-br


-- 

*Aurélio A. Heckert (aka Aurium)*
http://softwarelivre.org/aurium
*COLIVRE --- Coop. de Tecnologias Livres*
http://colivre.coop.br

*Inkscape* --- Desenhe Livremente
http://inkscapeBrasil.org