UNIVERSIDADE FEDERAL DA BAHIA  - FACULDADE DE EDUCAÇÃO
PROGRAMA DE FORMAÇÃO CONTINUADA DE PROFESSORES – MUNICÍPIO DE IRECÊ
CURSO DE PEDAGOGIA – ENSINO FUNDAMENTAL/SÉRIES INICIAIS - CICLO TRÊS

 

Atividade 25 – Oficina – Hipertextualidade: operando o twiki

Profa: Maria Helena Bonilla; Monitora: Mônica Paz

http://www.irece.faced.ufba.br/twiki/bin/view/UFBAIrece/OficinaTwiki

Parte inferior do formulário

Curso de TWiki

Adaptado do curso disponível em http://twiki.im.ufba.br/bin/view/PSL/CursoTWikiCompleto

Trabalhar no TWiki é tão fácil quanto digitar texto - exatamente como e-mail. Você não precisa conhecer HTML, embora você possa usá-lo se preferir. Links para tópicos são criados automaticamente quando você entra com uma WikiWord. E TWiki shorthand te dá todo o poder do HTML com um simples sistema de código que não demora nada para aprender. Está tudo explicado abaixo.

Editando TWiki Shorthand

Comando de Formatação:

Exemplo: Você escreve:

Você obtém:

Parágrafos:
Linhas em branco criarão novos parágrafos.

1° parágrafo

 

2° parágrafo

1° parágrafo

2° parágrafo

Títulos:
Ao menos três traços no início da linha, seguidos por '+' e o cabeçalho. Um '+' cria um título com nível 1 (mais importante), dois '+' um título com nível 2; o nível máximo (menos importante) é 6.

Nota: Uma tabela de conteúdo pode ser criada automaticamente com a variável %TOC%. Qualquer texto de cabeçalho após !! é excluido do %TOC%; por exemplo, escreva ---+!! texto se você não quer listar um cabeçalho no %TOC%.

---++ Sushi

 

---+++ Maguro

Sushi

Maguro

Texto em Negrito:
Palavras ficam negritadas quando colocadas entre
* asteriscos.

*Negrito*

Negrito

Texto em Itálico:
Palavras ficam em itálico quando colocadas entre
_ underscores.

_Itálico_

Itálico

Negrito Itálico:
palavra ficam negrito itálico quando colocadas entre
_ sublinhados-duplos.

__Negrito itálico__

Negrito itálico

Fonte Fixa:
Palavras são mostradas em
fonte fixa quando colocadas entre = sinais de igual.

=Fonte fixa=

Fonte fixa

Fonte Fixa Negrito:
Palavras são mostradas em
fonte fixa negrito quando colocada entre sinais de igual duplos.

==Fonte fixa negrito==

Fonte fixa negrito

Nota: Certifique-se de colocar os sinais * _ = == junto às palavras, e.g retire os espaçamentos.

_Isso funciona_,

_isso não _

Isso funciona,

_isso não _

Modo Verbatim:
Circunde trechos de códigod e outros textos formatados com
<verbatim> e tags </verbatim>.
Nota: Use em vez disso <pre> e tags </pre> se você quiser que seu código HTML seja interpretado.
Nota: Cada tag deve ficar em uma linha separada.

<verbatim>

class CatAnimal {

  void purr() {

    <code here>

  }

}

</verbatim>

class CatAnimal {

  void purr() {

    <code here>

  }

}

Separador:
Ao menos três traços no início de uma linha.

-------


Listar Itens:
Três espaços e um asterisco.

   * bullet item

  • bullet item

Nested List Item:
Seis, nove, ... espaços e um asterisco.

      * nested stuff

·         

    • nested stuff

Lista Ordenada:
Três espaços e um número.

   1 Sushi

   1 Dim Sum

  1. Sushi

2.        Dim Sum

Definition List:
Três espaços, o termo, dois pontos, um espaço, seguido pela definição.
Nota: Termos com espaços não são suportados. Caso você tenha um termo com mais de uma palavra, separe-as por traços ou com a entidade
&nbsp; non-breaking-space.

   Sushi: Japan

   Dim&nbsp;Sum: S.F.

Sushi

Japan

Dim Sum

S.F.

Tabela:
Espaços opcionais seguidos pelas células delimitadas por barras verticais.
Nota: | *negrito* | células são interpretadas como cabeçalhos de tabelas.
Nota:
|   espaçadas   | células são interpretadas como centralizadas.
Nota:
|     espaçadas | células são interpretadas como alinhadas à direita.
Nota:
| colspan 2 || células são interpretadas como colunas multi-span.
Nota: Caso você tenha uma linha muito grande e deseje que ela se torne mais fácil de ler, quando você editar a tabela você pode dividí-la em linhas que terminem com uma barra invertida
'\'.

| *L* | *C* | *R* |

| A2 |  2  |  2 |

| A3 |  3  |  3 |

| multi span |||

| A4 \  | next \  | next |

L

C

R

A2

2

2

A3

3

3

multi span

A4

next

next

WikiWord Links:
PalavrasMaiúsculasJuntas (ou WikiWords) formarão um link automaticamente.
Nota: Caso deseje formar um link para um tópico em uma Web (IM/TWiki) diferente, escreva Webname.TopicName.

WebNotify

 

Know.ReadmeFirst

WebNotify

ReadmeFirst

Links Forçados:
Você pode forçar a criação de links internos colocando palavras entre colchetes duplos.
Nota: Texto entre colchetes pode conter espaços opcionais; o nome de tópico é formado colocando-se a letra inicial em maiúscula e removendo os espaços; i.e. [[text formatting FAQ]] forma link para o tópico TextFormattingFAQ.

[[wiki syntax]]

 

[[Main.TWiki users]]

wiki syntax

Main.TWiki users

Links Específicos:
Crie um link onde você possa especificar o texto do link e a referância ao link separadamente, usando colchetes aninhados como
[[reference][text]]. Referências a links internos (i.e. WikiSyntax) e referências a links externos (i.e. http://TWiki.org/) são suportadas. As mesmas regras de Links Forçados se aplicam para referências a links internos. Nomes de âncora também podem ser adicionados, como [[WebHome#MyAnchor][go home]] e [[http://www.yahoo.com/#somewhere][Yahoo!]].

[[WikiSyntax][syntax]]

 

[[http://gnu.org][GNU]]

syntax

GNU

Mudar de linha:

Escreva %BR% para iniciar uma nova linha

 Texto 1 %BR% Texto 2

Texto 1

Texto 2

Prevenindo um Link:
Previa que um WikiWords seja linkada precedendo-a com uma tag
<nop>.

<nop>SunOS

SunOS

Texto Colorido:

Escreva antes do texto a ser colorido o comando %COLOR% e após o texto o comando %ENDCOLOR%

Nota: Cores – vermelho (red), azul (blue), verde (green), amarelo (yellow), laranja (orange), marrom (browm)

%RED% Texto em vermelho %ENDCOLOR% 
 
%BLUE% texto em azul %ENDCOLOR%

texto em vermelho

texto em azul

Imagem:

Primeiro é necessário anexar o arquivo à página. Após, escreva %ATTACHURL%/IMG_2703.JPG. Você pode definir o tamanho da imagem escrevendo img  style='height: 250px;'  Pode também colocar borda na imagem escrevendo  border=3 (o número indica a largura da borda); pode ainda alinhar a imagem escrevendo div align=center (ou left ou right). Para agrupar todos esses comandos use:

<div align=center>

<img  style='height: 250px;' src='%ATTACHURL%/IMG_2703.JPG' border=3 >

</div>

 

 

Ícone:

Escreva  %PUBURL%/%TWIKIWEB%/TWikiDocGraphics/help.gif para mostrar o ícone help.gif - Veja outros ícones em http://www.irece.faced.ufba.br/twiki/bin/view/TWiki/TWikiDocGraphics