Gaia Server
Estrutura dos tutoriais Untitl11
Cadastre-se e faça parte do fórum iWeb

Estrutura dos tutoriais

Ir em baixo

Estrutura dos tutoriais Empty 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

Estrutura dos tutoriais Statistiques 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)

Estrutura dos tutoriais Logo 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)
Estrutura dos tutoriais Logo10

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]
Estrutura dos tutoriais 110111Arrow Indicação Texto.
Estrutura dos tutoriais 110210Arrow Indicação Texto.
Estrutura dos tutoriais 110310Arrow Indicação Texto.
Estrutura dos tutoriais 110410Arrow Indicação Texto.
Estrutura dos tutoriais 110510Arrow 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]
Estrutura dos tutoriais Act_bottom 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



Estrutura dos tutoriais Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Estrutura dos tutoriais
Benévóles
Benévóles
Técnicos
Técnicos

Masculino Idade : 25
Dinheiro R$ : 63060
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


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