Aula 10 box Model. Prof. Paulo Cesar F. De Oliveira, BSc, PhD. 27/05/15 P C F de Oliveira
|
|
|
- Leonardo Caldas Aragão
- 6 Há anos
- Visualizações:
Transcrição
1 Aula 10 box Model Prof. Paulo Cesar F. De Oliveira, BSc, PhD 1
2 Modelo de Caixa? 2
3 Todo elemento é uma caixa Box Mod el 3
4 4
5 Box Mod el Área de Margem Área de Padding Área de Conteúdo 5
6 6
7 width - height p { width: 350px; } height: 150px; Especifica dimensões da área de conteúdo 7
8 comprimento porcentagem auto inherit 8
9 <!DOCTYPE html> <html> <head> <style> p.a { width: 400px; height: 100px; background: #C2F670; } p.b { width: 150px; height: 300px; background: #C2F670; } </style> </head> Exem plo Continua no próximo slide 9
10 Continuação do slide anterior Exem plo <body> <p class="a">lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nunc ac arcu lobortis fringilla vel in mauris. Curabitur at euismod nunc. Sed sed turpis non quam scelerisque malesuada. Fusce nec blandit massa. Suspendisse porttitor, ex viverra pulvinar blandit. </p> 10
11 Continuação do slide anterior Exem plo <p class="b">quisque elementum efficitur efficitur. Aliquam erat volutpat. Suspendisse vel magna at eros dignissim convallis. Quisque pellentesque lacus sed arcu mattis, nec fringilla nisi consectetur. Nunc vulputate aliquet orci, elementum condimentum turpis consectetur id. Cras at bibendum elit, ac rutrum lacus. </p> </body> </html> 11
12 Resu ltado 12
13 overflow div { } overflow: auto; Ação a tomar se conteúdo é muito grande 13
14 visible hidden scroll auto inherit 14
15 <!DOCTYPE html> <html> <head> <style> div.scroll { background-color: #00FFFF; width: 100px; height: 100px; overflow: scroll; } Exem plo Continua no próximo slide 15
16 Continuação do slide anterior div.hidden { background-color: #00FF00; width: 100px; height: 100px; overflow: hidden; } div.visible { background-color: #00FF88; width: 100px; height: 100px; overflow: visible; } </style> </head> Exem plo 16
17 Continuação do slide anterior Exem plo <body> <p>a propriedade overflow especifica o que fazer caso o conteúdo de um elemento exceda o tamanho da caixa do elemento.</p> <p>resultado com overflow:scroll</p> <div class="scroll">você pode usar a propriedade overflow quando quiser ter um melhor controle do layout. O valor padrão (default) é visible.</div> 17
18 Continuação do slide anterior Exem plo <p>resultado com overflow:hidden</p> <div class="hidden">você pode usar a propriedade overflow quando quiser ter um melhor controle do layout. O valor padrão (default) é visible.</div> <p>resultado com overflow:visible</p> <div class="visible">você pode usar a propriedade overflow quando quiser ter um melhor controle do layout. O valor padrão (default) é visible.</div> </body> </html> 18
19 Resu ltado 19
20 padding blockquote { } padding-top: 1em; padding-right: 3em; padding-bottom: 1em; padding-left: 3em; Espaço entre área de conteúdo e borda 20
21 comprimento porcentagem padding-top padding-right padding-bottom padding-left inherit 21
22 padding blockquote { } padding: 1em 3em 1em 3em; background-color: #D098D4; Espaço entre área de conteúdo e borda 22
23 comprimento porcentagem top right bottom left inherit 23
24 1 top 4 left <p> right 2 bottom 3 24
25 Valores Abreviados 1 Valor padding: 10px; Aplicado a todos os lados 25
26 Valores Abreviados 2 Valores padding: 10px 6px; Primeiro: topo e inferior Segundo: esquerda e direita 26
27 Valores Abreviados 3 Valores padding: 10px 6px 4px; Primeiro: topo Segundo: esquerda e direita Terceiro: inferior 27
28 Valores Abreviados 4 Valores padding: 10px 6px 4px 10px; Sentido horário: topo, direita, inferior, esquerda 28
29 <!DOCTYPE html> <html> <head> <style> p.ex1 { padding: 10px 10px 10px 50%; background-color: #D098D4; } p.ex2 { padding: 100px 10px 10px 100px; background-color: #D098D4; } Exem plo Continua no próximo slide 29
30 Continuação do slide anterior Exem plo p.ex3 { padding: 100px 5px; background-color: #D098D4; } p.ex4 { padding: 10px 33%; background-color: #D098D4; } </style> </head> 30
31 Continuação do slide anterior Exem plo <body> <p class="ex1">lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula enim sed enim aliquam viverra. Aenean id leo vitae odio tristique dapibus in at lacus. </p> <p class="ex2">curabitur sapien nisi, scelerisque id aliquam eget, vehicula vitae ipsum. Integer congue nunc purus, vel interdum turpis suscipit eget. Proin finibus risus nunc, sed dapibus neque bibendum id. </p> 31
32 Continuação do slide anterior Exem plo <p class="ex3">suspendisse id diam lacinia, consequat sem et, dictum sem. Curabitur fermentum arcu at volutpat tristique. Quisque nec risus in neque interdum lacinia eu non nibh. </p> <p class="ex4">curabitur ac luctus purus, in eleifend libero. Nam imperdiet odio mauris, elementum egestas quam vulputate eget. Nunc convallis nisl et libero iaculis luctus vitae ac purus. </p> </body> </html> 32
33 Resu ltado 33
34 Resu ltado 34
35 Resu ltado 35
36 Resu ltado 36
37 border-xxxx-style div#menu { } border-top-style: solid; border-right-style: dashed; border-bottom-style: double; border-left-style: dotted; width: 300px; height: 100px; Aplicar um estilo para bordas 37
38 border-style div#menu { } border-style: solid dashed double dotted; width: 300px; height: 100px; Aplicar um estilo para bordas 38
39 none/hidden dotted dashed solid double groove ridge inset outset inherit 39
40 <!DOCTYPE html> <html> <head> <style> p.none {border-style: none;} p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.hidden {border-style: hidden;} </style> </head> Exem plo Continua no próximo slide 40
41 Continuação do slide anterior Exem plo <body> <p class="none">no border.</p> <p class="dotted">a dotted border.</p> <p class="dashed">a dashed border.</p> <p class="solid">a solid border.</p> <p class="double">a double border.</p> <p class="groove">a groove border.</p> <p class="ridge">a ridge border.</p> <p class="inset">an inset border.</p> <p class="outset">an outset border.</p> <p class="hidden">a hidden border.</p> </body> </html> 41
42 Resu ltado 42
43 border-xxxx-width div#help { } border-style: solid; border-top-width: thin; border-right-width: medium; border-bottom-width: thick; border-left-width: 12px; width: 300px; height: 100px; Especificar espessura das bordas 43
44 border-width div#help { } border-style: solid; border-width: thin medium thick 12px; width: 300px; height: 100px; Especificar espessura das bordas 44
45 comprimento thin medium thick inherit 45
46 Exem plo <!DOCTYPE html> <html> <head> <style> p.one { border-style: solid; border-width: thin medium thick 12px; width: 300px; height: 100px; } </style> </head> Continua no próximo slide 46
47 Continuação do slide anterior Exem plo <body> <p class="one">um texto qualquer.</p> <p><em>nota:</em> A propriedade "border-width" não funciona se usada sozinha. Deve-se acrescentar a propriedade "border-style" para configurar as bordas primeiro. </p> </body> </html> 47
48 Resu ltado 48
49 border-xxxx-color div#especial { } border-style: solid; border-top-color: maroon; border-right-color: aqua; border-bottom-color: blue; border-left-color: yellow; border-width: 6px; width: 300px; height: 100px; Especificar cor das bordas 49
50 border-color div#especial { } border-style: solid; border-color: maroon aqua; border-width: 6px; width: 300px; height: 100px; Especificar cor das bordas 50
51 nome/valor RGB transparent inherit 51
52 <!DOCTYPE html> <html> <head> <style> p.um { border-style: border-color: } p.dois { border-style: border-color: } Exem plo solid; #0000ff; solid; #ff0000 #0000ff; Continua no próximo slide 52
53 Continuação do slide anterior Exem plo p.tres { border-style: border-color: } p.quatro { border-style: border-color: } </style> </head> solid; #ff0000 #00ff00 #0000ff; solid; #ff0000 #00ff00 #0000ff rgb(250,0,255); 53
54 Continuação do slide anterior Exem plo <body> <p class="um">bordas com uma cor!</p> <p class="dois">bordas com duas cores!</p> <p class="tres">bordas com tres cores!</p> <p class="quatro">bordas com quatro cores!</p> <p><em>nota:</em> A propriedade "border-color" não funciona se usada sozinha. Deve-se acrescentar a propriedade "border-style" para configurar as bordas primeiro.</p> </body> </html> 54
55 Resu ltado 55
56 Atenção Pode-se combinar estilo, espessura e cor da borda em uma única declaração 56
57 border-xxxx h1 { } border-left: yellow 0.5em solid; h2 { } border-bottom: 1px solid; Especificar aparência para lados específicos 57
58 border-style border-width border-color Modificar para lados específicos: top, right, bottom, left inherit 58
59 border p.exemplo { } border: 2px dotted #663; Especificar para todos os lados das bordas 59
60 border-style border-width border-color Modificar para os 4 lados de uma só vez inherit 60
61 margin-xxxx p#b { } margin-top: 2em; margin-right: 250px; margin-bottom: 1em; margin-left: 4em; Especificar margem para lado específico 61
62 comprimento porcentagem auto Modificar para lados específicos: top, right, bottom, left inherit 62
63 margin p#c { margin: 0 4em; border: 1px solid red; } Especificar para todos os lados 63
64 comprimento porcentagem auto Modificar para os 4 lados de uma só vez inherit 64
65 <!DOCTYPE html> Exem <html> plo <head> <style> p.ex1 { margin: 2cm 4cm 3cm 4cm; } </style> </head> <body> <p>um parágrafo sem margens especificadas.</p> <p class="ex1">um parágrafo com margens especificadas.</p> <p>um parágrafo sem margens especificadas.</p> </body> </html> 65
66 Resu ltado 66
67 Dica Acrescentar uma margem ao elemento body adiciona espaços entre o conteúdo da página e os limites da janela do browser 67
68 <!DOCTYPE html> <html> <head> <style> p.a { margin: 4em; border: 1px solid red; background: #FCF2BE; } p.b { margin-top: 2em; margin-right: 250px; margin-bottom: 1em; margin-left: 4em; border: 1px solid red; background: #FCF2BE; } Exem plo Continua no próximo slide 68
69 Continuação do slide anterior Exem plo body { margin: 0 10%; border: 1px solid red; background: #BBE09F; } </style> </head> <body> <p class="a">lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras felis sem, volutpat feugiat egestas non, luctus ac felis. Cras elementum erat sed sapien molestie, nec pharetra leo pulvinar. Nunc euismod efficitur fermentum. Nam volutpat nulla at tempus finibus.</p> 69
70 Continuação do slide anterior Exem plo <p class="b">lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras felis sem, volutpat feugiat egestas non, luctus ac felis. Cras elementum erat sed sapien molestie, nec pharetra leo pulvinar. Nunc euismod efficitur fermentum. Nam volutpat nulla at tempus finibus.</p> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras felis sem, volutpat feugiat egestas non, luctus ac felis. Cras elementum erat sed sapien molestie, nec pharetra leo pulvinar. Nunc euismod efficitur fermentum. Nam volutpat nulla at tempus finibus.</p> </body> </html> 70
71 Resu ltado 71
72 Atenção Margem superior e inferior de elementos vizinhos se contraem ou fundem (collapse) 72
73 4em Margens verticais adjacentes se contraem" 73
CCM002 Metodologia de Pesquisa em Ciência da Computação. Apresentações. Prof. Jesús P. Mena-Chalco 3Q-2016
1 CCM002 Metodologia de Pesquisa em Ciência da Computação Prof. Jesús P. Mena-Chalco jesus.mena@ufabc.edu.br 3Q-2016 2 Pratique, pratique, pratique,. Pode inovar, não ha regra apenas sugestões. Pode falar
Um exemplo de projeto feito em L A TEX: Procure um título suficientemente claro
Um exemplo de projeto feito em L A TEX: Procure um título suficientemente claro Projeto de Pesquisa - Nome da Instituição/Agência de fomento Proponente: Jesús P. Mena-Chalco Centro de Matemática, Computação
BRAND GUIDELINES RTP MÚSICA
RTP MÚSICA VERSÃO VERTICAL GRELHA / EIXOS BRAND GUIDELINES GRELHA / EIXOS VERSÃO VERTICAL VERSÃO HORIZONTAL BRAND GUIDELINES VERSÃO MOSCA COMPORTAMENTOS CROMÁTICOS (VERSÃO HORIZONTAL E VERTICAL) Cor Directa
ISEL Instituto Superior de Engenharia de Lisboa ADEETC Área Departamental de Engenharia de Electrónica e Teleconumicações e de Computadores
ISEL Instituto Superior de Engenharia de Lisboa ADEETC Área Departamental de Engenharia de Electrónica e Teleconumicações e de Computadores MERCM Mestrado em Eng. de Redes de Comunicação e Multimédia Dissertação
MANUAL DE IDENTIDADE VISUAL ATUALIZAÇÃO: MARÇO/2017
MANUAL DE IDENTIDADE VISUAL ATUALIZAÇÃO: MARÇO/2017 INTRODUÇÃO Neste manual de identidade visual da Comissão de Graduação do Instituto de Física da Universidade de São Paulo serão oferecidas soluções e
Manual de Normas Gráficas. CASES - Cooperativa António Sérgio para a Economia Social
Manual de Normas Gráficas CASES - Cooperativa António Sérgio para a Economia Social CASES 2015 Assinatura CASES Versões da assinatura CASES v1 v3 v5 Positivo v2 v4 v5 Negativo v1. Esta assinatura deverá
POCH MANUAL DE NORMAS
POCH MANUAL DE NORMAS 2015 A MARCA A marca é o elemento mais identificativo da identidade corporativa. A normalização da mesma é essencial para preservar a sua legibilidade e percepção. Por esse motivo,
KIT DE NORMAS GRAFICAS
KIT DE NORMAS GRAFICAS ÍNDICE 1 2 3 4 5 6 7 8 9 10 11 INTRODUÇÃO CONCEÇÃO DO SELO CORES DO SELO SELO MONOCROMÁTICO REFERÊNCIAS DE COR OUTRAS CORES FUNDOS FOTOGRÁFICOS ÁREA DE PROTEÇÃO REDUÇÃO TIPOGRAFIA
Preparação de um trabalho de pesquisa: - Citações e Referências bibliográficas
CCM002 Metodologia de Pesquisa em Ciência da Computação Apresentações Preparação de um trabalho de pesquisa: - Citações e Referências bibliográficas Prof. Jesús P. Mena-Chalco jesus.mena@ufabc.edu.br 3Q-2017
UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ DEPARTAMENTO ACADÊMICO DE ENGENHARIA MECÂNICA
UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ DEPARTAMENTO ACADÊMICO DE ENGENHARIA MECÂNICA PRIMEIRO AUTOR SEGUNDO AUTOR TERCEIRO AUTOR QUARTO AUTOR QUINTO AUTOR SEXTO AUTOR TÍTULO COMPLETO DO PROJETO PROJETO
MODELO PARA EDITORAÇÃO DE LIVRO Guia do Usuário
MODELO PARA EDITORAÇÃO DE LIVRO Guia do Usuário 2016 Esta página ficará em branco. LOREM IPSUM (título) dolor (subtítulo) Falsa folha de rosto. Nesta folha conterá apenas o título e o subtítulo (se necessário)
AMAZÔNIA PARA SEMPRE. Inclusão Digital. Acessibilidade. País do Futebol. Sustentabilidade & Gestão Social
www.revistaresponsa.com.br Sustentabilidade & Gestão Social Inclusão Digital A internet sobe a favela Pág. 09 Acessibilidade Adaptação por todos os lados Pág. 15 País do Futebol Como a Copa do Mundo no
MANUAL NORMAS GRÁFICAS
MANUAL DE NORMAS GRÁFICAS NOVEMBRO 2016 MIGUEL GATA INTRODUÇÃO 2 MANUAL DE NORMAS GRÁFICAS BEM-VINDO ao Manual de Normas Gráficas da ESCOLA PROFISSIONAL PRÁTICA UNIVERSAL BRAGANÇA Dada a importância que
d ce D I G I TA L ATENÇÃO NAS MÍDIAS DIGITAIS, OS DESCONTOS DIFEREM DOS PRATICADOS NA MÍDIA IMPRESSA. CONSULTE-NOS. R E V I S T A
d ce R E V I S T A D I G I TA L ATENÇÃO NAS MÍDIAS DIGITAIS, OS DESCONTOS DIFEREM DOS PRATICADOS NA MÍDIA IMPRESSA. CONSULTE-NOS. Doce Revista Digital Há 31 anos no mercado, a imagem da Doce Revista é
IFDR, IP MANUAL DE NORMAS
IFDR, IP MANUAL DE NORMAS Este guia de normas representa, no seu conteúdo, o conjunto das regras básicas de utilização da marca, bem como das suas declinações e complementos visuais. A utilização dos elementos
Este é o Título do TCC
Faculdade do Piauí Curso de Bacharelado em Ciências da Computação Este é o Título do TCC Autores Teresina-PI, Xxxx de 20XX Autores Este é o Título do TCC Trabalho de Conclusão de Curso Monografia apresentada
MANUAL DE NORMAS Normas Normas.indd indd :09:36 12:09:36
MANUAL DE NORMAS Universo cromático Pantone 470 C C M Y K 0% 58% 100% 33% Black 50% Black Família Tipográfica Barmeno Regular utilizado nas palavras municipal de lisboa abcdefghijklmnopqrstuvxz ABCDEFGHIJKLMNOPQRSTUVXZ
Brand Identity Guidelines
Brand Identity Guidelines manual PARA QUÊ? Índice 1.0 Logotipo 00 1.1 Apresentação 00 1.2 Cores Institucionais 00 1.3 Símbolo 00 1.4 Família Tipográfica 00 1.5 Redução 00 1.6 Versões 00 Este manual explica
MANUAL DE NORMAS. Guia de identidade visual. Abril. 2016
MANUAL DE NORMAS Guia de identidade visual Abril. 2016 A logomarca tem como base a interação com as pessoas. É por isso que é tão importante que todos os que trabalham com a logomarca Nosso Shopping percebam
Manual de Normas Gráficas
Manual de Normas Gráficas A criação da identidade visual da Proxira, tem por base um sistema de aplicações coerente, organizado e bem definido. O manual de identidade visual apresentado reúne os elementos
Após Renato acelerar tramitação, Senado vota hoje PEC do teto
Dourados-MS, 12 de Janeiro de 2020. Digite e pressione enter... MS BRASIL MUNDO POLÍTICA ESPORTES FESTAS&EVENTOS ENTREVISTAS ARTIGOS COLUNAS + EDITORIAS Full banner capa 1 (728x90px) FULL BANNER DESKTOP
MANUAL DE NORMAS GRÁFICAS MOD02_PR02_V03 1
MANUAL DE NORMAS GRÁFICAS MOD02_PR02_V03 1 DATA: Outubro 2016 ELABORADO: Laura Santos EDITADO: Bruno Filipe APROVADO: Manuel Serejo ASSUNTO: Normas para apresentação de documentos Normas e apresentação
UNIVERSIDADE DO VALE DO RIO DOS SINOS - UNISINOS UNIDADE ACADÊMICA DE PESQUISA E PÓS-GRADUAÇÃO PROGRAMA DE PÓS-GRADUAÇÃO EM ENGENHARIA ELÉTRICA
Todo list o exemplo de comentário para auxiliar na lista de tarefas e correções.......... 13 o Alguns manuais de pacotes latex foram adicionados na pasta manuals......... 13 o Procure se informar a respeito
Universidade Estadual de Campinas Faculdade de Tecnologia. Nome do Autor. Título da Dissertação ou Tese em Português
Universidade Estadual de Campinas Faculdade de Tecnologia Nome do Autor Título da Dissertação ou Tese em Português Limeira, 2017 Nome do Autor Título da Dissertação ou Tese em Português Dissertação apresentada
DE PRODUTOS. VISITE NOSSO SITE: FORMA DE BAURU C/ ROLO PARA PINTURA 15CM C/ ESPREMEDOR DE LARANJA C/
CATÁLOGO 2015 DE PRODUTOS FORMA DE BAURU C/1 009118 ROLO PARA PINTURA 15CM C/1 009197 ESPREMEDOR DE LARANJA C/1 009149 FURA COCO C/1 009301 Página 12 Página 12 VISITE NOSSO SITE: www.grupoufs.com.br HISTÓRIA
Modelo Canônico de Projeto de pesquisa com abntex2
Equipe abntex2 Modelo Canônico de Projeto de pesquisa com abntex2 Brasil 2013, v-1.7.1 Equipe abntex2 Modelo Canônico de Projeto de pesquisa com abntex2 Modelo canônico de Projeto de pesquisa em conformidade
Edital de Chamada para Trabalhos Acadêmicos
Edital de Chamada para Trabalhos Acadêmicos A Comissão Organizadora do VI Encontro Estudantil Regional de Relações Internacionais EERRI convida a comunidade acadêmica de relações internacionais para o
NORMAS PARA PUBLICAÇÃO - TECCOGS ISSN:
Normas para publicação Formatação da página (margens): Topo: 3,3 cm Inferior: 3 cm Esquerda: 2,3 cm Direita: 2 cm Título: Fonte: Arial, 14 Alinhamento do texto: à esquerda Norma para publicação Autoria:
Cartão Loja. Cartão Pessoal. José Maria Diretor Administrativo. Buscamos e aviamos sua receita TELEVENDAS.
Aplicações Cartão Loja Buscamos e aviamos sua receita www.pharmasu.com.br Matriz: Av. C-159 nº 670 Filial T-9: Av. T- 9 nº 2.811 (62) 3526-4910 Farmacia Ipasgo: Av. Anhanguera nº 8517 Campinas (62) 3526-5900
Normas de estilo para teses de doutoramento 2013
1 Normas de estilo para teses de doutoramento 2013 Índice Introdução... 3 I. Conteúdo geral e organização... 3 1.1. Ordem... 3 1.º A página de rosto da tese... 3 2.º Página em branco... 3 3.º Repete a
Monografia Índice Completo
Monografia Definição: dissertação a respeito de um assunto único; estudo minucioso a fim de esgotar determinado tema relativamente restrito. Monografia é uma dissertação sobre um ponto particular de uma
A A. Caixas. Prof.: Ivan R. Pagnossin. Tutora: Juliana Giordano. Largura. Altura. Altura total. Linha-base. Profundidade. Ponto-de-referência
Prof.: Ivan R. Pagnossin Tutora: Juliana Giordano Coordenadoria de Tecnologia da Informação Centro de Ensino e Pesquisa Aplicada Definição e dimensões Largura Altura Profundidade g Altura total Linha-base
Modelo Canônico de Trabalho Acadêmico com abntex2
Equipe abntex2 Modelo Canônico de Trabalho Acadêmico com abntex2 Brasil 2013, v-1.7.1 Equipe abntex2 Modelo Canônico de Trabalho Acadêmico com abntex2 Modelo canônico de trabalho monográfico acadêmico
Nome do Autor Sobrenome
Programa de Pós Graduação em Instrumentação, Controle e Automação de Processos de Mineração - PROFICAM Universidade Federal de Ouro Preto - Escola de Minas Associação Instituto Tecnológico Vale - ITV Projeto
Câmara Municipal de Vagos Normas Gráficas
01 Índice Introdução # 3 Marca # 4 Logótipo # 5 Símbolo # 6 Construção Identidade # 7 Versões # 8-9 - 10 Arquitetura Marca # 11 Identidade Inglês # 12 Identidade Espanhol # 13 Área de proteção # 14 Dimensões
A C R A M A L D A U N A
MANUAL DA MARCA BRIEFING & PROCESSO CRIATIVO 01 CONCEITO E CONSTRUÇÃO DA MARCA 02 GRADE 04 PALETA DE CORES 05 APLICAÇÕES MONOCROMÁTICAS 05 APLICAÇÕES 06 CRÉDITOS 07 01 BRIEFING & PROCESSO CRIATIVO BRIEFING...
UNIVERSIDADE FEDERAL DE ITAJUBÁ - UNIFEI PROGRAMA DE PÓS-GRADUAÇÃO EM ENGENHARIA ELÉTRICA. Título do Trabalho. Nome do Autor
UNIVERSIDADE FEDERAL DE ITAJUBÁ - UNIFEI PROGRAMA DE PÓS-GRADUAÇÃO EM ENGENHARIA ELÉTRICA Título do Trabalho. Nome do Autor Itajubá, 1 de maio de 2017 UNIVERSIDADE FEDERAL DE ITAJUBÁ - UNIFEI PROGRAMA
MUSEU do FUTEBOL manual da marca
manual da marca MUSEU do FUTEBOL manual da marca 03 06 07 11 13 14 15 19 23 24 25 conceito ASSINATURAS PREFERENCIAIS ASSINATURAS secundárias dimensões da marca uso da tipologia Auxiliar opções de uso da
Revista Universitária de Comunicação e Multimédia Número 1/bimestral/Abril/2010/UTAD/gratuita
Revista Universitária de Comunicação e Multimédia Número 1/bimestral/Abril/2010/UTAD/gratuita Concursos Empregos Proxima edição/fi cha técnica 19 Prêmio Design MCB http://www.mcb.sp.gov.br web designer
MARCA BRAGANÇA MANUAL DE NORMAS GRÁFICAS NOVEMBRO 2014
MARCA BRAGANÇA MANUAL DE NORMAS GRÁFICAS NOVEMBRO 2014 INTRODUÇÃO 2 MANUAL DE NORMAS GRÁFICAS BEM-VINDO ao Manual de Normas Gráficas da Marca de Bragança. Dada a importância que tem a imagem gráfica na
Para mais informação consulte o nosso site ESPECIFICAÇÕES TÉCNICAS DO ANUÁRIO 2010
www.in-lex.pt Para mais informação consulte o nosso site ESPECIFICAÇÕES TÉCNICAS DO ANUÁRIO 2010 Data da Publicação Dimensões Papel Capa Papel Miolo Início de 2010 230 (largura) x 297 (altura) mm Mate
atividade florestal não-madeireira título da categoria com opção de uso de icone
buscar no site OK Página inicial links rápidos a fazenda santa maria nononononono não- título em destaque texto complementar Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum
EMBRACE THE FUTURE SERVIÇO PÓS-VENDA ONDE ESTAMOS NEGÓCIO ÁREAS DE EDIFÍCIO PLATINUM MOÇAMBIQUE
MENU EMBRACE THE FUTURE ÁREAS DE NEGÓCIO SERVIÇO PÓS-VENDA ONDE ESTAMOS EM DESTAQUE PORTUGAL MARROCOS ARGÉLIA EDIFÍCIO PLATINUM GANA ANGOLA ARGENTINA O Grupo Ramos Ferreira vai ser responsável, em parceria
COMO FAZER TRABALHOS
Índice Como fazer trabalhos... 3 Trabalho escrito... 6 Estrutura... 6 Capa... 6 Página de Rosto... 7 Índice... 7 Introdução... 9 Corpo do trabalho... 9 Conclusão... 10 Anexos... 10 Bibliografia... 10 Apresentação
Fique por dentro das nossas novidades
Index Área de acesso INSTITUCIONAL PRODUTOS DOWNLOAD CONTATO RH IMPRENSA 1 2 3 4 5 6 Fique por dentro das nossas novidades Política de Venda Onde comprar nosso produto Nova Medalha Conheça a nova medalha
wireframe do novo site
wireframe do novo site home METRÔ PAINÉIS S ANUNCIE QUEM SOMOS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam imperdiet sed eros ut luctus. Suspendisse eu vulputate massa. Nullam dignissim,
www.in-lex.pt ESPECIFICAÇÕES TÉCNICAS DO ANUÁRIO 2015 CANAIS DE DISTRIBUIÇÃO EDIÇÕES E DIVULGAÇÃO CONTACTOS IN-LEX
www.in-lex.pt Para mais informação consulte o nosso site ESPECIFICAÇÕES TÉCNICAS DO ANUÁRIO 2015 Data da Publicação Dimensões Papel Capa Papel Miolo Hardcover Início de 2015 230 (largura) x 297 (altura)
PROCESSO SELETIVO PARA MATRÍCULA NA PÓS-GRADUAÇÃO DE MESTRADO PROFISSIONAL EM CIÊNCIAS MILITARES DA PARA EX-DISCENTES
ESCOLA DE APERFEIÇOAMENTO DE OFICIAIS SEÇÃO DE PÓS-GRADUAÇÃO PROCESSO SELETIVO PARA MATRÍCULA NA PÓS-GRADUAÇÃO DE MESTRADO PROFISSIONAL EM CIÊNCIAS MILITARES DA ESCOLA DE APERFEIÇOAMENTO DE OFICIAIS PARA
Normas para apresentação e elaboração de Trabalhos Finais de Licenciatura e Mestrado
Normas para apresentação e elaboração de Trabalhos Finais de Licenciatura e Mestrado Normas para apresentação e elaboração dos Trabalhos Finais Nota prévia: As normas agora aprovadas devem ser entendidas
MANUAL DE NORMAS GRÁFICAS
MANUAL DE NORMAS GRÁFICAS MUNICÍPIO DE BRAGANÇA NOVEMBRO 2014 INTRODUÇÃO 2 MANUAL DE NORMAS GRÁFICAS BEM-VINDO ao Manual de Normas gráficas do Município de Bragança. Dada a importância que tem a imagem
12EDIÇÃO In-Lex ANUÁRIO das Sociedades de Advogados IN-LEX
www.in-lex.pt ª 12EDIÇÃO In-Lex 2017 ANUÁRIO das Sociedades de Advogados IN-LEX Lorem ipsum dolor sit amet, Suspendisse at tellus. Nullam in nisl. Curabitur dolor metus, consectetuer adipiscing elit. nisl.
Design Guilhermo Reis
Design 2006 Guilhermo Reis www.guilhermo.com 2 Qual a importância da modelagem? Você compraria um apartamento em um prédio em construção sem ver a planta? www.mermier.com.br 3 Qual a importância da modelagem?
d ce R E V I S T A D I G I TA L
d ce R E V I S T A D I G I TA L Doce Revista Digital Há 25 anos no mercado, a imagem da Doce Revista é marcada pelo jornalismo ágil e independente. É a única publicação nacional voltada exclusivamente
ANEXO DO CONCURSO LITERÁRIO INTERNACIONAL. A Primeira Conferência
ANEXO DO CONCURSO LITERÁRIO INTERNACIONAL A Primeira Conferência (Capa título do trabalho) Emmanuel Bailly x 1 2 1.- Curriculum Vitae do Autor 2.- Ficha de Inscrição do Autor 2.1.- Dados pessoais: Nome:
Processamento da Informação Vetores Parte 1 (Arrays / Arranjos )
Processamento da Informação Vetores Parte 1 (Arrays / Arranjos ) Prof. Jesús P. Mena-Chalco CMCC/UFABC Q1/2017 1 Armazenar 10 inteiros em um programa... Usando variáveis: Usando um vetor: Para acessar
XXII Jornada Acadêmica do Curso de Ciências Biológicas. 30/05 a 04/06/2016
XXII Jornada Acadêmica do Curso de Ciências Biológicas 30/05 a 04/06/2016 Apresentação Oral Apenas trabalhos experimentais concluídos Instruções para Resumos Expandidos Formatação Os resumos devem ser
TÍTULO DA MONOGRAFIA
UNIVERSIDADE FEDERAL DO PARÁ INSTITUTO DE CIÊNCIAS EXATAS E NATURAIS FACULDADE DE COMPUTAÇÃO CURSO DE BACHARELADO EM CIÊNCIA DA COMPUTAÇÃO NOME SOBRENOME TÍTULO DA MONOGRAFIA Belém 2017 UNIVERSIDADE FEDERAL
Fulano de Tal. Exemplo de livro produzido com. Publicações Acadêmicas Ltda. abntex2 v-1.9.6
Fulano de Tal Exemplo de livro produzido com abntex2 Publicações Acadêmicas Ltda. abntex2 v-1.9.6 Fulano de Tal Exemplo de livro produzido com abntex2 Publicações Acadêmicas Ltda. abntex2 v-1.9.6 2015
Universidade Federal da Integração Latino-Americana. Manual de Identidade Visual
Universidade Federal da Integração Latino-Americana Manual de Identidade Visual Índice 1. Sistema Básico 2. Sistema Aplicativo 1.1 Assinatura Institucional 1.1.1 Preferencial / Versão Horizontal 1.1.2
Título da Dissertação
FACULDADE DE ENGENHARIA DA UNIVERSIDADE DO PORTO Título da Dissertação Nome do Autor VERSÃO DE TRABALHO Mestrado Integrado em Engenharia Informática e Computação Orientador: Nome do Orientador 24 de Janeiro
Normas para apresentação e elaboração de Trabalhos Finais de Licenciatura e Mestrado
Normas para apresentação e elaboração de Trabalhos Finais de Licenciatura e Mestrado Versão n.º2-01/02/2011 Normas para apresentação e elaboração dos Trabalhos Finais Nota prévia: As normas agora aprovadas
Manual - Design UFAM
Manual - Design UFAM Índice Introdução 3 Aplicações principais 20 A marca Inspiração/Conceito Desenho da marca Assinaturas Malha de construção Versões monocromáticas Aplicaçao sobre fundos Redução máxima
INSTITUTO FEDERAL Catarinense. Manual de Identidade Visual do Instituto Federal Catarinense
INSTITUTO FEDERAL Manual de Identidade Visual do Instituto Federal CECOM/Reitoria - 2016 Apresentação A marca Instituto Federal é o principal elemento da identidade visual institucional, que simboliza
MANUAL DE REGRAS BÁSICAS. CAPAS MESTRADO Instituto Politécnico de Viana do Castelo
INSTITUTO POLITÉCNICO MANUAL DE REGRAS BÁSICAS CAPAS MESTRADO Instituto Politécnico de Viana do Castelo Capa Tese de Mestrado INSTITUTO POLITÉCNICO Dimensões da capa: A4+lombada variável+a4 Papel: Coché
T12design MÓVEIS DE ALTO PADRÃO. Manual de Identidade Visual T12 Design
Índice Capítulo Apresentação... O logo e seus elementos... Variações cromáticas... Reduções e reservas... Aplicação em fundos de cor... Tipografias de apoio... Usos indevidos... Cartão de Visita... Pág.
NOME SOBRENOME TÍTULO DO TRABALHO
UNIVERSIDADE ESTADUAL DO CEARÁ CENTRO DE CIÊNCIAS E TECNOLOGIA PROGRAMA DE PÓS-GRADUAÇÃO EM CIÊNCIA DA COMPUTAÇÃO MESTRADO ACADÊMICO EM CIÊNCIA DA COMPUTAÇÃO NOME SOBRENOME TÍTULO DO TRABALHO FORTALEZA
MANUAL DE IDENTIDADE VISUAL RECEITA ESTADUAL RS Secretaria da Fazenda do Rio Grande do Sul
MANUAL DE IDENTIDADE VISUAL Secretaria da Fazenda do Rio Grande do Sul Conceituação.2 O maior patrimônio de muitas grandes empresas é sua identidade visual ou sua imagem corporativa. E como essas empresas
Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES
Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES Federação do Comércio de Bens e de Serviços do Estado da Bahia Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES sumário sumário 7 Apresentação 8 A NOVA MARCA FECOMÉRCIO
Lista prática 3 CSS Background e Border
Exemplos de background. h1 { background-color: green; Lista prática 3 CSS Background e Border div { background-color: lightblue; p { background-color: yellow; css background-color example!
Modelo Canônico de Relatório Técnico e/ou Científico com abntex2
Equipe abntex2 Modelo Canônico de Relatório Técnico e/ou Científico com abntex2 Brasil 2013, v-1.7.1 Equipe abntex2 Modelo Canônico de Relatório Técnico e/ou Científico com abntex2 Modelo canônico de
MANUAL DE IDENTIDADE VISUAL
MANUAL DE IDENTIDADE VISUAL APRESENTAÇÃO DA MARCA Uma nova marca, um novo momento, Apontando Para o futuro. Apresentamos o novo logotipo da Azuma Kirin Company, com sua assinatura. Neste arquivo você encontra
UNIVERSIDADE DE LISBOA Faculdade de Ciências Departamento de Informática
UNIVERSIDADE DE LISBOA Faculdade de Ciências Departamento de Informática TÍTULO DO TRABALHO EM MAIÚSCULAS Nome Completo do Aluno Dissertação orientada pelo Prof. Doutor Nome Completo do Orientador DISSERTAÇÃO
MERCHANDISING. highdesignexpo.com
MERCHANDISING highdesignexpo.com /Prezado Expositor, BEM VINDO À HIGH DESIGN HOME & OFFICE EXPO! Agora que estamos juntos e sua empresa faz parte deste seleto grupo, porque não se destacar ainda mais?
Manual de Identidade Visual UBPLP UBPLP. União dos Bombeiros dos Países de Língua Portuguesa
UBPLP UBPLP Apresentação Todos nós possuímos uma assinatura. Ela é o cartão de visita que nos distingue, estabelecendo um padrão de identidade que sintetiza valores e produz uma marca única, inconfundível,
SOCALOR saunas Manual de Identidade Visual
Manual de Identidade Visual Normas padrão para construção e uso correto da marca. Comunicação institucional padrão Apresentação 3 Envelope 36 18 Conceito da marca 4 Envelope 34 19 Marca 5 Envelope 32 20
Sindicatos. Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES DOS SINDICATOS LIGADOS À CONFEDERAÇÃO NACIONAL DE BENS, SERVIÇOS E TURISMO
Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES DOS SINDICATOS LIGADOS À CONFEDERAÇÃO NACIONAL DE BENS, SERVIÇOS E TURISMO ligados à Confederação Nacional do Comércio de Bens, Serviços e Turismo Manual de
Sorriso. Metálico. Ponto de Vista. A Saúde bucal infantil. Entrevista. Comportamento
Sorriso Entrevista Dr Alisson explica as vantagens dos aparelhos Autoligados Comportamento O que te faz feliz? Fique Ligado Participe, curta, compartilhe e ganhe brindes especiais Escova de dentes: A maior
Como Usar Este Modelo por [Autor do Artigo]
![Como Usar Este Modelo por [Autor do Artigo]](/thumbs/50/26195709.jpg "Como Usar Este Modelo por [Autor do Artigo]")
TÍTULO SUBTÍTULO Edição nº Título Subtítulo Data da Edição Como Usar Este Modelo DIGITE O SLOGAN AQUI Este boletim informativo é criado principalmente usando colunas de texto, para que o texto quebre automaticamente
ESCREVER O TÍTULO NO IDIOMA EM QUE FOI ESCRITO A PUBLICAÇÃO
aa/bb/cc/dd-tdi ESCREVER O TÍTULO NO IDIOMA EM QUE FOI ESCRITO A PUBLICAÇÃO Nome Completo do Autor Tese de Doutorado ou Dissertação de Mestrado do Curso de Pós- Graduação em Nome do Curso, orientada pelo(a)
R.Boquino Manual de Identidade Visual
R.Boquino Manual de Identidade Visual Normas padrão para construção e uso correto da marca. Comunicação institucional padrão Apresentação 3 Envelope 36 18 Conceito da marca 4 Envelope 34 19 Marca 5 Envelope
A comunicação entre as diretoras e consultoras de vendas da Mary Kay Inc
A comunicação entre as diretoras e consultoras de vendas da Mary Kay Inc Ana Cláudia Coutinho Leal Andyara Stephanie dos Santos Almeida Daiany Aparecida da Silva Batista Joyce Grazielle Castilho Nereu
Informações do contratante. Pré-contrato. Informações do Titular. Informações de Endereço Residencial. Informações de Endereço Comercial
Informações do contratante Nome: carol Email: carolina.mello@axeisaude.com.br Data de Nascimento: 12/12/1990 Sexo: Feminino Fone: (99) 23232-3232 CEP: 15010-085 Tipo de Plano: Coletivo Adesão CPF: 123..
Normas para envio de artigos:
NORMAS PARA ENVIO DE ARTIGOS Formatação da página: recuo superior e da lateral esquerda de 3 cm. Recuo inferior e da lateral direita de 2,5 cm, conforme a formatação deste documento. Título: fonte Arial,
Federação do Comércio de Bens, Serviços e Turismo do Estado de Mato Grosso do Sul. Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES
Manual de Marca NORMAS GRÁFICAS E APLICAÇÕES Federação do Comércio de Bens e de Serviços do Estado do Mato Grosso do Sul aguardamos envio de uma imagem de mato grosso do sul Manual de Marca NORMAS GRÁFICAS
MANUAL DE APLICAÇÃO MARCA
MANUAL DE APLICAÇÃO DA MARCA 3 4 5 6 GRADE DE CONSTRUÇÃO EXEMPLOS MARGENS DE SEGURANÇA REDUÇÃO MÁXIMA 7 7 8 9 APLICAÇÃO DO ÍCONE EXEMPLOS CORES VERSÕES DO LOGOTIPO 10 11 APLICAÇÕES DO LOGOTIPO TIPOGRAFIA
Apresentação com Beamer
Apresentação com Beamer Romulo Alberto Castillo Cardenas Rafael Casali Vitor Takashi Endo Universidade Federal de Santa Catarina 15 de setembro de 2016 Equipe LATEX Joinville (UFSC) Introdução ao LATEX
Entidade civil de âmbito nacional, sem fins econômicos e/ou lucrativos, de direito privado, fundada pela ABINEE em 2016, com os seguintes objetivos:
Entidade civil de âmbito nacional, sem fins econômicos e/ou lucrativos, de direito privado, fundada pela ABINEE em 2016, com os seguintes objetivos: Auxiliar as empresas no atendimento a lei 12.305/10
UNIVERSIDADE DO VALE DO RIO DOS SINOS - UNISINOS UNIDADE ACADÊMICA DE PESQUISA E PÓS-GRADUAÇÃO PROGRAMA DE PÓS-GRADUAÇÃO EM ENGENHARIA ELÉTRICA
Todo list o exemplo de comentário para auxiliar na lista de tarefas e correções.......... 25 o Alguns manuais de pacotes latex foram adicionados na pasta manuals......... 25 o Procure se informar a respeito
PROPOSTA DE DESENVOLVIMENTO INTERNET PARA CARTÃO SUL
PROPOSTA DE DESENVOLVIMENTO INTERNET PARA CARTÃO SUL I. Objetivos e Descrição Redesign do website que a empresa possui, acrescentando novos recursos, informações mais detalhadas dos produtos e serviços,
ECA-USP. Manual Simplificado de Identidade Visual. Estudio K Arquitetura e Comunicação Visual Dorinho Bastos Juliana Baracat
ECA-USP Manual Simplificado de Identidade Visual Estudio K Arquitetura e Comunicação Visual Dorinho Bastos Juliana Baracat Logotipo Grade de Construção Identidade Visual/Cor Grade de Construção Identidade
Olá! Vamos conhecer todas as aplicações e usos da sua Marca e de todos os elementos que formam sua identidade?
Olá! Vamos conhecer todas as aplicações e usos da sua Marca e de todos os elementos que formam sua identidade? Índice O que é a Marca? Conceito 4 Personalidade da Marca 5 Como ela é? Marca Principal Versão
MANUAL DE IDENTIDADE VISUAL ECOBRAZ
Sumário Sumário 1. Apresentação 2. O logo e seus elementos...... 3. Variações Cromáticas 4. Reduções e Reservas 5. Aplicação em fundo de cor 6. Tipografias de apoio 7. Usos indevidos..................
[ PROPOSTA DE IDENTIDADE VISUAL UNIÃO DE FREGUESIAS DE COIMBRA - SÉ NOVA, SANTA CRUZ, ALMEDINA, S. BARTOLOMEU ] [ ]
![[ PROPOSTA DE IDENTIDADE VISUAL UNIÃO DE FREGUESIAS DE COIMBRA - SÉ NOVA, SANTA CRUZ, ALMEDINA, S. BARTOLOMEU ] [ ]](/thumbs/62/46479500.jpg "[ PROPOSTA DE IDENTIDADE VISUAL UNIÃO DE FREGUESIAS DE COIMBRA - SÉ NOVA, SANTA CRUZ, ALMEDINA, S. BARTOLOMEU ] [ ]")
[ PROPOSTA DE IDENTIDADE VISUAL UNIÃO DE FREGUESIAS DE COIMBRA - SÉ NOVA, SANTA CRUZ, ALMEDINA, S. BARTOLOMEU ] [ 10.07.14 ] INTRODUÇÃO A proposta de identidade institucional da união das freguesias de
MANUAL DE USO DE MARCA
MANUAL DE USO DE MARCA INTRODUÇÃO A MARCA FAPEU A marca é um dos bens mais preciosos de uma empresa. Ela existe para ser vista e lembrada pelos consumidores, identificando-se com os produtos, serviços
Manual de Identidade Visual
Manual de Identidade Visual ATENÇÃO Devido à enorme diversidade de tipos de impressão e modelos de impressoras existentes, alertamos que as cores resultantes da impressão deste arquivo podem variar drasticamente.
Manual de aplicação da marca
Manual de aplicação da marca Uso da Marca Submarcas Tipografias Índice 05 06 07 08 10 11 12 13 15 LOGOTIPO REDUÇÃO MÁXIMA ÁREA DE PROTEÇÃO VERSÃO P&B / NEGATIVO APLICAÇÃO DO SÍMBOLO ÁREA DE PROTEÇÃO SÍMBOLO
Colégio Interamericano de Defesa
2016-2017 Colégio Interamericano de Defesa Manual de Procedimentos de Admissão FORT LESLEY J. MCNAIR WASHINGTON, D.C. Conteúdo Mensagem da Diretora... 1 Orientações... 2 Requisitos de admissão... 3 Biografia
Anexo A Guião de entrevista aos diretores de comunicação
Anexo A Guião de entrevista aos diretores de comunicação 1. O que lhe sugere a designação Comunicação Estratégica Digital? 2. Na definição da(s) estratégia(s) de comunicação da marca/organização que gere
MANUAL DE IDENTIDADE VISUAL
MANUAL DE IDENTIDADE VISUAL 1 Conceito Uma das características mais marcantes do Grupo Mirante é a forte ligação com os aspectos regionais da cultura maranhense. Por esse motivo, o Grupo leva o nome de