Mudanças entre as edições de "Bruno"
(Criou página com 'Aluno de Graduação no Instituto de Física da Universidade de São Paulo') |
|||
Linha 1: | Linha 1: | ||
− | + | == Edição simples de texto == | |
+ | '''ATENÇÃO:''' antes de inserir ou editar qualquer texto, lembre-se das finalidades e objetivos do projeto Stoa, isto não uma comunidade do Orkut. O que você posta nessas páginas é um ''verbete'', não um comentário simples. Portanto se assegure que seu conteúdo é relevante e inédito, lendo o que seus colegas postaram antes de inserir sua parte - principalmente quando se tratar de verbetes coletivos. Tenha noção, por favor. | ||
+ | |||
+ | Acompanhe as dicas de formatação a seguir: | ||
+ | |||
+ | ===Revisões=== | ||
+ | |||
+ | :Como na ''[[:pt:Página principal|Wikipédia]]'', o objetivo deste sistema é criar uma fonte de referência pública, que todos os alunos podem consultar e editar. A razão disto é muito simples: compartilhar conhecimento. Na maioria das vezes, alguém já terá postado sobre o assunto que você tem para contribuir. Sua tarefa nesses casos é editar o artigo e acrescentar a sua parte. Nesse processo, você complementa o que já pesquisou e ajuda a criar um material de referência mais completo. | ||
+ | |||
+ | :Para editar um verbete já existente, clique no link '''''edit''''' que fica no canto superior de seu título. Repare que existem diversos links desses, cada um relativo ao texto diretamente abaixo. O link levará você à página de edição, com o código que o servidor usa para produzir a página final. | ||
+ | |||
+ | :Por mais que esse código pareça assustador, ele foi feito para ser o mais amigável possível, como um editor de texto simples. Suas principais funções estão em sua barra de navegação: | ||
+ | |||
+ | |||
+ | [[Imagem:Barra_de_botões_0.gif|center]] | ||
+ | |||
+ | :Se quiser experimentar use [http://pt.wikipedia.org/wiki/Wikipedia:P%C3%A1gina_de_testes este link], não as páginas de conteúdo final. | ||
+ | |||
+ | === Novos verbetes === | ||
+ | :Cada vez que se criar um link para um verbete inexistente, o sistema criará uma página nova, com o formulário acima. Por isso, se a página que você pretende escrever não existe ainda, vá para a página que chamaria seu conteúdo e a edite para [[#criando links|criar um link]]. Grave a página e a acesse. Ao clicar no novo link que você criou, o sistema abre um formulário para seu novo verbete. Em caso de dúvidas, [mailto:luli@luli.com.br fale comigo]. | ||
+ | |||
+ | ===Escreva seu texto ou alteração=== | ||
+ | :No formulário, digite simplesmente seu texto, sem se preocupar com acentuação. Para marcações especiais, use a barra de formatação. É tão simples quanto editar um blog. À medida que você aplica estilos de formatação e links, no entanto, seu texto se torna mais difícil de ler. Para quem não está habituado eu recomendo ter uma cópia em um editor de texto e alterar um sub-tópico por vez, evitando danos a outras áreas. | ||
+ | |||
+ | :Mas não se intimide: a única forma de pegar prática é treinar. Se der errado, recomece. Se for mexer no texto já começado por outros, imprima o original e o copie para um editor de texto, se prevenindo para o eventual caso em que seja obrigado a refazê-lo. | ||
+ | |||
+ | ===Para criar links=== | ||
+ | :Para criar um link para uma página externa, basta escrevê-lo (''ex: http://www.wikipedia.org''). | ||
+ | :Se quiser colocar outro nome que não o link direto, escreva-o após o endereço (''<nowiki>[http://www.wikipedia.org Wikipédia em inglês]</nowiki> esconde o link e deixa o texto [http://www.wikipedia.org Wikipédia em inglês]''). | ||
+ | :Se o link for para um verbete desta Wiki, coloque-o entre colchetes duplos (''<nowiki>[[Aulas]]</nowiki> gera o link para a página [[Aulas]]''). | ||
+ | :Se o link for para uma sub-seção de uma página, coloque o símbolo''''' #''''' antes do nome da seção (''<nowiki>[[Aulas #Aula 3]]</nowiki> redireciona para o sub-item ''Aula 3'' na página ''Aulas'', [[Aulas #Aula 3|assim]]''). | ||
+ | |||
+ | ===Registre suas alterações=== | ||
+ | :Se você alterou uma página, registre resumidamente o que fez no campo logo abaixo da edição de texto. Isso facilita a identificação da autoria de cada verbete. | ||
+ | |||
+ | ===Reveja suas alterações antes de gravá-las=== | ||
+ | :Sempre que você fizer alguma alteração de porte, clique no botão '''Mostrar previsão''' antes de gravar a página. Isso permite a correção de erros antes de tornar a página permanente. Ao gravá-la (''salvar''), suas alterações serão imediatamente aplicadas ao verbete. | ||
+ | |||
+ | ===Date e assine=== | ||
+ | :Ao terminar a criação ou alterações do texto, não se esqueça de clicar no botão de assinatura e registrar suas mudanças, assim: | ||
+ | |||
+ | --[[Usuário:Luli|Luli]] 20:21, 24 Abril 2007 (BRT)Luli | ||
+ | |||
+ | == Formatação de texto == | ||
+ | |||
+ | Se você quiser formatar páginas usando o código Wiki, ou simplesmente compreendê-lo melhor, consulte a tabela a seguir: | ||
+ | <center> | ||
+ | {|width="80%" border="1" cellpadding="2" cellspacing="0" | ||
+ | |- | ||
+ | !O que digitar | ||
+ | !Como fica | ||
+ | |- | ||
+ | |<pre> | ||
+ | Para se escrever textos em ''itálico'', | ||
+ | coloque dois apóstrofos (') de cada lado. | ||
+ | |||
+ | 3 apóstrofos deixarão o texto em '''negrito'''. | ||
+ | |||
+ | 5 apóstrofos o formatarão em | ||
+ | '''''negrito e itálico'''''. | ||
+ | |||
+ | (Usar 4 apóstrofos não fará nada de especial, | ||
+ | eles apenas deixarão '''' restos'''' | ||
+ | como parte do texto.)</pre> | ||
+ | | | ||
+ | Para se escrever textos em ''itálico'',<br> | ||
+ | coloque dois apóstrofos (') de cada lado. | ||
+ | |||
+ | 3 apóstrofos deixarão o texto em '''negrito'''. | ||
+ | |||
+ | 5 apóstrofos o formatarão em | ||
+ | '''''negrito e itálico'''''. | ||
+ | |||
+ | (Usar 4 apóstrofos não fará nada de especial, | ||
+ | eles apenas deixarão '''' restos'''' como parte do texto.) | ||
+ | |- | ||
+ | |<pre> | ||
+ | Uma quebra de linha | ||
+ | geralmente não tem efeito no layout. | ||
+ | Elas podem ser utilizadas para separar | ||
+ | frases dentro de um parágrafo | ||
+ | (e facilitar a revisão de sua formatação). | ||
+ | |||
+ | Uma linha em branco, no entanto, | ||
+ | inicia um novo parágrafo. | ||
+ | |||
+ | Quando usada em uma lista, uma quebra | ||
+ | de linha ''afeta''<br> | ||
+ | o layout ([[#listas|veja abaixo]]).</pre> | ||
+ | | | ||
+ | Uma quebra de linha | ||
+ | geralmente não tem efeito no layout. | ||
+ | Elas podem ser utilizadas para separar | ||
+ | frases dentro de um parágrafo | ||
+ | (e facilitar a revisão de sua formatação). | ||
+ | |||
+ | Uma linha em branco, no entanto, | ||
+ | inicia um novo parágrafo. | ||
+ | |||
+ | Quando usada em uma lista, uma quebra de linha | ||
+ | ''afeta''<br>o layout ([[#listas|veja abaixo]]). | ||
+ | |- | ||
+ | |<pre> | ||
+ | Você pode forçar a quebra<br> | ||
+ | de linhas<br> | ||
+ | sem iniciar um novo parágrafo.<br> | ||
+ | Fica estranho, use conscientemente. | ||
+ | |||
+ | Para maior eficiência de sua página Wiki,<br> | ||
+ | não comece o '''bold''' ou ''itálico'' | ||
+ | em uma linha para terminar em outra.</pre> | ||
+ | | | ||
+ | Você pode forçar a quebra<br> | ||
+ | de linhas<br> | ||
+ | sem iniciar um novo parágrafo.<br> | ||
+ | Fica estranho, use conscientemente. | ||
+ | |||
+ | Para maior eficiência de sua página Wiki,<br> | ||
+ | não comece o '''bold''' ou ''itálico'' | ||
+ | em uma linha para terminar em outra. | ||
+ | |||
+ | |} | ||
+ | </CENTER> | ||
+ | |||
+ | ==Divisões internas== | ||
+ | Ferramentas para organizar seus verbetes - seções, parágrafos, listas e linhas: | ||
+ | |||
+ | <CENTER> | ||
+ | {| width="80%" border="1" cellpadding="2" cellspacing="0" | ||
+ | |- | ||
+ | !O que digitar | ||
+ | !Como fica | ||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | |||
+ | = NÃO USE ESTE = | ||
+ | |||
+ | == Nova seção == | ||
+ | |||
+ | === Sub-seção === | ||
+ | |||
+ | ==== Sub-subseção ==== | ||
+ | </nowiki></pre> | ||
+ | |||
+ | | | ||
+ | <br> | ||
+ | <div style="font-size:150%;border-bottom:1px solid #000000;">Nova seção</div> | ||
+ | <br> | ||
+ | <div style="font-size:132%;font-weight:bold;">Sub-seção</div> | ||
+ | <br> | ||
+ | <div style="font-size:108%;font-weight:bold;">Sub-subseção</div> | ||
+ | <br> | ||
+ | Comece as seções com seus títulos. Um único <tt><nowiki>=</nowiki></tt> de cada lado determina o maior nível de seção, equivalente a um título de página. Por convenção, ele é reservado para tal e não usado internamente. Para fazer seções, recomenda-se: | ||
+ | * Começar com um título secundário (<tt><nowiki>==</nowiki></tt>); e | ||
+ | * Respeitar a hierarquia de níveis (evitar ir do segundo para o quarto níveis; ou vice-versa). | ||
+ | |||
+ | |||
+ | |- | ||
+ | |<pre><nowiki>* Listas de ''bullets'' são fáceis de fazer: | ||
+ | * comece cada linha com um asterisco; | ||
+ | ** mais asteriscos indicam níveis inferiores. | ||
+ | ** Uma quebra de linha em uma lista | ||
+ | marca o fim da lista. | ||
+ | |||
+ | * E você | ||
+ | ** sempre pode | ||
+ | * recomeçar. | ||
+ | |||
+ | </nowiki></pre> | ||
+ | | | ||
+ | * Listas de ''bullets'' são fáceis de fazer: | ||
+ | * comece cada linha com um asterisco; | ||
+ | ** mais asteriscos indicam níveis inferiores. | ||
+ | ** Uma quebra de linha em uma lista | ||
+ | marca o fim da lista. | ||
+ | |||
+ | * E você | ||
+ | ** sempre pode | ||
+ | * recomeçar. | ||
+ | |||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | # Listas ''numeradas'' também são fáceis, | ||
+ | ## organizam seu texto | ||
+ | ## e são de fácil acompanhamento | ||
+ | ## Uma quebra de linha em uma lista | ||
+ | marca o fim da lista. | ||
+ | |||
+ | #A numeração sempre recomeça com 1. | ||
+ | </nowiki></pre> | ||
+ | |||
+ | | | ||
+ | # Listas ''numeradas'' também são fáceis, | ||
+ | ## organizam seu texto | ||
+ | ## e são de fácil acompanhamento | ||
+ | ## Uma quebra de linha em uma lista | ||
+ | marca o fim da lista. | ||
+ | |||
+ | #A numeração sempre recomeça com 1. | ||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | * Você também pode fazer listas ''mistas'' | ||
+ | *# e intercalá-las | ||
+ | *#* ou quebrar linhas<br/>em listas</nowiki></pre> | ||
+ | | | ||
+ | * Você também pode fazer listas ''mistas'' | ||
+ | *# e intercalá-las | ||
+ | *#* ou quebrar linhas<br/>em listas | ||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | ; Termo : Definição de uma palavra. | ||
+ | ; Termo ou frase maior | ||
+ | : Sua definição logo abaixo. | ||
+ | </nowiki></pre> | ||
+ | | | ||
+ | Definições: | ||
+ | |||
+ | ; Termo : Definição de uma palavra. | ||
+ | ; Termo ou frase maior | ||
+ | : Sua definição logo abaixo. | ||
+ | |||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | : O uso de dois pontos (:) no início | ||
+ | de um parágrafo o desloca para a direita. | ||
+ | Uma nova linha sem (:) devolve o parágrafo | ||
+ | para sua posição original. | ||
+ | |||
+ | </nowiki></pre> | ||
+ | |||
+ | | | ||
+ | Deslocamento | ||
+ | |||
+ | : O uso de dois pontos (:) no início de um parágrafo o desloca para a direita. | ||
+ | Uma nova linha sem (:) devolve o parágrafo | ||
+ | para sua posição original. | ||
+ | |||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | Quando houver a necessidade | ||
+ | de se destacar um bloco de texto, | ||
+ | <BLOCKQUOTE> | ||
+ | '''BLOCKQUOTE''' é um comando HTML | ||
+ | que cria recuos em ambas as margens. | ||
+ | Muito usado para citações de outras fontes. | ||
+ | </BLOCKQUOTE> | ||
+ | </nowiki></pre> | ||
+ | |||
+ | | | ||
+ | Quando houver a necessidade de se destacar um bloco de texto, | ||
+ | <BLOCKQUOTE> | ||
+ | '''BLOCKQUOTE''' é um comando HTML que cria recuos em ambas as margens. | ||
+ | Muito usado para citações de outras fontes. | ||
+ | </BLOCKQUOTE> | ||
+ | |||
+ | |||
+ | |- | ||
+ | |<pre><nowiki>Uma linha de divisão: | ||
+ | |||
+ | texto acima dela... | ||
+ | ---- | ||
+ | ...texto abaixo dela. | ||
+ | </nowiki></pre> | ||
+ | |||
+ | Linhas de divisão sem indicações de seção não são listadas no índice, por isso é melhor usar seções para dividir o texto. | ||
+ | |||
+ | | | ||
+ | Uma linha de divisão: | ||
+ | |||
+ | texto acima dela... | ||
+ | ---- | ||
+ | ...texto abaixo dela. | ||
+ | |||
+ | |||
+ | |} | ||
+ | |||
+ | </CENTER> | ||
+ | |||
+ | == InterWikis == | ||
+ | |||
+ | '''[[:pt:InterWiki|InterWiki]]''' é uma idéia de ter um sistema unificado de [[:pt:Wiki|Wikis]] entre todos os sites que utilizam o sistema wiki. Com os códigos interwiki pode-se facilitar a referência: | ||
+ | |||
+ | * a outros projetos relacionados à ''wikipedia'' e seus derivados; | ||
+ | * a cópias de determinados artigos disponíveis em outro idioma. | ||
+ | |||
+ | Para fazer referência a um artigo sobre ''design'', por exemplo, da Wikipédia em português, digite: | ||
+ | |||
+ | <tt><nowiki>[[:pt:design|título do link]].</nowiki></tt> | ||
+ | |||
+ | O código ''':pt''' significa que o link se referirá ao determinado artigo na Wikipédia em português. Use ''':en''' para se referir à [[:en:Main page|Wikipédia em inglês]], ''':it''' para [[:it:Pagina principale|italiano]] e assim por diante. | ||
+ | |||
+ | Veja o [[mapa de interwikis]] do StoaWiki (lista incompleta). Para você ter uma idéia de várias interwikis que podem ser usadas aqui, visite o [[meta:Interwiki map|mapa de interwikis da Wikipédia]]. | ||
+ | |||
+ | <CENTER> | ||
+ | {| width="80%" border="1" cellpadding="2" cellspacing="0" | ||
+ | |- | ||
+ | !O que digitar | ||
+ | !Como fica | ||
+ | |- | ||
+ | |<pre><nowiki> | ||
+ | Este é o link de | ||
+ | [[:pt:design|design em Português]] | ||
+ | da Wikipédia. | ||
+ | Este é o em [[:en:design|Inglês]]. | ||
+ | </nowiki></pre> | ||
+ | | Este é o link de [[:pt:design|design em Português]] da Wikipédia. Este é o em [[:en:design|Inglês]]. | ||
+ | |} | ||
+ | </CENTER> | ||
+ | |||
+ | == Referências e rodapés == | ||
+ | |||
+ | Para referências e rodapés, você precisa do comando '''<tt><nowiki><ref></nowiki></tt>'''.<br/><br/> | ||
+ | |||
+ | Coloque a referência ou nota de rodapé entre '''<tt><nowiki><ref></nowiki></tt>''' e '''<tt><nowiki></ref></nowiki></tt>''', depois coloque o comando '''<tt><nowiki><references/></nowiki></tt>''' no local onde quiser citar a fonte. | ||
+ | |||
+ | === Exemplo === | ||
+ | |||
+ | <blockquote> | ||
+ | |||
+ | A eletrodinâmica quântica é atualmente a teoria física mais precisa<br/> | ||
+ | <tt><b>'''<ref>'''<nowiki>[http://www.physorg.com/news8731.html Measurement of physics]</nowiki></b></tt>'''</ref>'''<br/> das testadas experimentalmente.<br/> | ||
+ | |||
+ | </blockquote> | ||
+ | |||
+ | O texto acima fica assim: | ||
+ | |||
+ | <blockquote> | ||
+ | A eletrodinâmica quântica é atualmente a teoria física mais precisa<ref>[http://www.physorg.com/news8731.html Measurement of physics]</ref> das testadas experimentalmente.<br/> | ||
+ | </blockquote> | ||
+ | |||
+ | ===Múltiplos usos da mesma nota de rodapé=== | ||
+ | |||
+ | Para usar a mesma nota de rodapé para várias citações, use o comando '''<nowiki><ref name="name"></nowiki>'''. | ||
+ | |||
+ | No exemplo seguinte, a mesma fonte é citada três vezes. | ||
+ | |||
+ | <blockquote> | ||
+ | Limãos não são laranjas. | ||
+ | <tt>'''<ref name="cor"><nowiki>'''''</nowiki>RADFAHRER, Luli<nowiki>'''</nowiki>. Almanaque do Daltônico em tempos modernos. Edusp, São Paulo, 1993.<nowiki>''</nowiki></ref>'''</tt> | ||
+ | <br/><br/> | ||
+ | Essas referências são bastante úteis para citar vários trechos que remetam à mesma fonte.<br/> | ||
+ | <tt>'''<ref name="cor">Depois de definida a citação, qualquer texto que vier a seguir será supérfluo e não aparecerá em lugar algum.</ref>'''</tt> | ||
+ | <br/><br/> | ||
+ | Você pode substituí-los por comandos vazios, com uma barra no final, como aqui.<tt>'''<ref name="cor" />'''</tt> | ||
+ | </blockquote> | ||
+ | |||
+ | O texto acima fica formatado assim: | ||
+ | <blockquote> | ||
+ | Limãos não são laranjas. | ||
+ | <ref name="cor">'''''RADFAHRER, Luli'''. Almanaque do Daltônico em tempos modernos. Edusp, São Paulo, 1993''</ref> | ||
+ | <br/><br/> | ||
+ | Essas referências são bastante úteis para citar vários trechos que remetam à mesma fonte.<ref name="cor">Depois de definida a citação, qualquer texto que vier a seguir será supérfluo e não aparecerá em lugar algum.</ref> | ||
+ | <br/><br/> | ||
+ | Você pode substituí-los por comandos vazios, com uma barra no final, como aqui.<ref name="cor" /> | ||
+ | </blockquote> | ||
+ | |||
+ | === Adicionando as referências ou notas de rodapé === | ||
+ | O comando '''<tt><nowiki><references/></nowiki></tt>''' insere o texto completo de todas as notas de rodapé, em qualquer lugar da página.<br/><br/> | ||
+ | Baseado nos comandos acima, o código '''<tt><nowiki><references/></nowiki></tt>''' produz: | ||
+ | |||
+ | <references/> | ||
+ | |||
+ | == Imagens == | ||
+ | |||
+ | Antes de incluir uma imagem em um verbete, certifique-se que ela está no endereço certo. | ||
+ | |||
+ | === Normas === | ||
+ | |||
+ | O comando completo para se referenciar uma imagem carregada dentro deste wiki é: | ||
+ | |||
+ | <tt><nowiki>[[Imagem:</nowiki>'''''link da imagem'''''|'''''moldura'''''|'''''alinhamento'''''|'''''largura da imagem'''''|'''''legenda'''''<nowiki>]]</nowiki></tt> | ||
+ | |||
+ | Mas você pode colocar apenas: | ||
+ | |||
+ | <tt><nowiki>[[Imagem:</nowiki>'''''link'''''<nowiki>]]</nowiki></tt> | ||
+ | |||
+ | |||
+ | Veja em detalhes o que significa cada termo: | ||
+ | |||
+ | <CENTER> | ||
+ | |||
+ | {| width="80%" border="1" cellpadding="2" cellspacing="0" | ||
+ | |- | ||
+ | ! width="15%" | Parâmetro | ||
+ | ! width="10%" | Opções | ||
+ | ! width="15%" | Tipo | ||
+ | ! Definição | ||
+ | |- | ||
+ | | '''''link da imagem''''' | ||
+ | | várias | ||
+ | |Necessário | ||
+ | |Link para a imagem.<br> Se for de sua autoria e estiver em uma pasta do Stoa, deverá ser algo como:<br> | ||
+ | <tt><nowiki>http://stoa.usp.br/luli/files/122/294/limoes.jpg</nowiki></tt> | ||
+ | |||
+ | |- | ||
+ | |'''''moldura''''' | ||
+ | |<code>thumb</code><br/><code>frame</code> | ||
+ | |Opcional<br>(recomendado) | ||
+ | |A imagem é apresentada dentro de uma moldura. | ||
+ | |- | ||
+ | |'''''alinhamento''''' | ||
+ | |<code>left</code><br/><code>center</code><br/><code>right</code><br/><code>none</code> | ||
+ | |Opcional | ||
+ | | Define o alinhamento horizontal da imagem.<br>Quando vazio, a imagem é alinhada à esquerda.<br>Se o campo ''moldura'' estiver preenchido, a imagem será alinhada à direita. | ||
+ | |- | ||
+ | |'''''largura da imagem''''' | ||
+ | | várias | ||
+ | |Opcional<br>(não recomendado) | ||
+ | |Especifica a largura da imagem em px (pixels).<br>Quando vazio, a imagem aparece em seu tamanho original, até o máximo ode 800x600 pixels em páginas de descrição de imagens, e de 180x180 pixels quando estiverem dentro de molduras. | ||
+ | |- | ||
+ | |'''''legenda''''' | ||
+ | | várias | ||
+ | |Opcional<br>(recomendado) | ||
+ | |Caso não se preencha este campo, o nome da imagem aparecerá como legenda. | ||
+ | |} | ||
+ | </CENTER> | ||
+ | |||
+ | === Exemplos === | ||
+ | <CENTER> | ||
+ | |||
+ | {| width="80%" border="1" cellpadding="2" cellspacing="0" | ||
+ | |- | ||
+ | !Descrição | ||
+ | ! width="35%" |O que digitar | ||
+ | ! width="40%" |Como fica | ||
+ | |- valign="top" | ||
+ | | '''Em geral''' | ||
+ | |||
+ | Como regra geral, deve-se preencher o parâmetro <code>thumb</code> e incluir uma legenda descritiva. Não se deve especificar o largura da imagem, para que seja definido nas preferências do usuário. A largura máxima das imagens é de 180 pixels. | ||
+ | |<pre>[[Imagem:PG_Limoes.jpg|thumb|Limões.]]</pre> | ||
+ | || [[Imagem:PG_Limoes.jpg|thumb|Limões.]] | ||
+ | |- valign="top" | ||
+ | | '''Galeria de imagens''' | ||
+ | |||
+ | Permite mostrar um grid de até 4 colunas com imagens. A legenda é opcional e não se pode especificar o tamanho das imagens. | ||
+ | |<pre> | ||
+ | <gallery> | ||
+ | Imagem:PG_Limoes.jpg|Imagens de [[Aulas]]. | ||
+ | Imagem:PG_Limoes.jpg | ||
+ | </gallery></pre> | ||
+ | | | | ||
+ | <gallery> | ||
+ | Imagem:PG_Limoes.jpg|Imagens de [[Aulas]]. | ||
+ | Imagem:PG_Limoes.jpg | ||
+ | </gallery> | ||
+ | |||
+ | |- valign="top" | ||
+ | | '''Alinhamento padrão''' | ||
+ | |||
+ | Utilizando o parâmetro <code>none</code> a imagem interrompe o fluxo de texto. | ||
+ | |<pre> | ||
+ | "Olha o verde, | ||
+ | [[Imagem:PG_Limao.jpg|none]] | ||
+ | olha o limão verdinho, | ||
+ | sem nada de magenta, | ||
+ | só cyan, amarelo e preto!" | ||
+ | </pre> | ||
+ | | "Olha o verde, | ||
+ | [[Imagem:PG_Limao.jpg|none]] | ||
+ | olha o limão verdinho, | ||
+ | sem nada de magenta, | ||
+ | só cyan, amarelo e preto!" | ||
+ | |- valign="top" | ||
+ | | '''Alinhamento bruto''' | ||
+ | |||
+ | A imagem aparece em linha com o texto. | ||
+ | |<pre> | ||
+ | "Olha o verde, | ||
+ | [[Imagem:PG_Limao.jpg]] | ||
+ | olha o limão verdinho!"</pre> | ||
+ | | | ||
+ | "Olha o verde, | ||
+ | [[Imagem:PG_Limao.jpg]] | ||
+ | olha o limão verdinho!" | ||
+ | |- valign="top" | ||
+ | | '''Quebra de linha''' | ||
+ | |||
+ | Pode-se definir a linha em que o texto quebra ao lado da imagem. | ||
+ | |<pre>"Olha o verde, | ||
+ | [[Imagem:PG_Limao.jpg|left]] | ||
+ | olha o limão verdinho, | ||
+ | sem nada de magenta, | ||
+ | só cyan, amarelo e preto!" | ||
+ | | </pre> | ||
+ | | | ||
+ | "Olha o verde, | ||
+ | [[Imagem:PG_Limao.jpg|left]] | ||
+ | olha o limão verdinho, | ||
+ | sem nada de magenta, | ||
+ | só cyan, amarelo e preto!" | ||
+ | |} | ||
+ | </CENTER> | ||
+ | |||
+ | === Links externos === | ||
+ | |||
+ | Basta colocar o endereço, como em <br> | ||
+ | <tt><nowiki>http://stoa.usp.br/luli/files/122/303/limoes.jpg</nowiki></tt> | ||
+ | |||
+ | http://stoa.usp.br/luli/files/122/303/limoes.jpg | ||
+ | |||
+ | Sua imagem também pode apontar para um link externos usando o seguinte comando<br> | ||
+ | <tt><nowiki>[http://link.externo http://link.da.imagem]</nowiki></tt> | ||
+ | |||
+ | Usando a imagem acima e apontando para ela mesma, teremos o código<br> | ||
+ | <tt><nowiki>[http://stoa.usp.br/luli/files/122/303/limoes.jpg http://stoa.usp.br/luli/files/122/303/limoes.jpg]</nowiki></tt> | ||
+ | |||
+ | [http://stoa.usp.br/luli/files/122/303/limoes.jpg http://stoa.usp.br/luli/files/122/303/limoes.jpg] | ||
+ | |||
+ | Colocando o link da figura acima para um local qualquer, por exemplo, o resultado da busca por 'limão' no [http://images.google.com/ images google], temos<br> | ||
+ | <tt><nowiki>[http://images.google.com/images?q=limão http://stoa.usp.br/luli/files/122/303/limoes.jpg]</nowiki></tt> | ||
+ | |||
+ | [http://images.google.com/images?q=limão http://stoa.usp.br/luli/files/122/303/limoes.jpg] | ||
+ | |||
+ | Se quiser centralizar a imagem, coloque o link entre <tt><nowiki><center></center></nowiki></tt>. Por exemplo, <tt><nowiki><center>http://stoa.usp.br/luli/files/122/303/limoes.jpg</center></nowiki></tt>, retorna | ||
+ | |||
+ | <center> | ||
+ | http://stoa.usp.br/luli/files/122/303/limoes.jpg | ||
+ | </center> |
Edição das 14h33min de 28 de agosto de 2009
Conteúdo[ocultar] |
Edição simples de texto
ATENÇÃO: antes de inserir ou editar qualquer texto, lembre-se das finalidades e objetivos do projeto Stoa, isto não uma comunidade do Orkut. O que você posta nessas páginas é um verbete, não um comentário simples. Portanto se assegure que seu conteúdo é relevante e inédito, lendo o que seus colegas postaram antes de inserir sua parte - principalmente quando se tratar de verbetes coletivos. Tenha noção, por favor.
Acompanhe as dicas de formatação a seguir:
Revisões
- Como na Wikipédia, o objetivo deste sistema é criar uma fonte de referência pública, que todos os alunos podem consultar e editar. A razão disto é muito simples: compartilhar conhecimento. Na maioria das vezes, alguém já terá postado sobre o assunto que você tem para contribuir. Sua tarefa nesses casos é editar o artigo e acrescentar a sua parte. Nesse processo, você complementa o que já pesquisou e ajuda a criar um material de referência mais completo.
- Para editar um verbete já existente, clique no link edit que fica no canto superior de seu título. Repare que existem diversos links desses, cada um relativo ao texto diretamente abaixo. O link levará você à página de edição, com o código que o servidor usa para produzir a página final.
- Por mais que esse código pareça assustador, ele foi feito para ser o mais amigável possível, como um editor de texto simples. Suas principais funções estão em sua barra de navegação:
- Se quiser experimentar use este link, não as páginas de conteúdo final.
Novos verbetes
- Cada vez que se criar um link para um verbete inexistente, o sistema criará uma página nova, com o formulário acima. Por isso, se a página que você pretende escrever não existe ainda, vá para a página que chamaria seu conteúdo e a edite para criar um link. Grave a página e a acesse. Ao clicar no novo link que você criou, o sistema abre um formulário para seu novo verbete. Em caso de dúvidas, fale comigo.
Escreva seu texto ou alteração
- No formulário, digite simplesmente seu texto, sem se preocupar com acentuação. Para marcações especiais, use a barra de formatação. É tão simples quanto editar um blog. À medida que você aplica estilos de formatação e links, no entanto, seu texto se torna mais difícil de ler. Para quem não está habituado eu recomendo ter uma cópia em um editor de texto e alterar um sub-tópico por vez, evitando danos a outras áreas.
- Mas não se intimide: a única forma de pegar prática é treinar. Se der errado, recomece. Se for mexer no texto já começado por outros, imprima o original e o copie para um editor de texto, se prevenindo para o eventual caso em que seja obrigado a refazê-lo.
Para criar links
- Para criar um link para uma página externa, basta escrevê-lo (ex: http://www.wikipedia.org).
- Se quiser colocar outro nome que não o link direto, escreva-o após o endereço ([http://www.wikipedia.org Wikipédia em inglês] esconde o link e deixa o texto Wikipédia em inglês).
- Se o link for para um verbete desta Wiki, coloque-o entre colchetes duplos ([[Aulas]] gera o link para a página Aulas).
- Se o link for para uma sub-seção de uma página, coloque o símbolo # antes do nome da seção ([[Aulas #Aula 3]] redireciona para o sub-item Aula 3 na página Aulas, assim).
Registre suas alterações
- Se você alterou uma página, registre resumidamente o que fez no campo logo abaixo da edição de texto. Isso facilita a identificação da autoria de cada verbete.
Reveja suas alterações antes de gravá-las
- Sempre que você fizer alguma alteração de porte, clique no botão Mostrar previsão antes de gravar a página. Isso permite a correção de erros antes de tornar a página permanente. Ao gravá-la (salvar), suas alterações serão imediatamente aplicadas ao verbete.
Date e assine
- Ao terminar a criação ou alterações do texto, não se esqueça de clicar no botão de assinatura e registrar suas mudanças, assim:
--Luli 20:21, 24 Abril 2007 (BRT)Luli
Formatação de texto
Se você quiser formatar páginas usando o código Wiki, ou simplesmente compreendê-lo melhor, consulte a tabela a seguir:
O que digitar | Como fica |
---|---|
Para se escrever textos em ''itálico'', coloque dois apóstrofos (') de cada lado. 3 apóstrofos deixarão o texto em '''negrito'''. 5 apóstrofos o formatarão em '''''negrito e itálico'''''. (Usar 4 apóstrofos não fará nada de especial, eles apenas deixarão '''' restos'''' como parte do texto.) |
Para se escrever textos em itálico, 3 apóstrofos deixarão o texto em negrito. 5 apóstrofos o formatarão em negrito e itálico. (Usar 4 apóstrofos não fará nada de especial, eles apenas deixarão ' restos' como parte do texto.) |
Uma quebra de linha geralmente não tem efeito no layout. Elas podem ser utilizadas para separar frases dentro de um parágrafo (e facilitar a revisão de sua formatação). Uma linha em branco, no entanto, inicia um novo parágrafo. Quando usada em uma lista, uma quebra de linha ''afeta''<br> o layout ([[#listas|veja abaixo]]). |
Uma quebra de linha geralmente não tem efeito no layout. Elas podem ser utilizadas para separar frases dentro de um parágrafo (e facilitar a revisão de sua formatação). Uma linha em branco, no entanto, inicia um novo parágrafo. Quando usada em uma lista, uma quebra de linha
afeta |
Você pode forçar a quebra<br> de linhas<br> sem iniciar um novo parágrafo.<br> Fica estranho, use conscientemente. Para maior eficiência de sua página Wiki,<br> não comece o '''bold''' ou ''itálico'' em uma linha para terminar em outra. |
Você pode forçar a quebra Para maior eficiência de sua página Wiki, |
Divisões internas
Ferramentas para organizar seus verbetes - seções, parágrafos, listas e linhas:
O que digitar | Como fica |
---|---|
= NÃO USE ESTE = == Nova seção == === Sub-seção === ==== Sub-subseção ==== |
Nova seção
Sub-seção
Sub-subseção
|
* Listas de ''bullets'' são fáceis de fazer: * comece cada linha com um asterisco; ** mais asteriscos indicam níveis inferiores. ** Uma quebra de linha em uma lista marca o fim da lista. * E você ** sempre pode * recomeçar. |
marca o fim da lista.
|
# Listas ''numeradas'' também são fáceis, ## organizam seu texto ## e são de fácil acompanhamento ## Uma quebra de linha em uma lista marca o fim da lista. #A numeração sempre recomeça com 1. |
marca o fim da lista.
|
* Você também pode fazer listas ''mistas'' *# e intercalá-las *#* ou quebrar linhas<br/>em listas |
|
; Termo : Definição de uma palavra. ; Termo ou frase maior : Sua definição logo abaixo. |
Definições:
|
: O uso de dois pontos (:) no início de um parágrafo o desloca para a direita. Uma nova linha sem (:) devolve o parágrafo para sua posição original. |
Deslocamento
Uma nova linha sem (:) devolve o parágrafo para sua posição original. |
Quando houver a necessidade de se destacar um bloco de texto, <BLOCKQUOTE> '''BLOCKQUOTE''' é um comando HTML que cria recuos em ambas as margens. Muito usado para citações de outras fontes. </BLOCKQUOTE> |
Quando houver a necessidade de se destacar um bloco de texto, BLOCKQUOTE é um comando HTML que cria recuos em ambas as margens. Muito usado para citações de outras fontes.
|
Uma linha de divisão: texto acima dela... ---- ...texto abaixo dela. Linhas de divisão sem indicações de seção não são listadas no índice, por isso é melhor usar seções para dividir o texto. |
Uma linha de divisão: texto acima dela... ...texto abaixo dela.
|
InterWikis
InterWiki é uma idéia de ter um sistema unificado de Wikis entre todos os sites que utilizam o sistema wiki. Com os códigos interwiki pode-se facilitar a referência:
- a outros projetos relacionados à wikipedia e seus derivados;
- a cópias de determinados artigos disponíveis em outro idioma.
Para fazer referência a um artigo sobre design, por exemplo, da Wikipédia em português, digite:
[[:pt:design|título do link]].
O código :pt significa que o link se referirá ao determinado artigo na Wikipédia em português. Use :en para se referir à Wikipédia em inglês, :it para italiano e assim por diante.
Veja o mapa de interwikis do StoaWiki (lista incompleta). Para você ter uma idéia de várias interwikis que podem ser usadas aqui, visite o mapa de interwikis da Wikipédia.
O que digitar | Como fica |
---|---|
Este é o link de [[:pt:design|design em Português]] da Wikipédia. Este é o em [[:en:design|Inglês]]. |
Este é o link de design em Português da Wikipédia. Este é o em Inglês. |
Referências e rodapés
Para referências e rodapés, você precisa do comando <ref>.
Coloque a referência ou nota de rodapé entre <ref> e </ref>, depois coloque o comando <references/> no local onde quiser citar a fonte.
Exemplo
A eletrodinâmica quântica é atualmente a teoria física mais precisa
<ref>[http://www.physorg.com/news8731.html Measurement of physics]</ref>
das testadas experimentalmente.
O texto acima fica assim:
A eletrodinâmica quântica é atualmente a teoria física mais precisa[1] das testadas experimentalmente.
Múltiplos usos da mesma nota de rodapé
Para usar a mesma nota de rodapé para várias citações, use o comando <ref name="name">.
No exemplo seguinte, a mesma fonte é citada três vezes.
Limãos não são laranjas. <ref name="cor">'''''RADFAHRER, Luli'''. Almanaque do Daltônico em tempos modernos. Edusp, São Paulo, 1993.''</ref>
Essas referências são bastante úteis para citar vários trechos que remetam à mesma fonte.
<ref name="cor">Depois de definida a citação, qualquer texto que vier a seguir será supérfluo e não aparecerá em lugar algum.</ref>
Você pode substituí-los por comandos vazios, com uma barra no final, como aqui.<ref name="cor" />
O texto acima fica formatado assim:
Limãos não são laranjas. [2]
Essas referências são bastante úteis para citar vários trechos que remetam à mesma fonte.[2]
Você pode substituí-los por comandos vazios, com uma barra no final, como aqui.[2]
Adicionando as referências ou notas de rodapé
O comando <references/> insere o texto completo de todas as notas de rodapé, em qualquer lugar da página.
Baseado nos comandos acima, o código <references/> produz:
- ↑ Measurement of physics
- ↑ 2,0 2,1 2,2 RADFAHRER, Luli. Almanaque do Daltônico em tempos modernos. Edusp, São Paulo, 1993
Imagens
Antes de incluir uma imagem em um verbete, certifique-se que ela está no endereço certo.
Normas
O comando completo para se referenciar uma imagem carregada dentro deste wiki é:
[[Imagem:link da imagem|moldura|alinhamento|largura da imagem|legenda]]
Mas você pode colocar apenas:
[[Imagem:link]]
Veja em detalhes o que significa cada termo:
Parâmetro | Opções | Tipo | Definição |
---|---|---|---|
link da imagem | várias | Necessário | Link para a imagem. Se for de sua autoria e estiver em uma pasta do Stoa, deverá ser algo como: http://stoa.usp.br/luli/files/122/294/limoes.jpg |
moldura | thumb frame
|
Opcional (recomendado) |
A imagem é apresentada dentro de uma moldura. |
alinhamento | left center right none
|
Opcional | Define o alinhamento horizontal da imagem. Quando vazio, a imagem é alinhada à esquerda. Se o campo moldura estiver preenchido, a imagem será alinhada à direita. |
largura da imagem | várias | Opcional (não recomendado) |
Especifica a largura da imagem em px (pixels). Quando vazio, a imagem aparece em seu tamanho original, até o máximo ode 800x600 pixels em páginas de descrição de imagens, e de 180x180 pixels quando estiverem dentro de molduras. |
legenda | várias | Opcional (recomendado) |
Caso não se preencha este campo, o nome da imagem aparecerá como legenda. |
Exemplos
Descrição | O que digitar | Como fica |
---|---|---|
Em geral
Como regra geral, deve-se preencher o parâmetro |
[[Imagem:PG_Limoes.jpg|thumb|Limões.]] |
|
Galeria de imagens
Permite mostrar um grid de até 4 colunas com imagens. A legenda é opcional e não se pode especificar o tamanho das imagens. |
<gallery> Imagem:PG_Limoes.jpg|Imagens de [[Aulas]]. Imagem:PG_Limoes.jpg </gallery> |
|
Alinhamento padrão
Utilizando o parâmetro |
"Olha o verde, [[Imagem:PG_Limao.jpg|none]] olha o limão verdinho, sem nada de magenta, só cyan, amarelo e preto!" |
"Olha o verde,
olha o limão verdinho, sem nada de magenta, só cyan, amarelo e preto!" |
Alinhamento bruto
A imagem aparece em linha com o texto. |
"Olha o verde, [[Imagem:PG_Limao.jpg]] olha o limão verdinho!" |
|
Quebra de linha
Pode-se definir a linha em que o texto quebra ao lado da imagem. |
"Olha o verde, [[Imagem:PG_Limao.jpg|left]] olha o limão verdinho, sem nada de magenta, só cyan, amarelo e preto!" | |
"Olha o verde, olha o limão verdinho, sem nada de magenta, só cyan, amarelo e preto!" |
Links externos
Basta colocar o endereço, como em
http://stoa.usp.br/luli/files/122/303/limoes.jpg
Sua imagem também pode apontar para um link externos usando o seguinte comando
[http://link.externo http://link.da.imagem]
Usando a imagem acima e apontando para ela mesma, teremos o código
[http://stoa.usp.br/luli/files/122/303/limoes.jpg http://stoa.usp.br/luli/files/122/303/limoes.jpg]
Colocando o link da figura acima para um local qualquer, por exemplo, o resultado da busca por 'limão' no images google, temos
[http://images.google.com/images?q=limão http://stoa.usp.br/luli/files/122/303/limoes.jpg]
Se quiser centralizar a imagem, coloque o link entre <center></center>. Por exemplo, <center>http://stoa.usp.br/luli/files/122/303/limoes.jpg</center>, retorna