BIREME / OPAS / OMS - · PDF fileprodutores, integradores e intermediários, de modo...

Click here to load reader

  • date post

    16-Dec-2018
  • Category

    Documents

  • view

    214
  • download

    0

Embed Size (px)

Transcript of BIREME / OPAS / OMS - · PDF fileprodutores, integradores e intermediários, de modo...

BIREME / OPAS / OMS

Centro Latino-Americano e do Caribe de Informao em Cincias da Sade

Metodologias da BVS

Guia de Desenho Grfico da BVS

Verso 4.0

Sao Paulo - Maro 2008

Copyright Maro 2008 - BIREME / OPAS / OMS

Guia de Desenho Grfico da BVS

garantida a permisso para copiar, distribuir e/ou modificar este documento sob os termos da

Licena de Documentao Livre GNU (GNU Free Documentation License), Verso 1.2 ou

qualquer verso posterior publicada pela Free Software Foundation; sem Sees Invariantes,

Textos de Capa Frontal, e sem Textos de Quarta Capa. Uma cpia da licena includa na seo

intitulada "GNU Free Documentation License".

Ficha Catalogrfica

BIREME / OPAS / OMS (Brasil)

Guia de Desenho Grfico da BVS. / BIREME / OPAS / OMS.

Sao Paulo : BIREME / OPAS / OMS, Maro 2008.

49 p.

1. Manual do usurio. 2. Acesso informao. 3. Sistemas

de informao. 4. Gerenciamento de informao. 5.

Sade Pblica. 6. Servios de sade. I. BIREME II. Ttulo

Advertncia - A meno a companhias e/ou instituies especficas ou a certos produtos no

implica que estes sejam apoiados ou recomendados por BIREME / OPAS / OMS, e no significa

que haja preferncia em relao a outros de natureza similar, citados ou no.

BIREME / OPAS / OMS

Centro Latino-Americano e do Caribe de Informao em Cincias da Sade

Rua Botucatu 862 V Clementino

Este documento foi produzido com a Metodologia para Normalizao de Documentos (NorDoc) desenvolvida pela BIREME.

Conjunto de documentos da metodologia

A srie completa composta de 4 documentos, sendo:

1. Guia da BVS 2. Manual para administrao do BVS-Site 3. Guia de Desenho Grfico da BVS 4. Guia de navegabilidade e usabilidade da BVS

I

Sumrio

Conjunto de documentos da metodologia ................................................................ I Lista de ilustraes, quadros e tabelas...................................................................IV Abreviaturas utilizadas ......................................................................................VI Como usar este manual .................................................................................... VIII Prefcio ..........................................................................................................1

Sobre a Bireme ...............................................................................................1 Sobre a BVS ...................................................................................................2

Introduo .......................................................................................................4 Sobre o desenho grfico ......................................................................................5

A Metfora.....................................................................................................5 A Biblioteca de Babel ....................................................................................5

O logotipo da BVS ............................................................................................6 A Interface da BVS .............................................................................................7

Arquitetura do Portal BVS ..................................................................................7 Web standards.............................................................................................8 Acessibilidade da interface .............................................................................9 A navegao na BVS baseada em trs tipos genricos de pginas web...........................9

Tipo I ou Portal BVS.................................................................................. 10 Tipo II ou Portal de Coleo ou Galeria .......................................................... 11 Tipo III ou Pgina de Resultados ................................................................... 11

Instrues para personalizao (bsico)................................................................. 12 Estrutura dos arquivos e pastas no servidor ........................................................... 12 Estrutura das folhas de estilo ............................................................................ 14 Layout em psd .............................................................................................. 14 Troca do Logo............................................................................................... 14

Recorte da imagem ..................................................................................... 15 Carga (upload) da imagem ............................................................................ 15 Troca da imagem no ADMIN ........................................................................... 15

Troca do Banner............................................................................................ 17

II

Guia de Desenho Grfico da BVS Sumrio

Recorte da imagem ........................................................................................ 17 Carga (upload) da imagem................................................................................ 17 Configurao na CSS ....................................................................................... 18 Alterao no ttulo ......................................................................................... 18

Configurando a CSS ..................................................................................... 20 Instituies .................................................................................................. 21

Alterando as Instituies .............................................................................. 21 Configurando a CSS ..................................................................................... 23

Configuraes de fontes e cores......................................................................... 24 Configuraes do rodap.................................................................................. 26

Estrutura ................................................................................................. 26 Configurao da CSS.................................................................................... 28

Referncias bibliogrficas .................................................................................. 30 Glossrio ....................................................................................................... 32 Anexo I (avanado) .......................................................................................... 35

Layout Fluido e Layout Fechado ......................................................................... 35 Configurao das Colunas................................................................................. 37

III

Lista de ilustraes, quadros e tabelas

Figura 1 - Arquitetura de processamento da BVS ..........................................................8

Figura 2 Homepage do Portal Regional da BVS ......................................................... 10

Figura 3 - Estrutura de Diretrios do BVS Site............................................................ 13

Figura 4 Diretrios a serem trabalhados................................................................. 13

Figura 5 Etapas para a troca do Logotipo ............................................................... 16

Figura 6 Troca do logotipo................................................................................. 16

Figura 7 Localizao do banner no cdigo XHTML. .................................................... 18

Figura 8 Substituio do banner na CSS ................................................................. 18

Figura 9 Etapas a seguir para a alterao do ttulo da Interface.................................... 19

Figura 10 Inserindo um ttulo ao BVS Site ............................................................... 19

Figura 11 - Localizao do ttulo no cdigo XHTML...................................................... 20

Figura 12 Mudana de cor do ttulo na CSS styles...................................................... 20

Figura 13 - Exemplo de alteraes de margens no ttulo ............................................... 21

Figura 14 Modificando as Instituies .................................................................... 22

IV

Guia de Desenho Grfico da BVS Lista de ilustraes, quadros e tabelas

Figura 15 Caixa de incluso ou alterao das instituies............................................ 22

Figura 16 Localizao do campo Instituies no cdigo-fonte. ...................................... 23

Figura 17 Exemplo de ajustes de cores e fontes das instituies ................................... 24

Figura 18 Seletores responsveis pelas fontes na CSS. ................................................ 24

Figura 19 Exemplos de definies de cores nos seletores ............................................ 25

Figura 20 Definies de cores na CSS e resultado no site............................................. 25

Figura 21 Etapa para a alterao do rodap ............................................................ 26

Figura 22 Selecionando a instituio responsvel...................................................... 27

Figura 23 Editando as informaes do Rodap ......................................................... 27

Figura 24 Editando as informaes em um editor de texto ...............