ProjetoGrafico < TWikiBar

You are here: Wiki-SL>TWikiBar Web>ProjetoGrafico (02 Dec 2008, ViniciusMassuchetto) (raw view)EditAttach

---+!! <nop>%TOPIC%

   * Projeto gráfico para a área <nop>%BASEWEB% pois o layout padrão é muito feio ... ;)

%ATENCAO_INI%
Senhores, criei esta área para servir de referência para um projeto gráfico a ser utilizado em todo o site.

Estou me baseando em diversos layouts disponíveis na internet. O objetivo é fornecer um layout agradável, de fácil de manutenção, observando os padrões W3C e de acessibilidade.

Veja umas idéias usadas pelo TWiki num pesquisa no [[http://www.google.com.br/search?hl=pt-BR&q=ProjetoGrafico%2Btwiki&btnG=Pesquisa+Google&meta=][Google: ProjetoGrafico+twiki]]
%ATENCAO_FIM%
----
Para testar, basta [[%SCRIPTURL%/view%SCRIPTSUFFIX%/%BASEWEB%/%TOPIC%?skin=free][adicionar ?skin=free]] à URL de qualquer tópico. Para efetivar a <nop>FreeSkin</nop> (TWiki:Plugins/FreeSkin) como pele padrão  da Wiki, é preciso definir a variável ==SKIN== para *free* no tópico %BASEWEB%.WebPreferences.

[[%SCRIPTURL%/view%SCRIPTSUFFIX%/%BASEWEB%/%TOPIC%?skin=free][Veja como está ficando!]] - :) _só não reparem nas cores das DIVs, pois estas cores berrantes nos ajudam a *ver* o posicionamento na página_.
----
O <nop>LayOut</nop> desta área =%WEB%= está sendo desenvolvido dentro da filosofia <nop>TableLess, para compreender o que é, para se inpirar e usar veja os Web Sítios abaixo:
   * Brasileiros:
      * [[http://www.maujor.com][CSS para <nop>WebDesign]]
      * [[http://www.tableless.com.br][O que é <nop>TableLess]]
      * [[http://www.csszengarden.com/tr/portuguese/][A Beleza nos Designs CSS]]
   * Inglês:
      * [[http://www.csszengarden.com][O poder do CSS]]
      * [[http://www.devguru.com/Technologies/css/quickref/css_index.html][Referência Rápida de CSS]]
      * [[http://www.w3.org/TR/1998/REC-CSS2-19980512/cover.html#minitoc][Aprenda CSS de verdade]]
----
Para isso, utilizaremos a <nop>FreeSkin</nop> (TWiki:Plugins/FreeSkin), uma skin(pele) que possibilita a alteração do layout de uma <nop>TWikiWeb</nop> através da alteração de tópicos especiais na _web_.
----
A princípio, serão usados os seguintes tópicos:

   * Visualização normal:
      * Tópicos Base (Obrigatórios):
         * LayoutTemplate
         * <del>FreeSkinPreTopic %X%       - incluído no =view.free.tmpl= antes do texto</del>
         * <del>FreeSkinPosTopic %X%       - incluído no =view.free.tmpl= depois do texto</del>
      * Tópicos extras (para modularização):
         * FreeSkinCSS                - folhas de estilo CSS
         * FreeSkinMenu               - menu
         * FreeSkinBarraNavegacao     - barra de navegação
         * FreeSkinImagens            - captar todas as imagens
         * FreeSkinControlesEdicao    - controles de edição
         * FreeSkinVoceEstaAqui       - indicador de onde estamos
         * FreeSkinPadraoCabecalho    - cabecalho padrão
         * FreeSkinCopyRight          - conteúdo do copyright
      * Aproveitando alguns tópicos da Skin Pattern:
         * %TWIKIWEB%.WebTopBar       - cabecalho (global)
         * WebLeftBar                 - menu (local)
         * %TWIKIWEB%.WebBottomBar    - rodapé geral (global)
   * Visualização para Impressão:
      * Tópicos Base (Obrigatórios):
         * FreeSkinPrePrinting %X%    - incluído no =view.freeprint.tmpl= antes do texto
         * FreeSkinPosPrinting %X%    - incluído no =view.freeprint.tmpl= depois do texto

-- Main.JarbasJunior - 16 Sep 2005

Topic revision: r8 - 02 Dec 2008 - 18:19:43 - ViniciusMassuchetto

TWikiBar

Registre-se?
Regras de Formatação
Biblioteca Gráfica?
Carinhas Gráficas

Associação Software Livre.Org - powered by Foswiki

Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Wiki-SL? Send feedback