Instruções

Olá!
Esta é a página de instruções para os usuários.
Os procedimentos básicos para a utilização do site serão descritos aqui. Esta página pode receber novos conteúdos a qualquer momento, e a sua participação é muito importante.

Criar nova página

Para criar uma nova página, basta clicar em CRIAR NOVA PÁGINA na barra superior ou na barra lateral. Lá existem os campos para criar páginas de acordo com o tema a ser abordado,como mostra a figura abaixo:
novo-3.jpg

Ícones do campo de edição de conteúdo

Ícone nível de cabeçalho 53924692lt0.jpg

É utilizado para definir os níveis de cabeçalho do texto. Nesta página, foram utilizados o nível 1 (palavra Índice), nível 2 (palavras dentro dos retângulos cinza) e o nível 3 (palavras em cinza negrito). O nível pode ser definido rapidamente durante a criação do texto, basta colocar o símbolo "+" na quantidade correspondente ao nível desejado e um espaço antes do texto do cabeçalho.

Ícone Negrito negrito.jpg

Utilizado para criar efeito negrito no texto. Pode ser inserido rapidamente no texto utilizando dois asteriscos "*" antes e dois após o texto que se deseja ter esse efeito.

Ícone Itálico italico.jpg

Utilizado para criar efeito itálico no texto. Pode ser inserido rapidamente no texto utilizando duas barras "/" antes e duas após o texto que se deseja ter esse efeito.

Ícone Sublinhado sublinhado.jpg

Utilizado para criar efeito sublinhado no texto. Pode ser inserido rapidamente no texto utilizando dois underline "_" antes e duas após o texto que se deseja ter esse efeito.

Ícone Sobrescrito sobrescrito.jpg

Utilizado para criar efeito sobrescrito no texto. Pode ser inserido rapidamente no texto utilizando dois traços "-" antes e dois após o texto que se deseja ter esse efeito.

Ícone Teletype teletype.jpg

Não há informações suficientes sobre o recurso.

Ícone Contorno de Texto Q.jpg

Utilizado para criar um contorno no estilo tracejado no texto. Pode ser inserido rapidamente no texto utilizando um sinal de maior ">" antes do texto que se deseja ter esse efeito.

Ícone Superescrito superescrito.jpg

Utilizado para criar efeito superescrito no texto. Pode ser inserido rapidamente no texto utilizando dois acentos circunflexos "^" antes e dois após o texto que se deseja ter esse efeito.

Ícone Subescrito subescrito.jpg

Utilizado para criar efeito subescrito no texto. Pode ser inserido rapidamente no texto utilizando duas vírgulas "^" antes e duas após o texto que se deseja ter esse efeito.

Ícone "Sem Efeito" R.jpg

Utilizado para fazer com que o texto digitado entre duas arrobas "@" não adiquira nenhum efeito de formatação listado acima ou em seguida.

Ícone Linha Horizontal linha_horizontal.jpg

Utilizado para criar uma linha horizontal na página em edição. Pode ser inserido rapidamente utilizando quatro ou mais traços "-" consecutivos.

Ícone "DIV" div.jpg

Não há informações suficientes sobre o recurso.

Ícone "Clear Float" quad_quad.jpg

Não há informações suficientes sobre o recurso.

Ícone Inserir Tabela tabela.jpg

Utilizado para criar tabelas na página em edição. Pode-se inserir tabelas utilizando duas barras verticais "|"antes e duas depois do texto que se deseja estar dentro da tabela, por exemplo:
Para a tabela:

Texto 1 Texto2 Texto 3
Texto 4 Texto 5
Texto 6

Foi utilizado o código:

||Texto 1||Texto2||Texto 3||
||Texto 4|| Texto 5||
||Texto 6||

Ícone Índice indice.jpg

Cria um índice automático com os os cabeçalhos criados dentro da página. Para criar rapidamente um ícone, basta digitar [[toc | nome]], onde nome corresponde ao nome do ícone.

Ícone Link link.jpg

Cria um link para um site. Pode-se inserir um link rapidamente digitando [http://www.site.com.br nome do link], onde nome do link representa o nome que se quer que seja exibido para o link.

  • Obs: Para que o link seja aberto em uma nova janela, deve-digitar um asterisco "*" antes do link (ex: [*http://www.site.com.br nome do link]).

Ícone Link Interativo link_wizard.jpg

Cria um link de forma interativa, com uma interface gráfica.

Ícone Link de Página link_pagina.jpg

Lembrando:

O nome da página é tudo que aparece depois de http://intellimat.wikidot.com/


Cria um link para uma página dentro deste site. Para criar um link rapidamente para uma página do site basta digitar [[[pagina]]], onde pagina é o nome da página para onde o link aponta.
  • Obs: A nomeação das páginas pelo servidor é feita utilizando o alfabeto americano, e os espaços no nome são automáticamente transformados em traços "-". Por exemplo, ensta página, Instruções Beta foi nomeada pelo sistema como instucoes-beta.

Ícone Link de Página Interativo link_pagina_wizard.jpg

Cria um link para uma página do site de forma interativa, com uma interface gráfica.

Ícone Inserir Imagem imagem.jpg

Insere uma imagem armazenada em um servido web (ex:photobucket, imageshack) na página em edição. Para inserir uma imagem rapidamente, basta digitar [[image http://www.site.com]], onde //http://www.site.com// se refere ao link URL da imagem.

Ícone Inserir Imagem Interativo imagem_wizard.jpg

Permite inserir imagens de forma interativa, com uma interface gráfica, a partir do link URL da imagem, das imagens em anexo à página ou ainda de uma conta Flickr.

Ícone Inserir Vídeo video.jpg

Insere um vídeo da web na página. Os servidores de vídeo podem ser: Google Video, YouTube, Revver e Dailymotion.

Ícone Inserir Áudio audio.jpg

Insere um áudio da web na página. O servidor de áudio deve ser o odeo.

Ícone Bloco de Código bloco_codigo.jpg

Não há informações suficientes sobre o recurso.

Ícone Bloco de Código Interativo bloco_codigo_wizard.jpg

Não há informações suficientes sobre o recurso.

Ícone Lista Numerada lista_numerada.jpg

Cria uma lista numerada. Pra criar rapidamente uma lista numerada, basta digitar o símbolo "#" e um espaço antes dos itens que se queira numerar. Por exemplo, para criar a lista:

  1. Item 1
    1. Sub-nivel 1
    2. Sub-nivel 2
      1. Sub-nivel 3
  2. Item 2
  3. Item 3

Foi digitado:

# Item 1
  # Sub-nivel 1
  # Sub-nivel 2
   # Sub-nivel 3
# Item 2
# Item 3

com os devidos espaços.

  • Obs: Depois de digitado corretamente o primeiro item da lista, o símbolo "#" é inserido automaticamente nas linhas seguintes.
  • Para criar sub-níveis, deve-se digitar o número de espaços correspondente ao sub-nível desejado.

Ícone Lista Com Marcadores lista_marcadores.jpg

Cria uma lista com marcadores. Pra criar rapidamente uma lista numerada, basta digitar o símbolo "*" e um espaço antes dos itens que se queira enumerar. Por exemplo, para criar a lista:

  • Item 1
    • Sub-nivel 1
    • Sub-nivel 2
      • Sub-nivel 3
  • Item 2
  • Item 3

Foi digitado:

* Item 1
 * Sub-nivel 1
 * Sub-nivel 2
  * Sub-nivel 3
* Item 2
* Item 3

com os devidos espaços.

  • Obs: Depois de digitado corretamente o primeiro item da lista, o símbolo "#" é inserido automaticamente nas linhas seguintes.
  • Para criar sub-níveis, deve-se digitar o número de espaços correspondente ao sub-nível desejado.
  • Obs: Depois de digitado corretamente o primeiro item da lista, o símbolo "#" é inserido automaticamente nas linhas seguintes.

Ícone Aumentar o Recuo dos Sub-níveis aumento_recuo.jpg

Aumenta o recuo dos sub-níveis da lista.

Ícone Diminuir o Recuo dos Sub-níveis diminuir_recuo.jpg

Diminui o recuo dos sub-níveis da lista.

Ícone Lista de Definições lista_definicoes.jpg

Cria uma lista de definições. As demais funcionalidades desse recurso serão apresentadas com o tempo.

Ícone Nota de Rodapé nota_rodape.jpg

Cria automaticamente uma nota de rodapé na página em edição. Para criar rapidamente uma nota de rodapé, basta digitar [[footnote]] texto da nota de rodapé [[/footnote]].

Ícone Expressão Matemática expressao_matematica.jpg

Permite a inserção de expressões matemáticas na linguagem LaTeX na página. Para inserir rapidamente uma expressão matemática basta digitar [[math]] expressão [[/math]]. Por exemplo, para a expressão:

(1)
\Large \int_{0}^{\infty}\int_{0}^{\infty}e^{x^2+y^2}dx}dy}

Foi digitado:

[[math]]
\Large \int_{0}^{\infty}\int_{0}^{\infty}e^{x^2+y^2}dx}dy}
[[/math]]

Ícone Expressão Matemática em Linha exp_mat_linha.jpg

Insere uma expressão matemática dentro do texto, sem criar qualquer referência a ela na página. Por exemplo, para que a expressão \Large \int_{0}^{\infty}\int_{0}^{\infty}e^{x^2+y^2}dx}dy} seja inserida dentro do texto, foi digitado [[$ \Large \int_{0}^{\infty}\int_{0}^{\infty}e^{x^2+y^2}dx}dy} $]] .

Ícone Referência à Expressão ref_eq.jpg

Faz uma referência a uma expressão já inserida na página. As demais funcionalidades desse recurso serão apresentadas com o tempo.

Ícone Bloco Bibliográfico bloco_bibliografia.jpg

Cria um bloco com informações bibliográficas. As demais funcionalidades desse recurso serão apresentadas com o tempo.

Ícone Citação Bibliográfica citacao_bibliografica.jpg

Faz uma citação bibliográfica. As demais funcionalidades desse recurso serão apresentadas com o tempo.

Trava de página

A página em edição recebe uma trava pelo servidor do site, com um tempo de 900 segundos, contados a partir do início do tempo de inatividade. Isso garante que não ocorra conflitos com a edição da mesma página por duas pessoas ao mesmo tempo.

Editar página

Para editar uma página, deve-se clicar no ícone edit na parte inferior da mesma. Assim será aberto um campo de edição, semelhante ao utilizado na criação de uma página.

Opção save & continue

Esta opção permite salvar uma página em edição e continuar a edição da mesma.

Opção save

Esta opção permite salvar uma página e verificar o seu resultado final.

Outras opções de personalização de conteúdo

Alinhamento

Para alinhar o conteúdo na página em edição/criação deve-se verificar o tipo de conteúdo a ser alinhado:

Imagens:

  • [[=image… - imagem centralizada
  • [[<image… - imagem alinhada à esquerda
  • [[>image… - imagem alinhada à direita
  • [[f<image… - imagem flutuante à esquerda (contornada pelo texto)
  • [[f>image… - image flutuante à direita (contornada contornada pelo texto)

Texto:

[[<]] ... [[/<]] alinhado à esquerda
[[>]] ... [[/>]] alinhado à direita
[[=]] ... [[/=]] centralizado
[[==]] ... [[/==]] justificado

Bloco de texto lateral

Para criar um bloco de texto alinhado lateralmente, como na página inicial, deve-se utilizar a seguinte estrutura:

[[div style="float:right; width: 45%; padding: 0 1em; margin: 1em 0 1em 1em; border-left: solid #00B300 2px; background-color: #FEFFB3;"]]
TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO
[[/div]]

Para criar o seguinte resultado:

TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO

Onde pode-se alterar, entre outras coisas (deve-se sempre colocar os atributos entre ponto-e-vírgulas ";"):

  • Lado em que irá se encontrar o bloco:
    • Esquerda: deve constar float:left
    • Direita: deve constar float:right
  • width: este define o tamanho horizontal do bloco. Pode ser definido em pixels ou em porcentagem. A SEGUNDA opção é sempre a melhor…
  • border: define as bordas que o bloco irá conter. Podem ser:
    • border-left:solid #888888 2px, onde #888888 é a cor da borda e 2px é a espessura.
    • border-right:solid #888888 2px, onde #888888 é a cor da borda e 2px é a espessura.
  • background-color:define a cor do fundo do bloco.

AS CORES BÁSICAS SÃO:

  • #FFFFFF - Branco
  • #000000 - Preto
  • #FEFFB3 - Bege
  • #00B300 - Verde
  • #FFCC00 - Amarelo
  • #0033FF - Azul
  • #FF0000 - Vermelho
  • #888888 - Cinza

Avalie esta página

rating: +2+–x
Add a new comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License