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

Tamanho: px
Começar a partir da página:

Download "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-www.macromedia.com.br

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

I-31-PM. Polícia Militar do Estado de São Paulo Instrução Policial Militar

I-31-PM. Polícia Militar do Estado de São Paulo Instrução Policial Militar I-31-PM Polícia Militar do Estado de São Paulo Instrução Policial Militar INSTRUÇÕES PARA UTILIZAÇÃO DO CORREIO ELETRÔNICO (E-MAIL) NA POLÍCIA MILITAR DO ESTADO DE SÃO PAULO Setor Gráfico do CSM/M Int

Leia mais

I-33-PM. Polícia Militar do Estado de São Paulo Instrução Policial Militar INSTRUÇÕES DE ADMINISTRAÇÃO DE DADOS DA POLÍCIA MILITAR

I-33-PM. Polícia Militar do Estado de São Paulo Instrução Policial Militar INSTRUÇÕES DE ADMINISTRAÇÃO DE DADOS DA POLÍCIA MILITAR I-33-PM Polícia Militar do Estado de São Paulo Instrução Policial Militar INSTRUÇÕES DE ADMINISTRAÇÃO DE DADOS DA POLÍCIA MILITAR Setor Gráfico do CSM/M Int Impresso em novembro de 2003 1ª Edição Tiragem:

Leia mais

Apostila da Ferramenta AdminWEB

Apostila da Ferramenta AdminWEB Apostila da Ferramenta AdminWEB Apostila AdminWEB SUMÁRIO OBJETIVO DO CURSO... 3 CONTEÚDO DO CURSO... 4 COMO ACESSAR O SISTEMA... 5 CONHEÇA OS COMPONENTES DA PÁGINA... 6 COMO EFETUAR O LOGIN... 9 MANTER

Leia mais

Manual do Painel Administrativo

Manual do Painel Administrativo Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...

Leia mais

WWW - World Wide Web

WWW - World Wide Web WWW World Wide Web WWW Cap. 9.1 WWW - World Wide Web Idéia básica do WWW: Estratégia de acesso a uma teia (WEB) de documentos referenciados (linked) em computadores na Internet (ou Rede TCP/IP privada)

Leia mais

GLOSSÁRIO. ActiveX Controls. É essencialmente uma interface usada para entrada e saída de dados para uma aplicação.

GLOSSÁRIO. ActiveX Controls. É essencialmente uma interface usada para entrada e saída de dados para uma aplicação. GLOSSÁRIO Este glossário contém termos e siglas utilizados para Internet. Este material foi compilado de trabalhos publicados por Plewe (1998), Enzer (2000) e outros manuais e referências localizadas na

Leia mais

Identidade Digital Padrão de Governo

Identidade Digital Padrão de Governo Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e

Leia mais

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com. Manual de uso 1. ACESSO AO SISTEMA LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.br Após acessar o link acima, favor digitar seu LOGIN

Leia mais

Especificações site Web e Mobile

Especificações site Web e Mobile Especificações site Web e Mobile Este documento define as especificações de peças publicitárias que veiculamos no site da Pais& Filhos. Caso algum formato comercializado não esteja neste documento, ou

Leia mais

ESPECIFICAÇÕES DE FORMATOS PUBLICITÁRIOS

ESPECIFICAÇÕES DE FORMATOS PUBLICITÁRIOS ESPECIFICAÇÕES DE FORMATOS PUBLICITÁRIOS Este documento define as especificações de peças publicitárias que veiculamos no site da Pais & Filhos. Caso algum formato comercializado não esteja neste documento,

Leia mais

I-18-PM. Polícia Militar do Estado de São Paulo Instrução Policial Militar

I-18-PM. Polícia Militar do Estado de São Paulo Instrução Policial Militar I-18-PM Polícia Militar do Estado de São Paulo Instrução Policial Militar INSTRUÇÕES PARA A LAVRATURA, A APOSTILA E A EXPEDIÇÃO DE CARTAS PATENTES, FOLHAS DE APOSTILA E CERTIDÕES AFINS Setor Gráfico do

Leia mais

Manual do Usuário. Sumário

Manual do Usuário. Sumário Manual do Usuário Sumário Login... 2 Tela inicial (Dashboard)... 3 Modelo Operacional... 4 Agrupamentos de Menus... 6 Conteúdos / Notícias / Eventos... 9 Capas... 14 Repositório de Arquivos... 17 Enquetes...

Leia mais

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. PÁGINA: 2 de 21 Nenhuma parte deste documento pode ser utilizado ou reproduzido, em qualquer meio

Leia mais

Microsoft Internet Explorer. Browser/navegador/paginador

Microsoft Internet Explorer. Browser/navegador/paginador Microsoft Internet Explorer Browser/navegador/paginador Browser (Navegador) É um programa que habilita seus usuários a interagir com documentos HTML hospedados em um servidor web. São programas para navegar.

Leia mais

MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA

MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA Índice 1. Introdução 03 2. Elementos Padronizados 2.1. Topo 2.2. Rodapé 2.3. Menu 2.4. Cores e Fontes 2.5. Títulos 2.6. Banners 04 04

Leia mais

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes ALUNES MANUAL DO USUÁRIO Guia rápido Alunes 1 Manual de Instruções Versão 2.0 Alunes Informática 2 Sumário Introdução... 5 Pré-requisitos... 5 Principal/Home... 6 Como editar texto do home... 7 Desvendando

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

Construtor Iron Web. Manual do Usuário. Iron Web Todos os direitos reservados

Construtor Iron Web. Manual do Usuário. Iron Web Todos os direitos reservados Construtor Iron Web Manual do Usuário Iron Web Todos os direitos reservados A distribuição ou cópia deste documento, ou trabalho derivado deste é proibida, requerendo, para isso, autorização por escrito

Leia mais

Manual do Usuário Layout Novo CMS WordPress Versão atual: 3.5.1

Manual do Usuário Layout Novo CMS WordPress Versão atual: 3.5.1 UNIVERSIDADE FEDERAL DE JUIZ DE FORA UFJF Secretaria de Sistemas de Informação SSI Centro de Gestão do Conhecimento Organizacional CGCO Equipe de Desenvolvimento de Sites Manual do Usuário Layout Novo

Leia mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor

Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor Sumário Pré-requisitos para o Moodle... Entrar no Ambiente... Usuário ou senha esquecidos?... Meus cursos... Calendário... Atividades recentes...

Leia mais

Ferramenta de Gestão de Web-Site Versão 1.8

Ferramenta de Gestão de Web-Site Versão 1.8 Manual de Instruções Ferramenta de Gestão de Web-Site Versão 1.8 1 1 Índice Índice ------------------------------------------------------------------------------------------ 2 e-solution Backsite - Introdução

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

MSN Home Page Retângulo Page Reveal

MSN Home Page Retângulo Page Reveal Onde veicula? Home Page Como funciona? Após o carregamento da página, o 300x250 é carregado e alguns painéis se movem (giram) por 7 segundos, para revelar o conteúdo por trás da homepage do MSN. No máximo

Leia mais

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Sumário 1. Configurações Iniciais...2 1.1. Configurando o Menu Personalizado...2 1.2. Configurando os Widgets...3 2. Localize o nome de

Leia mais

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de

Leia mais

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março Acessibilidade na Web Cesár Bomfim Brasília 15 de Março Avaliação Passos para Site Acessível -Seguir padrões Web; -Seguir as diretrizes e recomendações de acessibilidade; -Realizar avaliação de acessibilidade.

Leia mais

Documentação do Wordpress - Nova Escola

Documentação do Wordpress - Nova Escola Documentação do Wordpress - Nova Escola Outubro 2012 Página Inicial 2 Menu 3 Área do Aluno 6 Sistema Administrativo 7 Glossário 11 Anexos 17 Página 1 PÁGINA INICIAL Flash TV Educação Infantil Ensino Fundamental

Leia mais

Instrução de Trabalho Base de Conhecimento

Instrução de Trabalho Base de Conhecimento Aprovado por Comitê da Qualidade Analisado criticamente por Dono do processo 1. OBJETIVOS Esta instrução de trabalho tem como objetivo orientar os colaboradores da SINFO, de como a será mantida e acessada.

Leia mais

Publisher. Publisher. versão 2012.2

Publisher. Publisher. versão 2012.2 versão 2012.2 Publisher Publisher Para diagramar, vamos utilizar o Publisher, do pacote de programas Microsoft Office. As instruções valem para as versões 2003, 2007 e 2010 do pacote. Vamos aprender através

Leia mais

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br Desenvolvimento Web Saymon Yury C. Silva Analista de Sistemas http://www.saymonyury.com.br Vantagens Informação em qualquer hora e lugar; Rápidos resultados; Portabilidade absoluta; Manutenção facilitada

Leia mais

Guia de criação de layout de Loja Virtual

Guia de criação de layout de Loja Virtual Guia de criação de layout de Loja Virtual Julho / 2013 (51) 3079-4040 contato@ezcommerce.com.br http://www.ezcommerce.com.br Este guia tem o intuito de orientar a criação de layout para a plataforma de

Leia mais

Publicidade com Mavenflip

Publicidade com Mavenflip Publicidade com Mavenflip O sistema MavenFlip foi lançado em 2010, oferecendo uma proposta qualificada a pesquisadores, editoras e órgãos públicos que desejam criar versões digitais de suas publicações

Leia mais

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias SECOM MANUAL DO WARAM v. 1.5 Secretarias WARAM 1.5 Ferramenta de atualização do Portal da Prefeitura de São Paulo. Use preferencialmente o navegador Internet Explorer superior ou igual a 7.0. No campo

Leia mais

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA SACI LIVRE SISTEMA DE ADMINISTRAÇÃO DE CONTEÚDO INSTITUCIONAL

Leia mais

[SITE FÁCIL CDL MANUAL DO USUÁRIO]

[SITE FÁCIL CDL MANUAL DO USUÁRIO] Câmara de Dirigentes Lojistas [SITE FÁCIL CDL MANUAL DO USUÁRIO] Sumário 1. Controle de versão... 3 2. Objetivo... 4 3. Site fácil... 4 4. Acessando o sistema de gestão de conteúdo (SGC)... 5 5. Páginas

Leia mais

Publisher. Publisher. versão 2012.2

Publisher. Publisher. versão 2012.2 versão 2012.2 Publisher Publisher Para diagramar, vamos utilizar o Publisher, do pacote de programas Microsoft Office. As instruções valem para as versões 2003, 2007 e 2010 do pacote. Vamos aprender através

Leia mais

CRIAÇÃO DE SITES (AULA 4)

CRIAÇÃO DE SITES (AULA 4) Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 4) O que eu preciso para construir um link? Para construir um link você usa o que

Leia mais

Especificações site Web, Mobile e Conteúdo

Especificações site Web, Mobile e Conteúdo Especificações site Web, Mobile e Conteúdo Este documento define as especificações de peças publicitárias que veiculamos no site da Pais& Filhos. Caso algum formato comercializado não esteja neste documento,

Leia mais

Manual de Uso. Intranet

Manual de Uso. Intranet Manual de Uso Intranet última atualização: setembro de 2013 1 2 Sumário 1- Acesso 04 2- Gerenciamento de páginas 04 3- Gerenciamento de layout e aparência das páginas 3.1- Layout 3.3- Aparência 07 07 08

Leia mais

02 - Usando o SiteMaster - Informações importantes

02 - Usando o SiteMaster - Informações importantes 01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,

Leia mais

Publicação web. Será ativado um assistente de publicação que lhe guiará em todas as etapas a seguir apresentadas.

Publicação web. Será ativado um assistente de publicação que lhe guiará em todas as etapas a seguir apresentadas. Publicação web Pré requisitos: Lista de questões Formulário multimídia Este tutorial tem como objetivo, demonstrar de maneira ilustrativa, todos os passos e opções que devem ser seguidos para publicar

Leia mais

Pág 31. UC Introdução a Informática Docente: André Luiz Silva de Moraes 1º sem Redes de Computadores. 5 Introdução ao uso do BrOffice Impress

Pág 31. UC Introdução a Informática Docente: André Luiz Silva de Moraes 1º sem Redes de Computadores. 5 Introdução ao uso do BrOffice Impress 5 Introdução ao uso do BrOffice Impress O pacote BrOffice é um pacote de escritório muito similar ao já conhecido Microsoft Office e ao longo do tempo vem evoluindo e cada vez mais ampliando as possibilidades

Leia mais

SISTEMA INTEGRADO DE ADMINISTRAÇÃO DA RECEITA PED MANUAL INTERNET

SISTEMA INTEGRADO DE ADMINISTRAÇÃO DA RECEITA PED MANUAL INTERNET SISTEMA INTEGRADO DE ADMINISTRAÇÃO DA RECEITA MANUAL INTERNET ÍNDICE Sistema Integrado de Administração da Receita 1 INTRODUÇÃO GERAL... 4 2 INTRODUÇÃO AO... 4 2.1 OBJETIVOS... 4 2.2 BENEFÍCIOS... 4 2.3

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Imagens ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Imagens Índice

Leia mais

TUTORIAL. Como criar um blogue/página pessoal no WordPress

TUTORIAL. Como criar um blogue/página pessoal no WordPress TUTORIAL Como criar um blogue/página pessoal no WordPress Índice Criar o blogue... 3 Alterar as definições gerais... 4 Alterar tema... 6 Criar Páginas... 7 Colocar Posts (citações)... 9 Upload de ficheiros...

Leia mais

Conteúdo Programático do Web Design

Conteúdo Programático do Web Design Conteúdo Programático do Web Design O Ambiente Macromedia Dreamweaver Instalação do Dreamweaver Arquivos Utilizados na Apostila A Inicialização de Dreamweaver Área de Trabalho Dreamweaver Criação de uma

Leia mais

Uma nova maneira de interagir com a Gráfica Art3! A mais nova tecnologia em aprovação de arquivos via WEB.

Uma nova maneira de interagir com a Gráfica Art3! A mais nova tecnologia em aprovação de arquivos via WEB. Uma nova maneira de interagir com a Gráfica Art3! A mais nova tecnologia em aprovação de arquivos via WEB. O Portal Art3 é um sistema que permite uma grande flexibilidade na entrega e aprovação de seus

Leia mais

Manual do Usuário Janeiro de 2016

Manual do Usuário Janeiro de 2016 Manual do Usuário Janeiro de 2016 SOBRE CMX CMX é uma interface que dá acesso aos estudantes a milhares de atividades, exercícios e recursos todos posicionados com os padrões e conceitos curriculares.

Leia mais

Web. Web. Web. Web. Unidade 4. Conceitos básicosb. Publicação. Web: Frontpage Programa de animação gráfica. Programa de edição

Web. Web. Web. Web. Unidade 4. Conceitos básicosb. Publicação. Web: Frontpage Programa de animação gráfica. Programa de edição Criação de páginas p Unidade 4 UNIDADE 4: Criação de Páginas P Conceitos básicosb Técnicas de implantação de páginas p Criação de páginas p Programa de edição : Frontpage Programa de animação gráfica :

Leia mais

Manual do Plone (novo portal do IFCE)

Manual do Plone (novo portal do IFCE) Manual do Plone (novo portal do IFCE) Dezembro/2015 Índice Como criar submenus... 3 Como criar banner rotativo... 4 Como remover um banner... 5 Como criar uma notícia... 6 Como inserir imagem na notícia...

Leia mais

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES MANUAL SITE ADMINISTRÁVEL TV ÍNDICE 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES 3.1 - Dados Cadastrais 3.2 - Noticias 3.3 Redes Sociais 3.4 - Player 4. DESIGN

Leia mais

FAQ Perguntas Frequentes

FAQ Perguntas Frequentes FAQ Perguntas Frequentes 1. COMO ACESSO A PLATAFORMA DE ENSINO?... 2 2. NÃO CONSIGO REALIZAR O MEU CADASTRO NO AMBIENTE VIRTUAL DO MMA.... 4 3. FIZ MEU CADASTRO NO SITE E NÃO RECEBI O E-MAIL DE CONFIRMAÇÃO

Leia mais

SGCD 2.2. Sistema Gerenciador de Conteúdo Dinâmico

SGCD 2.2. Sistema Gerenciador de Conteúdo Dinâmico Atualizado em 13/AGO/2012 Sistema Gerenciador de Conteúdo Dinâmico No final de 2007, o Serviço Técnico de Informática da UNESP Marília, disponibilizou para a comunidade acadêmica e administrativa o Sistema

Leia mais

Customização de Interface - Página Inicial

Customização de Interface - Página Inicial Customização de Interface - Página Inicial Sumário 1. Logo... 4 1.1. Edição... 4 2. Inputs - formulários... 4 2.1. Busca... 4 2.2. Novidades... 4 3. Fontes... 5 3.1. Cores (color)... 5 3.2. Tamanho (font-size)...

Leia mais

LABORATÓRIO DE INTERNET FRONTPAGE

LABORATÓRIO DE INTERNET FRONTPAGE I LABORATÓRIO DE INTERNET FRONTPAGE Prof. Antonio Geraldo da Rocha Vidal II SUMÁRIO Introdução...3 Construindo um Web Site...4 Iniciando...4 Administrando o Site...5 Navegação...5 Trabalhando com Páginas...6

Leia mais

Microsoft Office FrontPage 2003

Microsoft Office FrontPage 2003 Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft

Leia mais

UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto

UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto UM NOVO CONCEITO EM AUTOMAÇÃO Série Ponto POR QUE NOVO CONCEITO? O que é um WEBPLC? Um CP na WEB Por que usar INTERNET? Controle do processo de qualquer lugar WEBGATE = conexão INTERNET/ALNETII WEBPLC

Leia mais

Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet.

Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet. TERMINOLOGIA Navegador ou Browser Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet. Os Browsers se comunicam com servidores

Leia mais

FUNDAMENTOS SOBRE IMAGENS PARA A WEB

FUNDAMENTOS SOBRE IMAGENS PARA A WEB FUNDAMENTOS SOBRE IMAGENS PARA A WEB Bons web sites necessitam de uma correta integração entre textos e imagens. Este artigo contém o mínimo que você precisa saber sobre imagens para a web. Introdução

Leia mais

M A N U A L D E I D E N T I D A D E V I S U A L D O S S I T E S D O G O V E R N O D O P A R A N Á

M A N U A L D E I D E N T I D A D E V I S U A L D O S S I T E S D O G O V E R N O D O P A R A N Á M A N U A L D E I D E N T I D A D E V I S U A L D O S S I T E S D O G O V E R N O D O P A R A N Á Índice 1. Introdução 2. Estrutura 2.1. Topo 2.2. Corpo 2.3. Coluna Esquerda 2.4. Coluna Direita 2.5. Rodapé

Leia mais

Publicação de uma pesquisa na web

Publicação de uma pesquisa na web Publicação de uma pesquisa na web Pré-requisitos: Lista das questões Formulário multimídia A publicação de pesquisas na web possibilita que pesquisas sejam respondidas de qualquer computador com acesso

Leia mais

Introdução à Informática

Introdução à Informática Introdução à Informática Aula 23 http://www.ic.uff.br/~bianca/introinfo/ Aula 23-07/12/2007 1 Histórico da Internet Início dos anos 60 Um professor do MIT (J.C.R. Licklider) propõe a idéia de uma Rede

Leia mais

MÓDULO 1 - xhtml Básico

MÓDULO 1 - xhtml Básico MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide

Leia mais

IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014

IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014 IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014 Relação de itens verificados e propostas de alteração que consideramos fundamental para a continuidade dos trabalhos de transição

Leia mais

Conteúdo. 1 - Procedimentos de Acesso... 3. 2 - Gerenciamento de usuários do sistema e perfis de acesso... 4. 3 - Cadastro de áreas do sítio...

Conteúdo. 1 - Procedimentos de Acesso... 3. 2 - Gerenciamento de usuários do sistema e perfis de acesso... 4. 3 - Cadastro de áreas do sítio... Conteúdo 1 - Procedimentos de Acesso.... 3 2 - Gerenciamento de usuários do sistema e perfis de acesso... 4 3 - Cadastro de áreas do sítio.... 8 3.1 - Conteúdo simples com anexo... 9 3.2 - Página estática...

Leia mais

Apostilas OBJETIVA - Concurso Público 2015 MTE Ministério do Trabalho e Emprego Cargo: Agente Administrativo. 4º Caderno. Índice

Apostilas OBJETIVA - Concurso Público 2015 MTE Ministério do Trabalho e Emprego Cargo: Agente Administrativo. 4º Caderno. Índice 4º Caderno Índice Programas de navegação: Internet Explorer, Mozilla Firefox e Google Chrome... Exercícios pertinentes... 02 48 Programas de correio eletrônico Outlook Express, Mozilla Thunderbird... 58

Leia mais

INTRODUÇÃO 2 ACESSO AO SIGTECWEB 3 TEMPO DE CONEXÃO 5 NAVEGAÇÃO 7 BARRA DE AÇÕES 7 COMPORTAMENTO DOS BOTÕES 7 FILTROS PARA PESQUISA 8

INTRODUÇÃO 2 ACESSO AO SIGTECWEB 3 TEMPO DE CONEXÃO 5 NAVEGAÇÃO 7 BARRA DE AÇÕES 7 COMPORTAMENTO DOS BOTÕES 7 FILTROS PARA PESQUISA 8 ÍNDICE INTRODUÇÃO 2 ACESSO AO SIGTECWEB 3 TEMPO DE CONEXÃO 5 NAVEGAÇÃO 7 BARRA DE AÇÕES 7 COMPORTAMENTO DOS BOTÕES 7 FILTROS PARA PESQUISA 8 ACESSO ÀS FERRAMENTAS 9 FUNÇÕES 12 MENSAGENS 14 CAMPOS OBRIGATÓRIOS

Leia mais

A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável.

A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável. A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável. Índice Geral TULogarUT 3 TUConhecer e VisualizarUT 6 TUÁrea de Edição / Blocos e

Leia mais

1. Como criar uma conta

1. Como criar uma conta Tutorial MediaWiki 1. Como criar uma conta Para criar uma conta clique no botão, disponível canto superior direito, "Entrar". Será então mostrada a página de entrada na conta onde terá de introduzir os

Leia mais

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Dicas Importantes: - Sempre crie um diretório em seu computador e salve todos os arquivos que vai usar (imagens e paginas),

Leia mais

Versão 3.2. 1. Apresentação. Parte I. Vivaldo Armelin Júnior

Versão 3.2. 1. Apresentação. Parte I. Vivaldo Armelin Júnior Versão 3.2 2010 1. Apresentação Parte I Vivaldo Armelin Júnior Esta é a janela principal do BrOffice Impress. Um programa para edição de apresentações, que é livre, seu código é aberto e ainda... grátis.

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

Manual de Utilização do PLONE (Gerenciador de página pessoal)

Manual de Utilização do PLONE (Gerenciador de página pessoal) Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário

Leia mais

APOSTILA DE FRONTPAGE 2000

APOSTILA DE FRONTPAGE 2000 APOSTILA DE FRONTPAGE 2000 Pagina 1 de 14 Introdução A cada dia verificamos que a informação é uma ferramenta de extrema necessidade em qualquer negócio. Sabendo disto, diversas empresas investem em tecnologias

Leia mais

24-05-2011. Web. Técnico de Organização de Eventos Módulo III Criação de Páginas Web. Técnico de Organização de Eventos

24-05-2011. Web. Técnico de Organização de Eventos Módulo III Criação de Páginas Web. Técnico de Organização de Eventos Sumário Tecnologias de Informação e Comunicação Introdução ao módulo III. Importância das Páginas Web. Conceitos básicos. Bases de funcionamento de um sistema WWW. Técnicas de implantação e regras básicas

Leia mais

Sistema de Gerenciamento Remoto www.pevermelho.art.br

Sistema de Gerenciamento Remoto www.pevermelho.art.br Sistema de Gerenciamento Remoto www.pevermelho.art.br 1 - SOBRE O SGR Este manual irá lhe ajudar a entender o funcionamento do SGR (Sistema de Gerenciamento Remoto) permitindo assim que você possa atualizar

Leia mais

INTERNET -- NAVEGAÇÃO

INTERNET -- NAVEGAÇÃO Página 1 INTRODUÇÃO Parte 1 O que é a Internet? A Internet é uma rede mundial de computadores, englobando redes menores distribuídas por vários países, estados e cidades. Ao contrário do que muitos pensam,

Leia mais

Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0. Tutorial HTML. versão 4.01

Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0. Tutorial HTML. versão 4.01 Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0 Tutorial HTML versão 4.01 K O M Σ D I Copyright by Editora Komedi, 2007 Dados para Catalogação Rimoli, Monica Alvarez Chaves,

Leia mais

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

Aula 04 Word. Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/

Aula 04 Word. Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/ Aula 04 Word Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/ Agenda da Aula Editor de Texto - Word Microsoft Office Conjunto de aplicativos para escritório que contém programas

Leia mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

Editor de Apresentações - Windows. Manual do usuário. Campus Frederico Westphalen-RS

Editor de Apresentações - Windows. Manual do usuário. Campus Frederico Westphalen-RS Editor de Apresentações - Windows Manual do usuário Campus Frederico Westphalen-RS Introdução Bem vindo ao OpenOffice.org 1.0: Manual do usuário. O OpenOffice.org 1.0: Manual do usuário contém informações

Leia mais

CENTRO UNIVERSITÁRIO GERALDO DI BIASE

CENTRO UNIVERSITÁRIO GERALDO DI BIASE CENTRO UNIVERSITÁRIO GERALDO DI BIASE Life Sistemas Manual do Professor 1. Introdução O Centro Universitário Geraldo Di Biase apresenta, neste manual, os serviços do Sistema Life Educacional que você,

Leia mais

Banner Flutuante. Dreamweaver

Banner Flutuante. Dreamweaver Banner Flutuante Dreamweaver Começamos com um arquivo em branco no Dreamweaver MX. Para que o banner apareça sobre a página, precisamos inserir uma camada a mais no arquivo HTML. Selecione o menu Inserir

Leia mais

1 - Corrigir o deslocamento da caixa que contem os itens do Menu principal; está deslocada para baixo em relação ao template do fundo; - OK

1 - Corrigir o deslocamento da caixa que contem os itens do Menu principal; está deslocada para baixo em relação ao template do fundo; - OK IPHAN Novo Portal 4ª Revisão e Análise do CMS e Novo Portal 22/Dez/2014 - Revisão e acréscimo do texto enviado no dia 16/12/2014 Relação de itens verificados e propostas de alteração que consideramos fundamental

Leia mais

STI - Seção Técnica de Informática. Dreamweaver. DreamWeaver 1

STI - Seção Técnica de Informática. Dreamweaver. DreamWeaver 1 Dreamweaver DreamWeaver 1 Índice Introdução 1. Conhecendo a Área de Trabalho 1.1. Barra de Título 1.2. Barra de Menus 1.3. Guias 1.3.1 Guia "Common" 1.4. Barra de "Edição do Documento" 1.5. Painéis 1.6.

Leia mais

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre

Leia mais

1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO

Leia mais

World Wide Web e Aplicações

World Wide Web e Aplicações World Wide Web e Aplicações Módulo H O que é a WWW Permite a criação, manipulação e recuperação de informações Padrão de fato para navegação, publicação de informações e execução de transações na Internet

Leia mais

LOJAS ESPECIAIS 2014

LOJAS ESPECIAIS 2014 LOJAS ESPECIAIS 2014 LOJAS ESPECIAIS 2014 ÍNDICE Personalização da Página 3 Dúvidas Frequentes 6 LOJAS ESPECIAIS 2014 PERSONALIZAÇÃO DA PÁGINA Para iniciar a personalização acesse Catalogo Gerenciar Categorias

Leia mais

DIGITAL MADE SIMPLE MANUAL DE FORMATOS

DIGITAL MADE SIMPLE MANUAL DE FORMATOS MANUAL DE S ESPECIFICAÇÕES TÉCNICAS ÍNDICE Como funcionam os formatos MediaResponse Group I. Como funciona o formato In-Text Ads... 3 II. Como funciona o formato HOTSlide... 4 III. Como funciona o formato

Leia mais

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Introdução ao Microsoft Windows 7 O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Visualmente o Windows 7 possui uma interface muito intuitiva, facilitando a experiência individual do

Leia mais

Manual de Gerenciamento de Conteúdo

Manual de Gerenciamento de Conteúdo Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6

Leia mais

2011 Manual WebAdmin Site

2011 Manual WebAdmin Site 2011 Manual WebAdmin Site Login: Com a integração das páginas de notícias ao site atual da empresa, você consegue publicar notícias e artigos com a cara da sua empresa, sem precisar conhecer os detalhes

Leia mais

Guia de Estilo de Portais

Guia de Estilo de Portais Governo do Estado do Amapá Centro de Gestão da Tecnologia da Informação Guia de Estilo de Portais Site institucional Padrão Sites institucionais dos órgãos do executivo Sites de porte médio Identidade

Leia mais

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Manual do usuário Desenvolvendo páginas em Drupal Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Conteúdo Primeiro Passo... 3 1.1 Login... 3 1.2 Recuperando a Senha...

Leia mais

Passa a passo para construir uma página pessoal - Parte 1

Passa a passo para construir uma página pessoal - Parte 1 Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):

Leia mais