COMO EDITAR PÁGINAS

TUTORIAL BÁSICO I

Tradução (livre) do Inglês por Maria Conceição Alves de Lima

Este TUTORIAL descreve como usar os recursos básicos do Wikidot.

Em princípio, é importante saber que qualquer página dos sites da Internet apresenta-se sob duas formas (códigos) diferentes: código-fonte e código compilado. O código-fonte é usado para editar conteúdos na página. Essa “fonte” tem de ser compilada por uma “linguagem de programação” (no caso, o XHTML), para ser visualizada na tela do computador. Dessa forma, a Sintaxe do Wikidot abaixo serve para orientar o usuário no uso do código-fonte necessário à utilização de vários recursos que o Wikidot oferece para edição de páginas.

Informações preliminares básicas

A edição de um texto inicia-se através do botão EDIT localizado ao pé da página. Clicando-se neste botão, será aberto um "espaço" para a edição do texto

Antes de iniciar a edição, convém preencher o box Short description of changes, também ao pé da página, inserindo um pequeno resumo do "porque" (objetivo) da edição.

Editado um texto, é fundamental usar o botão PREVIEW (ao pé da página) para visualizar o resultado da edição antes de salvar o texto.

Para salvar o texto editado, há dois botões disponíveis no pé da página: SAVE & CONTINUE (salvar e continuar) e SAVE (salvar apenas).

Todos os usuários dispõem de um tempo de 15 minutos (900 segundos) de edição ininterruptos, em que outros usuários não podem editar, já que ambos entrariam em conflito. Se houver mais de 15 minutos de inatividade, a edição é liberada para outro usuáriuo.

Formatação interna do texto

O que você deve digitar	O que você obtém (visualiza)	Ícone de edição
//texto em itálico//	texto em itálico
texto em negrito	texto em negrito
//itálico e negrito//	itálico e negrito
__texto sublinhado__	texto sublinhado
--texto riscado--	texto riscado
{{teletipo}} (texto diferenciado, tipo mono-espaço, usado em citações, por exemplo)	`teletipo`
normal^^sobrescrito^^	normal^sobrescrito
normal,,subscrito,,	normal_subscrito
[!-- comentário invisível --]
[[span style="color:red"]]custom //span// element[[/span]]	custom span element
##blue\|cor azul predefinida## ou ##44FF88\|código da cor predefinida verde##	cor azul predefinida ou código da cor predefnida verde

Mudança de linha e de parágrafo

Uma linha “em branco” (tecla ENTER) produz uma mudança para a linha seguinte. Os parágrafos são separados por duas linhas “em branco”

Texto literal (raw text)

Se você quiser anular as “marcações” de edição do Wikidot e produzir um texto dito “literal” (raw text), basta inserir esse texto entre um duplo caractere @@. Compare:

//**Eu estou aprendendo a editar o Wikidot**//

Eu estou aprendendo a editar o Wikidot

Comentário invisível

Um comentário é um texto que não deve aparecer na versão compilada. Para adicionar um comentário à versão-fonte, use a seguinte construção: . Por exemplo: Parte deste texto . (Percebeu que parte "final" do texto não apareceu na versão compilada?

Títulos (cabeçalhos)

Para obter títulos ou cabeçalhos (e respectivos subtítulos), use tantos sinais + (mais) quantos você desejar, dependendo do nível do título, deixando um espaço em branco entre o sinal + e o título, como no exemplo a seguir:

+ Título nível 1

++ Título nível 2

+++ Título nível 3

++++ Título nível 4

+++++ Título nível 5

++++++ Título nível 6

Sumários ou índices (Table of contents)

Para criar uma lista com todos os títulos e subtítulos do texto e ainda criar um link para cada um desses itens, use a tag [[toc]] em uma nova linha.
Para localizar esse sumário na margem esquerda, use [[f<toc]]; para localizá-lo à direita, use [[f>toc]]. Por exemplo:

O conteúdo da table of[ contents pode ser visualizado ou ocultado, clicando-se nas palavras fold/unfold, respectivamente. Experimente…

Linhas horizontais

Use quatro ou mais traços (-—-) no início da linha para criar uma linha horizontal em toda a extensão da página.

Listas

Listas com "marcadores"

Inicie cada item em uma nova linha. Coloque antes de cada item um asterisco (*) e deixe um espaço em branco entre ele e o item. Exemplo:

Tarefa 1
Tarefa 2
Tarefa 3

Para identar (adentrar) o "marcador", coloque espaços em branco antes do asterisco. Exemplo:

Tarefa 1
- Atividade 1
- Atividade 2
  - Exercício 1
  - Exercício 2

Listas numeradas

Da mesma forma, você pode criar listas numeradas com o caracter # (jogo da velha). Exemplo:

Introdução
Desenvolvimento
1. Referências teóricas
2. Metodologia
3. Coleta e análise de dados
Conclusão

Voce pode ainda mixar (fundir) listas numeradas e listas com marcadores.

Listas "definidas" (criadas por você)

Você pode criar outros tipos de listas itemizadas, usando a seguinte sintaxe no início da linha: :a):
:a):
:b):
:c):
Outro exemplo: :§ 1º:
:§ 1º:
:§ 2º:

Bordas para blocos de textos

Você pode obter um ou mais blocos de textos enquadrados em bordas (“caixas”) iniciando esses blocos com um caractere > (sinal de “maior”), seguido de um espaço em branco entre o caractere e o início do texto a ser enquadrado.

Caso você necessite de encaixar outro bloco dentro do primeiro, use dois caracteres.

Se forem três blocos, três caracteres; e assim por diante.

Links

Links internos

Páginas-link

Para criar uma página-link (páginas existentes dentro deste Wikisite) insira o endereço na Web da página dentro de três colchetes. Se desejar, pode usar um "apelido" (geralmente o seu título) para a página, separando-o do endereço por um caractere | (barra vertical). Exemplo:

O que você digita	O que você visualiza
[[[http://alveslima.wikidot.com/o-que-e-um-wiki-site\|O que é um WikiSite]]]	O que é um WikiSite

Links de palavras (âncoras)

Para criar uma ancora dentro de um texto (palavra que funcione como link dentro desse texto), siga os seguintes passos: a) primeiramente, marque a palavra-âncora com o caractere # (jogo da velha), seguido de um espaço em branco e coloque ambos entre colchetes, tanto quando for inserir esse link como quando desejar acessá-lo. Por exemplo, se nesta página quisermos tornar a palavra TUTORIAL como âncora para uma palavra-link, primeiramente transformamos essa palavra em âncora (veja início da página) e posteriormente usamos essa mesma sintaxe para acessá-la em qualquer outra parte do texto. Exemplo: Um TUTORIAL é fundamental para aprender a utilizar o Wiki. Veja a sintaxe abaixo:

O que você digita	O que você visualiza
[# TUTORIAL]	TUTORIAL

Links externos

URLs (páginas da Web)

O que você digita	O que você visualiza	Comentários
http://www.google.com.br	http://www.google.com.br	Redirecionamento para uma página da Web
[http://www.wikidot.com wikidot] wikidot	wikidot	Redirecionamento para uma Webpágina, utilizando um nome "fantasia"
*http://www.uems.br/moodle	http://www.uems.br/moodle	Abertura de uma Webpágina em outra janela, conservando a(s) página(s) anterior(es)

E-mails

Embora não estejamos encorajando ninguém a distribuir o seu (ou qualquer outro) e-mail pela Internet, caso isso seja necessário basta digitar o endereço do e-mail. Vejamos um caso simulado abaixo:

Oque você digita	O que você visualiza
email@exemplo.com	moc.olpmexe\|liame#moc.olpmexe\|liame

Tabelas

Você pode criar tabelas simples usando pares de barras verticais (||). Inclusive, se você quiser aumentar o tamanha de uma só linha dentro da coluna, deverá usar dois (ou mais) pares de barra vertical. Por exemplo:

VOCÊ DIGITA

||~ TÍTULO 1 ||~ TÍTULO 2 ||~ TÍTULO 3 ||
|| conteúdo 1 || conteúdo 2 || conteúdo 3 ||
|||| conteúdo 4 - linha longa|| conteúdp 5 ||
||conteúdo 6 |||| conteúdo 7 - linha longa ||
|||||| conteúdo 8 - linha muito longa e dobrada _
para caber um conteúdo muito longo||

VOCÊ VISUALIZA

TÍTULO 1	TÍTULO 2	TÍTULO 3
conteúdo 1	conteúdo 2	conteúdo 3
conteúdo 4 - linha longa		conteúdp 5
conteúdo 6	conteúdo 7 - linha longa
conteúdo 8 - linha muito longa e dobrada para caber um conteúdo muito longo

Observação: Para dobrar uma linha dentro da tabela, use o caractere _ (sublinhado) no fim da linha (e tecle ENTER), como no exemplo do "conteúdo 8" acima.

Alinhamento horizontal do texto na página

Para obter o alinhamenmto de um texto, um parágrafo ou até uma simples linha na página, use as seguintes sintaxes (cada qual em uma nova linha):

[[<]] … [[/<]] alinhamento à esquerda
[[>]] … [[/>]] alinhamento à direita
[[=]] … [[/=]] alinhamento centralizado
[[==]] … [[/==]] alinhamento justficado (esquerda e direita)

Observação: Sem a sintaxe acima, os textos deste Wiki já vêm normalmente alinhados à esquerda.

Exemplos:

Um anãozinho verde que vivia
Na concha furta-cor de um caracol
Subiu pelas montanhas certo dia
Para ir buscar lá em cima o diamante do sol.

Com a disseminação, na Web, de trabalhos corporativos que demandem um maior fluxo de escrita (hipertextos narrativos, de “opinião”, técnicos e científicos, dentre outros), as tecnologias digitais lançaram mão, primeiramente, dos editores de textos cooperativos, ferramentas que possibilitam a criação de textos em cooperação, por parte dos componentes de um determinado grupo (geralmente encontrados em groupwares ou ambientes de aprendizagem cooperativa), disponibilizados junto com outras ferramentas destinadas à interação digital. Esses editores, ao viabilizar o gerenciamento e a edição de mensagens enviadas por grupos de autores, inovaram com relação a outras possibilidades de comunicação colaborativa online (fóruns, chats, listas de discussão etc.).
Porém, em virtude do incremento da autoria colaborativa, esses editores cooperativos logo foram se desvinculando de outros ambientes, constituindo-se em softwares autônomos, os sistemas para escrita colaborativa (ou sistemas distribuídos), aplicações que objetivam viabilizar a construção conjunta de um documento-texto por um grupo de autores dispersos ou não geograficamente. Nesses sistemas, geralmente se conjugam, num mesmo aplicativo, características anteriormente distribuídas entre vários softwares, possibilitando que as mensagens possam ser inseridas, não apenas ao final da lista de contribuições já efetuadas, mas também entre essas contribuições. Da mesma forma, as mensagens, mediante combinações prévias entre o grupo envolvido, podem ser alteradas ou excluídas pelos participantes, mesmo quando não forem de sua própria autoria.

Texto em duas colunas (recurso DIV block)

Esse é um recurso muito rico, que serve para personalizar toda a página. Entretanto, neste Tutorial, vamos falar apenas do uso do mesmo para criar um texto padronizado em duas colunas. Abaixo, damos a sintaxe e exemplos de como criar esse texto.

O QUE VOCÊ DIGITA

[[div style="float:left; width: 45%; padding: 0 2%"]]
esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita
[[/div]]
~~~~~

Observação: os caracteres ~~~~ são usados para "limpar" os floats "esquerda/direita".

O QUE VOCÊ VISUALIZA

esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda

rdireita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita

A FERRAMENTA WIKI
Dentre esses sistemas de escrita cooperativa, o ambiente Wiki se constitui, atualmente, no mais conhecido, evoluído, flexível e amistoso. A plataforma Wiki é uma espécie de utopia surgida com a Internet, destinada à construção livre e coletiva do conhecimento. Definido como um Website que permite a qualquer usuário adicionar, remover e ainda editar e alterar assuntos sem necessidade de autorização” (www.wikipedia.org) , o Wiki possibilita a mixagem de todas as mídias digitais (a palavra, a imagem, o som, a animação etc.), bem como a criação de inúmeros links internos e externos. Dessa forma, o termo Wiki passou a ser utilizado tanto para identificar documentos em hipertexto, como também o software (Wiki engine) usado para criá-los.

BREVE HISTÓRICO
O norte-americano Ward Cunningham começou a desenvolver sua WikiWikiWeb in 1994, instalando-a na Internet em março de 1995. A partir do ano 2000, incrementou-se o uso técnico do Wiki pelas empresas, como software colaborativo, sendo o mesmo largamente usado em projetos de comunicação, nas redes internas (intranets) e na elaboração de documentos.
Só recentemente é que o Wiki vem se tornando uma das ferramentas das mais populares de criação coletiva de conteúdos, espalhando-se incontrolavelmente pela Internet e gerando projetos de grande destaque, como a Wikipedia (www.wikipedia.org) e uma leva de Wikibooks.

Notas de rodapé

Para inserir notas de rodapé numa página use a sintaxe [[footnote]]...[[/footnote]]. Exemplo:

O que você digita:
//Só recentemente é que o Wiki//[[footnote]]A palavra Wiki vem do idioma hvaiano e significa "rapidinho".[[/footnote]]//vem se tornando uma das ferramentas das mais populares de criação coletiva de conteúdos, espalhando-se incontrolavelmente pela Internet e gerando projetos de grande destaque, como a Wikipedia (www.wikipedia.org)//[[footnote]]A maior enciclopédia "livre" do mundo.[[/footnote]] //e uma leva de Wikibooks.//[[footnote]]Livros escitos em páginas do Wiki[[/footnote]]

O que vê visualiza
Só recentemente é que o Wiki¹vem se tornando uma das ferramentas das mais populares de criação coletiva de conteúdos, espalhando-se incontrolavelmente pela Internet e gerando projetos de grande destaque, como a Wikipedia (www.wikipedia.org)² e uma leva de Wikibooks.³

Caso deseje que essas notas não apareçam no final da página, mas apenas no final do texto use a sintaxe [[footnoteblock]]...[[/footnoteblock]].

Se você não está satisfeito com a expressão inglesa Footnotes, crie outra do seu gosto (inclusive em português), usando a seguinte sintaxe [[footnoteblock title="Criado por você"]] ou, então, não coloque qualquer título, usando a seguinte sintaxe:[[footnoteblock title=""]].

revisão da página: 1, última edição: 31 Jul 2012 20:52

Editar Etiquetas Histórico Arquivos Imprimir Ferramentas do Site + Opções

WIKEDUCAÇÃO

TAGS

ADICIONAR UMA NOVA PÁGINA