Estrutura dos tutoriais

Poderá fazer o download dos utilitários para a criação de tutoriais ao final do tópico, na seção de anexos!

I - Como estruturar os tutoriais

• Pequena introdução do tutorial;
  
• Título do tutorial;
  
• Passos do tutorial
  
• Título para a Faq (se necessário);
  
• Faq (se necessário);
  
• Assinatura Publieiros;
  
• Recomendação em caso de dúvida;

II - Códigos das partes, dum tutorial

• Pequena introdução do tutorial

Código:

[center][table style="margin:auto;"]
[tr]
[td] [img]ENDERECO_DA_IMAGEM[/img]  [/td][td]  [size=24][color=#86b125]TEXTO[/color][/size][/td]
[/tr]
[/table][/center]

(1 "Enter")

Texto normal, sem formatações. e um texto com máximo de 5 linhas para descrever o objetivo da função, ferramenta ou quaiquer outras coisas que estiverem sendo analizadas!

(3 "Enter's")

• Título do tutorial

Utilização do código:

Código:

[b][center][color=green][size=16]--> FÓRUM AO QUAL IRÁ PERTENCER <--[/size][/color]
[size=16][color=red] TÍTULO DO TUTORIAL [/color][/size][/center][/b]

--> FÓRUM AO QUAL IRÁ PERTENCER <--
TÍTULO DO TUTORIAL

(3 "Enter's")

• Subtítulo do tutorial (Somente se for necessário)

SUBTÍTULO

Código:

[table]
[tr]
[td] [img(75%,75%)]http://2img.net/i/bl/logo.png[/img] [/td][td] [size=18][b][color=#00a5cd]SUBTÌTULO[/color][/b][/size] [/td]
[/tr]
[/table]

(2 "Enter's") Somente se houver subtítulo

• Passos do tutorial

Cada passo deve ser descrito como uma indicação objectiva, do tipo:

Código:

[b][size=18]Nº[/size] - [color=darkblue]INDICAÇÃO OBJECTIVA DO PASSO:[/color][/b]

Nº - INDICAÇÃO OBJECTIVA DO PASSO:

Depois é que deve colocar os textos mais específicos, sobre o passo em questão, não é necessária formatações de texto.

Se utilizar uma imagem, deve ser redimensionada a uma largura máxima de 500px.

Código:

[center][size=9](carregue na imagem para aumentar)[/size]
CÓDIGO FORNECIDO PELO SERVIMG (BBcode - Image)[/center]

Se for utilizada uma imagem com indicações, deve ser colocado por baixo, a legenda:

Código:

[table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110111.gif[/img][/td]
[td]:arrow: [b][color=indigo]Indicação [/color][/b]Texto.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110210.gif[/img][/td][td]:arrow: [b][color=indigo]Indicação [/color][/b]Texto.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110310.gif[/img][/td][td]:arrow: [b][color=indigo]Indicação [/color][/b]Texto.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110410.gif[/img][/td]
[td]:arrow: [b][color=indigo]Indicação [/color][/b]Texto.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110510.gif[/img][/td][td]:arrow: [b][color=indigo]Indicação [/color][/b]Texto.[/td][/tr][/table]

Indicação Texto.

Indicação Texto.

Indicação Texto.

Indicação Texto.

Indicação Texto.

Caso seja necessário utilizar tabelas:

TÍTULO
SUBTÍTULO
Conteúdo	Conteúdo

Título:

Código:

[table border="0" class="table1"]
[tr][td colspan="2"  bgcolor="#8fd534"] [center][b][color=white]TÍTULO[/color][/b][/center] [/td]
[/tr]

Subtítulo:

Código:

[tr bgcolor="#cadceb"]
[td colspan="2"] [b][color=#00a5cd][center]SUBTÍTULO[/center][/color][/b] [/td]
[/tr]

Para as linhas e colunas é normal, somente tendo de fechar a tag table ao final.

(4 "Enter's")

• Título para a FAQ (se necessário)

Utilização do código:

Código:

[b][center][color=green][size=16]--> FAQ do Tutorial <--[/size][/color]
[size=16][color=red] TÍTULO DO TUTORIAL [/color][/size][/center][/b]

--> FAQ do Tutorial <--
TÍTULO DO TUTORIAL

(3 "Enter's")

• FAQ (se necessário)

Código:

[list][*][b][color=indigo]PERGUNTA?[/color][/b]
RESPOSTA.[/list]

• PERGUNTA?
  RESPOSTA.

(2 "Enter's")

• Assinatura Publieiros

Código:

[hr]
[size=18][center] Publieiros[/center][/size]

---

© Publieiros

(2 "Enter's")

• Recomendação em caso de dúvida

Código:

[table][tr][td][img]http://www.forumeiros.com/i/img/act_bottom.png[/img] [/td]
[td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[b][Dúvida] TÍTULO DO TUTORIAL [/b][/td][/tr][/table]

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] TÍTULO DO TUTORIAL

O cumprimento desta estruturação não é preciso ser levado à risca, pois caso não sejam seguidas todas as recomendações, depois quando os tutoriais forem revisados serão corrigidas.

Exemplo de um tutorial:

---

Para a introdução, não tem muito que dizer, pois isto é só um exemplo, e como podem ler estou a escrever, mesmo só para adicionar algo. Pois no final, não irá acrescentar nada de mais.

--> Fábrica de tutoriais <--
Estrutura dos tutoriais

1º - Pensar num tutorial:
Temos de pensar num tutorial que um usuário mais sinta falta, uma boa dica é o visionamento das palavras que os usuários mais procuram.



2º - Estruturar o tutorial com os passos todos:
O essencial é mesmo colocar o material todo, quando à estruturação, depois aqui na Fábrica toda a equipa dará o seu contributo para padroniza-lo.

--> FAQ do Tutorial <--
Estrutura dos tutoriais

• Existe alguma pergunta a ser colocada?
  Não! Pois sendo assim, termina aqui o faq do tutorial, pois isto era apenas um exemplo, pois o objectivo é mesmo mostrar a estrutura dum tutorial.

• Mas este não tem imagens?
  Pois não, era difícil colocar aqui uma imagem, pois já não tinha mais imaginação, e vocês também não necessitam colocar nos vossos, pois quando iniciarmos o trabalho na Fábrica as imagens serão criadas. e assim, iremos enriquecer os tutoriais.

---

© iWeb & Fórum dos Blogs

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Estrutura dos tutoriais