I-32-PM (1ª Edição) Polícia Militar do Estado de São Paulo Instrução Policial Militar

Transcrição

1 I-32-PM (1ª Edição) Polícia Militar do Estado de São Paulo Instrução Policial Militar INSTRUÇÕES DE IDENTIDADE VISUAL DA POLÍCIA MILITAR PARA PUBLICAÇÃO DE DAS PÁGINAS ELETRÔNICAS PUBLICADAS NA INTRANET E DA ÁREA DE TRABALHO Setor Gráfico do CSM/M Int Impresso em maio outubrojulho de 2003

2 1ª Edição Tiragem: 600 exemplares - 2 -

3 POLÍCIA MILITAR DO ESTADO DE SÃO PAULO COMANDO GERAL São Paulo, de maio outubrojulho de Despacho nº DSist-007/322/03 1. O Comandante Geral da Polícia Militar do Estado de São Paulo, usando das atribuições que lhe conferem os artigos 16 e 43 das Instruções para as Publicações da Polícia Militar (I-1-PM), aprova, manda pôr em execução e autoriza a impressão das Instruções de Identidade Visual da Polícia Militar para Publicação dase Páginas Eletrônicas Publicadas na Intranet e da Área de Trabalho (I-32-PM), 1ª Edição, e determina a sua publicação e impressão em anexo ao Boletim Geral PM. 2. Estas Instruções entrarão em vigor na data de sua publicação. ALBERTO SILVEIRA RODRIGUES Cel PM Comandante Geral - 3 -

4 DISTRIBUIÇÃO 1. Órgãos de Direção: a. Geral Cmt Geral Subcmt PM Assessorias (cada) Gab Cmt G Seções do EM/PM (cada) b. Setorial: Corregedoria PM Diretorias (cada) Órgãos de Apoio: a. Logístico: CSM/AM, CSM/M Int, CSM/M Subs, CSM/MM e CSM/O (cada) b. Ensino: CAES, APMBB, CFAP, EEFPM e CFSd (cada) c. Pessoal: PMRG, CASJ, CSAEP e CDP (cada) d. Saúde: C Med, C Farm e C Odont (cada) e. Sistemas: CSM/M Tel e CPD (cada) f. Especiais: C Mus, DSA/CG e DTO (cada) Órgãos de Execução: a. Grandes Comandos: CPC, CPM, CPI e CCB (cada) b. Comandos de Área: CPA/M, CPChq, CPAmb e CPRv (cada) c. Unidades de Policiamento: Metropolitano, Interior e Corpo de Bombeiros (cada) Outros: CMmil, GRPAe Reserva: a. DSist b. CSM/M Int (para venda) Obs.: os exemplares serão distribuídos às Unidades pelo CSM/M Int e controlados por meio de recibo conforme o prescrito no artigo 57 das I-1-PM

5 ÍNDICE GERAL Pág. Capítulo I -- Estrutura e DiagramaçãoDas Generalidades Capítulo II -- Da NavegaçãoEstrutura e Diagramação Capítulo III -- Da Tipografia Capítulo IV - Cores Capítulo IV -- Da Fotografia Capítulo VI -- Do Pop-Up Capítulo VII -- Dos Banners Capítulo VII - Da Área de Trabalho Capítulo VIII - Das Especificações Técnicas Glossário Índice Remissivo Bibliografia Elaboração OPM Responsável

6 CAPÍTULO I CAPÍTULO TÍTULO I Das Generalidades Artigo 1º - Estas Instruções têem por finalidade regular o padrão visual a ser utilizado na elaboração de páginas eletrônicas da Intranet, estabelecendo a tipologia, fontes, imagens, fotos, links, tabelas de cores e dos formatos de banners, os quais serão os parâmetros e a identidade visual que deverá ser utilizada por toda Polícia Militar do Estado de São Paulo (PMESP), de forma a propiciar uma unidade de identidade visual de comunicação com o público interno;, em consonância com o projeto de Governo Eletrônico do Governo do Estado de São Paulo. Parágrafo único - Estas Instruções não se aplicam ao Sistema de Informações da Polícia Militar do Estado de São Paulo (SIPOM) que será regido por norma própria. CAPÍTULO TÍTULO II Da Estrutura e Diagramação Artigo 2º - A estrutura de um site publicado na Intranet é formada por quatro grandes blocos de informações: I - cabeçalho; II - navegador interno; III - corpo do texto; IV - rodapé. 1º - As páginas deverão ser diagramadas em tabelas com resolução dede 760 pixels de largura, respeitando a resolução de vídeo de 800 X 600 para monitores a partir de 14 polegadas, sendo que cada um dos blocos possui características próprias. 2º - A página inicial do site, denominada por Home Page, por seu caráter dinâmico e pela quantidade de informações que comporta, possui uma estrutura e uma diagramação diferenciadas das demais páginas:; I - define-se como Home Page ou Página Principal, a página de apresentação do site da Organização Policial Militar (OPM) que é formada por apenas três blocos principais: cabeçalho, corpo e rodapé; II - na elaboração da Home Page, deverá ser observado o previsto pelo art. 17 das Instruções para a utilização da Rede Mundial de Computadores (Internet) e Rede Interna (Intranet) pela PMESP (I-30-PM), em relação ao conteúdo

7 Artigo 3º - Os blocos das páginas eletrônicas devem apresentar as seguintes características: I - o cabeçalho reúne a logomarca do Governo do Estado de São Paulo, logomarca da PMESP, nome do site, slogan, data e barra de navegação principal dispostos conforme a seguinte apresentação gráfica: a) modelo de cabeçalho e diagrama: Artigo 2º - A estrutura do site é formada por quatro grandes blocos de informações: cabeçalho, navegador interno, corpo do texto, contendo frames, ou não e rodapé, sendo os diagramas em tabelas de 760 pixels de largura, respeitando a resolução de vídeo de 800 X 600 para monitores a partir de 14 polegadas e cada um dos blocos com características próprias. I - a homepage, por seu caráter dinâmico e pela quantidade de informações que comporta, possui uma estrutura e uma diagramação ligeiramente diferenciadas; II - os blocos têm as seguintes características: 1) cabeçalho - reúne a marca do Governo do Estado de São Paulo da Polícia Militar do Estado de São Paulo, nome do site, slogan, data e barra de navegação principal; 2) navegador interno - contém a página da Unidade, obedecendo a um dos três modelos de layouts sugeridos; 3) corpo de texto - área que congrega vários níveis de navegação de cada seção e subseção do site, conteúdo de subtítulos, textos, fotos e também banners; 4) rodapé - contém uma réplica da barra de navegação principal. III - nas próximas páginas serão detalhados, a diagramação da home page e demais seções bem como suas particularidades. Artigo 22º - Home Page (página principal): a do site da Organização Policial Militar (OPM) homepage é formada por apenas três blocos principais: cabeçalho, corpo e rodapé. I - o cabeçalho da página principal do site deve contémer a marca do Governo do Estado de São Paulo e da Polícia Militar do Estado de São Paulo, o nome do site, o slogan, data e a barra de navegação principal; dispostos conforme a seguinte apresentação gráfica: - 7 -

8 II - para o corpo da página que é local onde serão exibidas as páginas das unidades, são sugeridos três modelos (layouts), conforme Capítulo, Título, art XX; III - existem três modelos (templates) que podem ser usados de acordo com as necessidades da OPM;???? redundância com o item anterior???? IV - abaixo os diagramas e exemplos da estrutura da página principal do site; IV - o cabeçalho deve possuir a seguinte apresentação gráfica: - 8 -

9 1) elementos do cabeçalho: logommar ca Slogan Slogan Nome do Site logomarca Marca Data B Barra principal de Navegação 2b) logo- marca do Governo do Estado de São Paulos: c) logomarca da PMESP: 3) - slogan: 4d) - nome do site: - 9 -

10 ... e) slogan: f5) - data: g6) - barra principal de navegação principal, que apresenta links para os diversos sistemas e serviços disponíveis ao público interno::

11 7) - diagrama: II - o navegador interno é a coluna na lateral à esquerda da página eletrônica, composta pelos links (redirecionamento) para as demais páginas eletrônicas do site da OPM, previstas pelo art. 18 das I-30-PM:

12 III - o corpo de texto é área que apresenta as informações da OPM, tais como textos, fotos e formulários:;

13 8II) corpo é composto pelo navegador interno: o navegador interno que obedecerá os layouts dos modelos previstos mas poderá ainda conter os links para: a1) galerias; 2 b) downloads; c3) seções; d4) policial do mês; e5) principal; 6 f) (obrigatório); 7 g) telefones (obrigatório). a9) corpo da páginaá:; 10) modelos: os modelos servirão de base para a confecção ou adaptação das páginas no âmbito da Intranet da Polícia Militar do Estado de São Paulo;

14 101) modelo 01: (10) O modelo 01 é composto por frames horizontais simples, contendo a barra de navegação no início e no rodapé da página, como mostra a estrutura abaixo:. (112) modelo 02: 1211) O modelo 01 é composto por frames horizontais simples, contendo a barra de navegação no início e no rodapé da página, como mostra a estrutura abaixo

15 13) modelo 02: 14(32) O modelo 032 é compreendido também por frames contendo um menu lateral esquerdo, um espaço superior para banner ou outro menu e corpo

16 (1435) modelo 034:

17 (5) modelo 05:

18 (a) o modelo 035 apresenta por meio de frames, a seguinte estrutura: espaço superior para banner ou outra barra de navegação, laterais esquerda, direita e corpo. IIIV - 146) rodapé: o rodapé em todaso as páginas eletrônicaso site é exatamente uma réplica da barra principal de navegação principal, conforme art 3º, inciso I, alínea g), de forma a cujo intuito é facilitar a navegação quando o usuário estiver visualizando informações contidada encontrar-se no fiminal da página visitadavisualizada. sendo que Seuo seu posicionamento sempre seréá centralizado em relação a largura da tabela (760 pixels na largura).. CAPÍTULO III Da Navegação Artigo 3º - Visão Geral: o objetivo básico do portal da Intranet da Polícia Militar do Estado de São Paulo é informar sobre todos os acontecimentos, informações, ações da atual gestão e serviços eletrônicos. Artigo 4º - Barra de Navegação Principal: a barra de navegação principal, conforme ilustração abaixo é um acesso rápido aos links que se seguem. Ainda junto ao cabeçalho e a barra de navegação principal superior, existem os links para

19 acesso à Intranet, Governo do Estado de São Paulo e Polícia Militar do Estado de São Paulo: 1) Mapa Força; 2) PRODESP; 3) SIAFEM; 4) SIOBM; 5) SIOPM; 6) SIQUANT; 7) SRH/SIALPA; 8) Unidades. CAPÍTULO III Tipografia Artigo 54º - Visão Geral: Nno desenvolvimento visual do site na Intranet da Policia Militar do Estado de São PauloPMESP, deverá ser foi utilizada a a família tipográfica Arial, do tipo bastão, a Arial, em suas diversas variações:. I - a tipografia foi escolhida pela fácil legibilidade e neutralidade de suas formas, priorizando assim não a beleza da tipografia, mas a sua seriedade em expressar as informações contidas no site; II - o emprego da tipografia acima obedece a alguns critériostem por base, em dois principais aspectosos aspectos : estético e técnico, sendo que no. No primeiro aspecto, considerou-se a semelhança simplicidade de talho da fonte Arial e no segundo,. Já no aspecto, técnico a consideração do uso baseia-se na principal característica da mídia, internet: que é a velocidade de carregamento da página e cargas de chamadas ao servidor pelo usuário. Artigo 6º - Aspectos estéticos: os critérios adotados foram contrastes de peso e de tamanho das tipologias em suas aplicações em títulos, subtítulos menus, submenus e textos. I - a família tipográfica Arial foi utilizada em marcações de todos os títulos principais das seções do site, bem como na página principal (-home) foi designada para todos os títulos, marcação de todos os subtítulos, menus, submenus, e corpo de texto das páginas orientada, principalmente, pelo aspecto técnico já citado. Artigo 75º - A utilização das variações da família arial estão estabelecidas em função do destaque que o texto exige na apresentação das informações, conforme exemplo de página eletrônica:aspectos técnicos: Como é tipologia comum a todos

20 os navegadores de internet (internet Explorer e Netscape) de usuários de PC e também por ser uma fonte de sistema operacional, a Arial é renderizada em qualquer tela sem prejuízo de velocidade no carregamento da página a ser mostrada. Esse foi o fator determinante para sua utilização em larga escala dentro de todo o portal nas suas mais variadas formas (bold, italic e normal), tamanhos e cores. Artigo 8º - Fontes: a família tipográfica Arial em suas variações Arial, Arial italic, Arial bold e Arial bold italic é a usada para toda seção do site. I - família arial: 1) arial ABCDEFGHIJKLMN OPQRSTUVWXYZ Abcdefghijklmn Opqrstuvwxyz 32) arial bold ABCDEFGHIJKLMN OPQRSTUVWXYZ Abcdefghijklmn Opqrstuvwxyz 2) arial italic 4) arial bold italic ABCDEFGHIJKLMN ABCDEFGHIJKLMN OPQRSTUVWXYZ OPQRSTUVWXYZ Abcdefghijklmn Abcdefghijklmn Opqrstuvwxyz Opqrstuvwxy z

21 Artigo 6º9º -- Aplicações: nas páginas Seguintes deste tópico estão As regras a serem utilizadase critérios utilizados na aplicação das duas famílias tipográficas Arial ndo portal da Polícia Militar do Estado de São PauloPMESP, devendo seguir o previsto nos itens abaixo:. I - serão utilizadas imagens em tom rebaixado de páginas do site, mantendo apenas destaque na área especiífica da marcação da tipologia:. 1a) título da página: Fonte: Arial Corpo 1(html) Tracking: default Fonte: Arial Corpo 1(html) Tracking: default Fonte: Arial Corpo: 20 Tracking:-50 Cor RGB:153,153,153 Cor hexadecimal:# (de acordo com Adobe Photoshop)

22 Fonte: ITC Franklin Gothic BookArial Corpo: 20 Tracking:-50 Cor RGB:153,153,153 Cor hexadecimal:# (de acordo com Adobe Photoshop)

23 CAPÍTULO IV Cores Artigo 7º110 - Visão Geral:As cores básicas a serem utilizada na elaboração das páginas eletrônicas têem com por base referência na bandeira do Estado de São Paulo,, sendo: foram empregadas as seguintes cores: o branco, o cinza, o preto e o vermelho como as principais do site. I - o branco é sempre a cor de fundo para todas as páginas, pois além de suavizar todo o layout, permite uma maior legibilidade para os textos, contrastando com as letras que serão pretas em sua maioria;. II - são definidos os seguintes padrões das cores básicas: Nome: Black RGB: 0, 0, 0 Hexadecimal: # Nome: Red RGB: 255, 0, 0 Hexadecimal: #FF0000 Nome: Gray RGB: 153, 153, 153 Hexadecimal: #FFFFFF Nome: White RGB: 255, 255, 255 Hexadecimal: #FFFFFF Artigo Tabela de Cores: todas as cores utilizadas no site estão entre as 216 cores protegidas para web

24 III - as demais cores serão empregadas conforme as características das OPM, respeitada a descrição heráldica de seus brasões, sendo que os valores estão expressos I - abaixo temos a relação das cores utilizadas em seus valores em RGB e hexadecimal: e a sua nomenclatura; II - observe que a nomenclatura das cores é apenas uma referência aos seus valores RGB e hexadecimal, sendo estes últimos o emprego mais exato e fidedigno da tabela de cores dentro do site. Nome: NavyBlue RGB: 0, 0, 153 Hexadecimal: # Nome: Medium VioletRed RGB: 153, 0, 102 Hexadecimal: # Nome: Firebrick RGB: 153, 0, 0 Hexadecimal: # Nome: Turquoise4 RGB: 0, 153, 153 Hexadecimal: # Nome: Goldenrod3 RGB: 189, 173, 33 Hexadecimal: #BDAD

25 1º - Todas as cores utilizadas no site estão entre as 216 (duzentos e dezesseis) cores protegidas para web. 2º - A nomenclatura das cores é apenas uma referência aos seus valores RGB e hexadecimal, sendo estes últimos a definição mais exata e fidedigna da tabela de cores a serem utilizadas nos sites. CAPÍTULO IV Da Fotografia Artigo 132 8º - Visão Geral: pelodevido seu caráter noticioso e informativo, os sites na Intranet portal da Polícia Militar de São Paulo poderãoá conter acervo de fotografias que poderão ser empregadas em todas as suas páginas. Em todas as seções ocom o objetivo da fotografia éde complementar a informação de cada página e não apenas ilustrar o tema ou assunto apresentado:. I - existem devem ser previstos dois padrões específicos para a aplicação das fotografias no site, sendo : uma para visualização em tela (vídeomonitor de vídeo, com resolução de - 72 dpi) e outro para impressão, em página específica para esta finalidade, com resolução de 300 dpi); II - todas as fotos inseridas no site devem utilizamr o formato de compressão de imagens do tipo.jpg,.tif ou.gif JPEG (Joint Photographic Experts Group) sendo que e o seu modo dea compressão varia de acordo com o tamanho, devendo ser. Como regra geral é utilizada a maior taxa de compressão possível, sem comprometer a qualidade de visualização da foto; III - normalmente os valores de compressão giram em torno de 30 e 50, nãoprogressivo e otimizado (na escala de compressão do Adobe Photoshop 5.5 ou superior, usando o comando Save for Web ). Já as fotos para download, são salvas (Save as...) com qualidade entre 5 e 7 (Medium); IVII - o tamanho da imagem em Kbytes irá variar de acordo com o seu tamanho em pixels e a quantidade de cores utilizada. É recomendado que nenhumaas imagem para visualização em tela não devem ultrapassear a 18Kbytes. Artigo 9º134 - Home (página principal): aas fotografias disponibilizadas utilizadas na homepage distribuem-se em tipos e tamanhos pré estabelecidos, entre fotos horizontais e verticais. A seguir, a relação de todos os formatos, em destaque, seu tamanho em pixels em Kbytes, sendo: : 1) fotografia: Foto 128X84:; 2)fotografia: Foto 180X85:; 2)fotografia: Foto 180X

26 3) fotografia: Foto 270X180:; 4) fotografia: Foto 199X299:; 4) fotografia: Foto 199X299 5) fotografia: Foto 128X192:;

27 6) fotografia: Foto 412X274:. I - os tamanhos das fotos: a1) thumbnails (fotos pequenas com link para página com a foto em tamanho de visualização): 110X72 pixels/72 dpi; b2) foto para visualização ampliada: 480X314 pixels/72 dpi; c3) foto para download: 16,93X11,11cm / 300 dpi. Artigo Visualização e download dos thumbnails: ppara a visualização de uma foto apresentada comoo thumbnail em maior tamanho, basta deverá ser configurado o link para, acioná-la atravéspor meio de um clique do mouse, ser. A partir exibida uma página específica, exatamente no tamanho da foto, denominada da pop-up, sendo que que se abrirá o usuário poderá também ser configurado clicar sobre a foto eo iniíciaro do download, a partir do acionamento do pop-up da mesma. por um clique no mouse:. I - as diversas fotos que ilustram os assuntos abordados no texto devem ser

28 Artigo Seções: em diversas páginas do site, encontramos fotos que ilustram os assuntos abordados no texto. I - são imagens de 255X144 pixels, com tamanho máximo de 15 Kbytes; II - se deverá ser configurado o atributo ALT na tag <A> para que, quando o ponteiro do mouse permanecer por alguns segundos sobre a foto, seja apresentada será visualizada uma legenda (atributo ALT na tag < A>).indicando as configurações da mesma

29 CAPÍTULO VI Do Pop-up Artigo Visão geral: Poup-up é uma janela do browser que se abre a partir de uma outra janela:. I - ela poderá ser acionada através de um evento de mouse ou ser carregada automaticamente sem intervenção do usuário; II - geralmente com proporções menores que a sua janela de origem, ela pode ou não possuir os atributos padrão do navegador como o menu de comandos, botões de navegação, a caixa de endereços e manter a barra de rolagem de texto ativa; III - no site, as pop-ups são utilizadas para divulgação de campanhas ou avisos na home page, exibição de vídeos, listagem de links de interesse e exibição de fotos ampliadas; IV - com exceção das utilizadas na home page, as pop-ups possuem tamanhos e layout pré-estabelecidos, conforme segue: a1) campanhas: 420aaaa

30 b2) vídeo:

31 - 31 -

32 3c) links de interesse / mais informações:

33 4d) banco de imagens:

34 CAPÍTULO VII Dos Banners Artigo Os Banners têem Visão Geral: como a finalidade de fazer divulgação sobre os mais variados assuntos relacionados aos serviços prestados pela Polícia Militar do EstadoPMESP, bem como sobre informações de utilidade pública, os banners empregados no site possuem tamanhos e medidas padronizadas e formatos de arquivos específicos para suas inserções. Artigo Formato de arquivo: oos formatos de arquivo para banners poddevem ser GIF, JPEG ou SWF e empregados conforme segue:. I - o arquivo GIF: o formato GIF (GrapGraphichic Interchange Format) é usado na maioria dos casos; para imagens com predominância de cores chapadas ou poucas cores, e para fotos em tamanho reduzido; II - o arquivo JPEG: o JPEG (Joint Photographic Experts Group) para banners estáticos (este tipo de formato não pode ser animado) que utilizam muitas cores e fotos maiores; III - o arquivo SWF: e finalmente o formato SWF (Shockwave Flash) desenvolvido para rodar com o plug-in FlashPlayer, que obtém resultados de animação mais sofisticados e recursos de interatividade.; IVParágrafo único - Quando inseridos nas páginas, todo banner deve conter sua descrição por meio do atributo ALT da tag <A>, com exceção do formato SWF que não suporta esse tipo de recurso, sendo que também. Outro atributo que deve estar ativo na tag <A> o atributoé o target= -blank que permite que se abra uma nova janela para visualizar o endereço selecionado. Artigo Os banners devem ser elaborados conforme Tamanhos e medidas: existem 4 (quatro) tamanhos e medidas para de banners utilizadosção no site da Policia Militar do Estado de São PauloPMESP:. I -- as suas medidas sempre são marcadas estabelecidas em pixels. São eles: a1) 120X60 pixels, a ser empregado no canto direito do cabeçalho das páginas internas, ou na coluna lateral dos textos destas páginas, com tamanho máximo de 4kb:; 2) 180X60 pixels; 3) 236X60 pixels; 4) 468X60 pixels. II - nas páginas seguintes seguem os exemplos dos banners e seus locais e páginas de aplicação no portal. Artigo Formatos padrões: existem 4 tipos de formatos de banners que poderão ser utilizados nos sites da Intranet. Eles possuem tamanhos e medidas padronizados que devem ser seguidas para qualquer tipo de aplicação dentro do site. São eles:

35 1) 120X60: a) tamanho máximo em bytes: 4K; b) local de aplicação: canto direito do cabeçalho das páginas internas, ou na coluna lateral dos textos destas páginas. b) 180X60 pixels, a ser empregado na coluna esquerda da home ou canto superior direito do cabeçalho da home page, com o tamanho máximo de 6kb:; 2) 180X60 a) tamanho máximo em bytes: 6K; b) local de aplicação: coluna esquerda da home ou canto superior direito na cabeçalho da home. c3) 234X60 pixels, a ser empregado no canto superior direito no cabeçalho da home page, com o tamanho máximo de 8kb:; a) tamanho máximo em bytes:8k; b) local de aplicação: canto superior direito no cabeçalho da home

36 4d) 468X60 pixels, a ser empregado no canto superior direito no cabeçalho da home com o tamanho máximo de 12kb:. a) tamanho máximo em bytes: 12K; b) local de aplicação: canto superior direito no cabeçalho da home

37 Artigo A utilização de multimídia, tal como O Uso da tecnologia Flash, no site: o Macromedia Flash é um programa que permite desenvolver animações e diversos outros recursos de multimídia, que podem ser utilizsadosa em um site de forma a tornar a experiência do usuário mais dinâmica e interativa:. Um arquivo gerado no Macromedia Flash (formato SWF) necessita que um pequeno programa (plug-in), chamado Flash Player, seja instalado no navegador do usuário para que o seu conteúdo possa ser visualizado, sendo muito comum, a sua disponibilidade. I - embora com todo esse número de bases instaladas, o uso do Flash no site da Polícia Militar do Estado de São Paulo é ainda restrito, se limitando a alguns banners e pequenas chamadas. O motivo é que o conteúdo do site é de extrema importância para todas as Unidades, e deve ser aberto para todos, incluindo aqueles que não utilizam o plug-in instalado. O conteúdo do flash também ainda não é compatível com programas que auxiliam deficientes visuais no uso da internet; I I - todo o conteúdo gerado em Flash, deve possuir uma alternativa para usuários que não possuem o plug-in, essencial para a visualização dos efeitos em multimídia;. Seja com um conteúdo alternativo feito em HTML, ou mesmo uma imagem GIF que possa substituir uma animação; III - existem diversos scripts (javascript) que podem ser inseridos na página HTML que podem: 1a) direcionar automaticamente para uma página alternativa caso o usuário não possua o flashplayer; b2) permitir que o flashplayer seja instalado na hora, caso não seja detectado; c3) substituir um determinado conteúdo SWF por uma imagem GIF ou um código HTML qualquer;. CAPÍTULO VII Da Área de Trabalho Artigo 16 - Para efeito de padronização da área de trabalho apresentada nos computadores utilizados na Polícia Militar do Estado de São Paulo, deverá conter, como papel de parede, a logomarca da PMESP no formato jpg com base dégradé para resolução 640X480 conforme o modelo abaixo:

38 CAPÍTULO VIII Das Especificações Técnicas Artigo 17 - Para elaboração das Home Page observar os seguintes critérios: I - linguagem de programação suportada: DHTML, HTML 4.0 e ASP (Active Server Pages); II - scripts de página suportado: javascript e MS Jscript; III - restrição quanto ao uso do applet Java, especialmente as applets geradas por programas; IV - método de hospedagem de arquivos: através de FTP (File Transport Protocol); V - a hospedagem dos sites das OPM será efetivada no Web Server principal da PMESP, localizado no Centro de Processamento de Dados (CPD), sendo que qualquer hospedagem fora do Web Server principal deverá ser solicitada à Diretoria de Sistemas (DSsist), mediante documento com motivação detalhada das necessidades. 4) fonte

39 IV - a utilização de papéis de parede e protetores de tela serão definidas posteriormente

40 GLOSSÁRIO BANNER - Imagem, animada ou não, utilizada em sites para efeitos de publicidade. Geralmente ao clicar-se no dito banner vai-se ao endereço referente ao produto/serviço que está a ser divulgado. BROWSER - Também chamado navegador, é o programa que permite ao usuário ver as páginas da Internet. DOWNLOAD - Processo de copiar um arquivo de um computador remoto para outro através da rede. FLASH - Programa desenvolvido pela Macromedia para criar páginas multimídia. FRAME - Quadro ou moldura. Subdivisão em forma de janela dentro de uma mesma página web com informações à parte. GIF - Graphic Interchange Format. Formato para arquivos muito utilizado. HOME PAGE -.É a página principal de um Web site. Normalmente a página serve como um índice para o conteúdo restante do site. HTML - HyperText Markup Language ou Linguagem de Marcação de Hipertexto. Linguagem de formatação de textos e imagens utilizada para apresentar os documentos publicados na WWW (World Wide Web), que serão lidos pelos browsers. JAVA - Linguagem de programação desenvolvida e criada pela Sun Microsystems baseada totalmente na teoria da orientação a objetos, que permite o desenvolvimento de aplicações e applets Java. Gera um código que é intepretado na máquina do usuário através de uma Máquina Virtual Java, o que torna a linguagem multiplataforma, permitindo que ela seja executada em praticamente todas as máquinas e sistemas operacionais. O símbolo é o café. JAVASCRIPT - Linguagem de criação de scripts desenvolvida pela Netscape e pela Sun Microsystems. Serve para incluir funções e aplicações online básicas em páginas Web, mas o número e a complexidade das funções disponíveis são menores do que com Java. JPEG - Joint Photographic Experts Group. Formato gráfico que permite uma alta taxa de compressão de imagens, mantendo boa qualidade, o que o torna muito popular na Internet. LINK - Conexão, ou seja, elementos físicos e lógicos que interligam os computadores da Rede. Na Web, são palavras-chave destacadas em um texto, que, quando clicadas, nos levam para o assunto desejado, em outro arquivo ou servidor. NAVEGADOR - (EN: Browser): programa que permite navegar na Internet, ou seja, visualizar páginas e passar de uma página para outra graças ao simples clique numa ligação existente na página de que se parte. PLUG-INS - Extensões de um outro programa, como o browser, fornecidas por seu fabricante ou empresas parceiras, que fornecem recursos adicionais de multimídia, facilitando a visualização de texto, som e vídeo e maior interação com o usuário

41 PORTAL - Também conhecidos como Web Portal. São páginas na Internet que servem de entrada para vários sites. Os portais são caracterizados por uma grande quantidade de links para uma grande variedade de temas. POUP-UP - é uma janela do browser que se abre a partir de uma outra janela, através de um javascript. Ela pode ser acionada através de um evento do mouse ou ser carregado automaticamente sem intervenção do usuário. SITE - Sítio. Um site é uma localização na WWW. Utiliza-se a palavra para definir o conjunto total de páginas que ficam abaixo da URL inicial. RGB DPI TIF JPG KB PIXELS ALT TAG TARGET - SWF FLASH PLAYER SCRIPT TARGET=BLANK

42 ÍNDICE REMISSIVO Artigo Pág. Área de trabalho Aplicações... 9º Arquivo GIF Arquivo JPEG Arquivo SWF Aspectos estéticos... 6º Aspectos técnicos... 7º Banco de imagens Banners Barra de navegação principal... 34º Blocos... 21º Cabeçalho... 21º Campanhas Corpo do textoa página... 2º Cores... 7º Diagramação... 21º CaracterísticasElementos do cabeçalho... 32º Estrutura e diagramação... 21º Fontes º 0812 Formato de arquivo Formatos padrões Fotografia... 8º Home (Estrutura e diagramação)... 2º Home (Fotografia) Links de interesse / Mais informações Navegador interno... 21º Papel de parede Navegação... 3º Poup-up Rodapé... 2º Seções Tabela de cores... 7º Tamanhos e medidas do banners Tipografia... 45º Título da página... 9º Uso da tecnologia flash no site Vídeo Visão geral (Banners) Visão geral (Cores) Visão geral (Estrutura e diagramação)... 1º

43 Visão geral (Fotografia) Visão geral (Navegação)... 3º Visão geral (Poup-up) Visão geral (Tipografia)... 5º Visualização e download dos thumbnails