•
•
•
•
•
•
•
•
•
–
–
–
•
–
–
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
–
–
•
•
1 <fieldset class="grupo" id="grupolink">
2 <div class="campo_header">
3 <a href="#">Novo no sistema? CADASTRE-SE!</a>
4 <...
Área Tamanho
Barra de título
Altura: 36px e largura ajustável de acordo com a
resolução.
Menu vetical
Altura: Ajustável de...
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Webwriting para quem não é redator
Próximos SlideShares
Carregando em…5
×

Webwriting para quem não é redator

175 visualizações

Publicada em

Uma introdução ao Webwriting, em formato de palestra-workshop, para uma equipe de documentação de uma fábrica de software.

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
175
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Webwriting para quem não é redator

  1. 1. • • • • • •
  2. 2. • • • – – – • – –
  3. 3. • • • •
  4. 4. • • • •
  5. 5. • • •
  6. 6. • • • • • •
  7. 7. • • •
  8. 8. • • • • •
  9. 9. • • •
  10. 10. • • • • •
  11. 11. • •
  12. 12. • • • •
  13. 13. • • •
  14. 14. • • •
  15. 15. • •
  16. 16. • •
  17. 17. • • •
  18. 18. • – –
  19. 19.
  20. 20.
  21. 21. 1 <fieldset class="grupo" id="grupolink"> 2 <div class="campo_header"> 3 <a href="#">Novo no sistema? CADASTRE-SE!</a> 4 </div> 5 <div class="campo_header"> 6 <a href="#">Esqueceu sua senha? CLIQUE AQUI.</a> 7 </div> 8 </fieldset> • códigos e comandos •
  22. 22. Área Tamanho Barra de título Altura: 36px e largura ajustável de acordo com a resolução. Menu vetical Altura: Ajustável de acordo com a resolução e largura 217px. Tela Se adequa à resolução de tela. 10 px de padding, para nada ficar topando nas laterais. Barra de botões 46px de altura, acomoda botões de 30px, largura ajustável de acordo com a tela. Padding (espaçamento) de 8px para todos os lados. Rodapé Largura ajustável de acordo com a resolução e 28px de altura fixa.
  23. 23.
  24. 24. • • • • •
  25. 25. • •
  26. 26. • • • • • •

×