Gaia Server

Cadastre-se e faça parte do fórum iWeb

Estrutura dos tutoriais

Ir em baixo

Estrutura dos tutoriais

Mensagem por Benévóles em Seg Jan 10, 2011 11:44 am

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

Estatísticas do Fórum

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://illiweb.com/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]
- 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]
(carregue na imagem para aumentar)

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]
Arrow Indicação Texto.
Arrow Indicação Texto.
Arrow Indicação Texto.
Arrow Indicação Texto.
Arrow Indicação Texto.
Caso seja necessário utilizar tabelas:

TÍTULO
SUBTÍTULO
ConteúdoConteú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




- 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.



- 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
avatar
Benévóles
Técnicos
Técnicos

Masculino Idade : 24
Dinheiro R$ : 56980
Reputação : 0
Mensagens : 55
Localização : Brasil
Data de inscrição : 27/11/2009

Ver perfil do usuário https://www.forumeiros.com

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum