Para as pesssoas que estudam acessibilidade para web, eu penso que elas ficam mais impressionadas com a programação de um formulário, com isso hoje vou explicar passo a passo como fazer um formulário acessível.

Os programadores normalmente constroem os formulários em listas, fazendo assim o seu primeiro erro. A forma mais correta e acessível de fazer um formulário é separando suas linhas ( label e input) por div, sendo assim mais acessível para os usuário com deficiente e facilitando o uso da tecla TAB. Abaixo vou por um exemplo desse formulário e explicar cada passo dele!

EXEMPLO:

<div id=”formulario”>
<form action=”formulario.php” method=”post”>
<div>
<label for=”nome” >Nome</label><input tabindex=”1″ type=”text” name=”nome” id=”nome” />
</div>
<div>
<label for=”telefone”>Telefone</label><input tabindex=”2″ type=”text” name=”telefone” id=”telefone” />
</div>
<div>
<label for=”email”>Email</label><input type=”text” tabindex=”3″ name=”email” id=”email” />
</div>
<div>
<label for=”assunto”>Assunto</label><input type=”text” tabindex=”4″ name=”assunto” id=”assunto” />
</div>
<div>
<label for=”mensagem”>Mensagem</label>
<textarea id=”mensagem” name=”mensagem” tabindex=”5″ rows=”20″ cols=”20″></textarea>
</div>
<div>
<input type=”submit” tabindex=”6″ value=”enviar” />
</div>
</form>
</div>

O form é sempre usado nos formulário, onde é necessário colocar o action e o method.

As “DIV” estão dividindo o formulário em linhas, nelas vocês podem colocar id’s ou classes. No css dessas divs vocês iram apenas usar um padding para separar-las e qualquer outro estilo que queira usar.

Agora todos devem estar se perguntando por o for no label e os ids nos input e no textarea. A resposta é simples, se todos perceberam eles são denomidos com as mesmas palavras, isso faz com que quando você clique em cima da palavra nome no formulário o campo de texto do nome será selecionado automáticamente, ajundando assim quando o usuário usar a tecla TAB.

O TABINDEX é usado normalmente com a primeira letra do label, um exemplo quando o label for nome, no tabindex se usa-se a letra “N”, assim o usuário apertando a letra “N” o campo de texto do nome será automáticamente selecionado, nesse caso eu usei uma numeração por ordem crescente.

Agora só para se certificar vou falar sobre as outras tags usadas no input, que são o type, name, rows, cols e a class quando necessário.

O type você classifica o input como texto, senha, checkbox, entre outros. Já quando é um botão de enviar como é o caso do último input do formulário é necessário colocar type submit, no qual o usuário apertando a tecla ENTER enviará seu formulário preenchido.

O name é usado para especificar o nome do campo o qual você vai colocar na programação php ou aspx.

As tags ROWS e COLS são obrigatórias quando posto um textarea em seu formulário, sem eles sua página não passará na validação da W3C, com isso você pode colocar qualquer numeração e ao mesmo tempo colocar uma classe, podendo assim mudar o estilo no css.

E a class para colocar o estilo no seu campo de texto, como todos sabem para passar pelo W3C é obrigatório colocar classes porque assim você pode repitir sempre quando necessário essa classe, já com o id você não pode repitir pois é obrigatório ter id’s diferentes numa página, se tiver id’s repitidos numa mesma página seu código não passará pela validação da W3C.

E para terminar esse post a última coisa para um formulário acessível e colocar no seu css o estilo focus. É muito simples colocar esse estilo, você simplesmente terá que colocar input:focus{} e textarea:focus{} e classificar assim o estilo que você quer que apareça quando o usuário estiver usando o campo selecionado.

Agora um exemplo de formulário acessível.

E para quem quer saber mais sobre acessibilidade é so entrar no guia que eu desenvolvi como projeto final da faculdade, nele tem todas as regras da WCAG 1.0 www.guiadeacessibilidade.com

Abraço galera.

Para começar precisamos fazer o download desse JS DD_belatedPNG.js .

Depois de feito esse download colocaremos ele na raiz ou em qualquer pasta dentro da raiz do site. E assim chamaremos ele no html, o exemplo: <script src=”DD_belatedPNG.js” type=”text/javascript”></script>

Agora iremos colocar o script que funcionará junto com a class que iremos criar

<script>
/* Exemplo de utilizacao */
DD_belatedPNG.fix(‘.png_bg’);
</script>

Se desejar e deixar o html mais arrumado podemos linkar o js e colocar o script todo junto, exemplo:

<!–[if IE 6]>
<script src=”DD_belatedPNG.js” type=”text/javascript”></script>
<script>
/* Exemplo de utilizacao */
DD_belatedPNG.fix(‘.png_bg’);
</script>
<![endif]–>

———————————-

E por último vamos add a imagem no html, dessa forma:

<img src=”imagens/logo.png” height=”108″ width=”200″ title=”nome da marca” alt=”nome da marca” class=”png_bg“/>

Como destaquei acima temos que por a class png_bg em todas as imagens que seja png com transparência.

É isso ai galera abraços!!! =)

Vou explicar a partir do menu do último site que fiz!

Meu menu tem 4 links! Com isso fiz quatro imagens, cada uma com o texto e a cor do menu normal e o texto e a cor quando passamos o mouse (mouse hover).

Um exemplo:

Depois de feito a imagem é só fazer o html e css…

<div id=”menu”>
<div class=”bt-produtos  link-ativo”>
<a href=”#” title=”titulo do link”>Produtos</a>
</div>
<div class=”bt-caracteristicas”>
<a href=”#” title=”titulo do link”>Caracteristicas</a>
</div>
<div class=”bt-sistemas”>
<a href=”#” title=”titulo do link”>Sistemas</a>
</div>
<div class=”bt-encontrar”>
<a href=”#” title=”titulo do link”>Onde Encontrar</a>
</div>
</div>

Vou explicar passa a passo do html:

Primeiro coloquei uma div englobando todo o menu, logo depois criei uma div para cada link, na qual vou usar para por cada imagem.

Agora vou amostrar o css, para esse menu funcionar:

#menu a{color:#fff; display:block; float:left}
#menu{ margin:0 0 0 380px;}
#menu a{color:#fff; display:block; float:left}

.bt-produtos a{ background:transparent url(endereco do arquivo) scroll 0 0; width:73px; height:36px; -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;}
.bt-caracteristicas a{ background:transparent url(endereco do arquivo) scroll 0 0; width:111px; height:36px;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;}
.bt-sistemas a{ background:transparent url(endereco do arquivo) scroll 0 0; width:78px; height:36px;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;}
.bt-encontrar a{ background:transparent url(endereco do arquivo) scroll 0 0; width:114px; height:36px;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;}

Nessa parte você vai por o tamanho do espaçamento entre o menu normal e o hover, vendo a distancia é só você por backgroung-position e posicionar ele no espaçamento certo.

.bt-produtos a:hover{background-position:0 -36px !important;}
.bt-caracteristicas a:hover{background-position:0 -36px !important;}
.bt-sistemas a:hover{background-position:0 -36px !important;}
.bt-encontrar a:hover{background-position:0 -36px !important;}

Aqui é só você adicionar um class link-ativo e colocar o mesmo posicionamento do link hover, nisso você vai deixar o menu com cor diferente quando ativo.

.link-ativo{background-position:0 -36px !important;}

Qualquer dúvida é só entrar em contato comigo, marcus.carnevale@gmail.com

– Matriz plana – sem relevo – a tinta se aloja nas áreas gravadas por meio de repulsão e atração entre água e sustâncias oleosas.

Encavografia

– Matriz em baixo-relevo. Elementos e serem impressos estão em baixo-relevo e armazenam a tinta que será impressa mediante pressão.

Relevografia

- Matriz em alto-relevo. Elementos e serem impressos estão em alto-relevo e entintados e impressos por pressão.

Permeografia

- Matriz permeável. elementos a serem impressos estão vazados na matriz.

Processos híbridos

– Envolvem componentes e sistemas diferentes. Muito específicos e geralmente patenteados.

Eletrografia (processos digitais, processos eletrônicos)

– Matriz plana e virtual. Área a ser impressa determinada na matriz por fenômenos eletroestáticos. Originais são dados digitais.

Processos digitais diversos

– Matriz plana e virtual formada por impulsos elétricos e original em dados digitais. Porém não confundir com processos eletrográficos – são processos muito diferenciados entre si. Em geral oferecem baixíssima tiragem.

ROTOGRAVURA

qualidade uniforme em td tiragem, duplicação de chapas ou cilindros é dispendiosa, impressão de alta qualidade e alta tiragem em cores e PB, pretos mais ricos e gama mais ampla de tonalidades em relação a todos os outros processos de impressão, as correções são cara, porque é preciso fazer uma nova chapa/cilindro de impressão e pode simular com maior exatidão o efeito de tom contínuo.

APLICAÇÃO

embalagens de alta tiragem revista de alta tiragem, imprime sobre qq tipo de substrato desde que seja flexível.
Sistema direto, alta velocidade, possibilidade de frente e verso, possibilidade de acoplar corte e vinco ao sistema de saída e imprime todas as cores numa única entrada de máquina.

Quanto a matriz

– grande durabilidade – geometricamente cilíndrica – baixo gravadas (encavográfica) – possibilidade de imagens contínuas. Resiste até 10 milhões de cópias, contra 1 milhão do offset

Quanto a tinta

– líquida – secagem por evaporação dos solventes – secagem logo após a impressão

Quanto ao suport

e – lisos – flexíveis – macios

Quanto ao sistema de impressão

– direto – alta velocidade de impressão – possibilidade de frente e verso -  possibilidade de acoplar corte e vinco ao sistema de saída – imprime todas as cores em uma única passagem de máquina.

EX: papel de valor, imprimi certos detalhes que evitam a falsificação, decoração, de embrulho, revistas e jornais.

TIPOS DE IMPRESSÕES

plásticos ou alumínio exigem uma tinta de secagem imediata, após a impressão de cada cor, que contenha solventes altamente voláteis, embalagens flexíveis (celofane, plásticos,alumínio), caixas para detergentes em pó.

TAMPOGRÁFICO

viabiliza imprimir-se e decorar facilmente qualquer objeto, tanto em superfícies côncovas e convexas, indepente de qualquer diferença de tolerância do objeto, ou em alto e baixo relevo

FLEXOGRAFIA

trata-se de um processo de impressão direta, rotativo que emprega pranchas ou formas de borracha ou polímero (clichês) em alto relevo e tintas líquidas de secagem rápida que aderem a grande maioria dos suportes.

Mais econômico que rotogravura ou o offset em grandes tiragens, diversidade da oferta nos suportes

SISTEMA DE IMPRESSÃO

direto, possibilidade de frente e verso, imprime tds as cores em uma única entrada em máquina, possibilidade de acoplar corte e vinco, laminação, estampagem quente ao sistema de saída, alta velocidade, registro preciso, máquinas pequenas, impressão em continuo, matriz resiste a mais de 1 milhão de cópias, alimentação em folhas, bobinas, esteiras para fixação de suporte especiais, recepção em folhas e bobinas.

EX: papel de presente, sacos, etiquetas adesivas, impressos de segurança, rótulos, mosaicos e ladrilhos.

QUANTO A MATRIZ

– baixa durabilidade, plana ou cilíndrica, porosa de vários materiais e possibilidade de imagens contínuas (cilíndrica)

QUANTO AO SUPORTE

– todos os materiais com superfície: lisas, planas e curvas

QUANTO A TINTA

- líquida, secagem por evaporação dos solventes e secagem em estufa ou por cura UV

QUANTO AO SISTEMA DE IMPRESSÃO

– direto, baixa velocidade (matriz plana) e alta velocidade

SERIGRÁFICO

QUANTO A MATRIZ

– plana – moldura (metal ou madeira), tela (seda natural, seda sintética, malha de aço inox ou bronze) cilíndrica – tubo oco revestido a níquel e microperfurado

ELETROGRÁFICOS (impressão digital, eletrografia e xerografia)

-  todos os processos baseados na transferência de pigmento para a matriz ou diretamente para o suporte com o uso de eletricidade estática. Esses processos são definidos genericamente como digitais ou eletrônicos.

IMPRESSÃO DIGITAL

– a laser – se origina da xerografia, porém a entrada de dados é realizada digitalmente, quando orientadas a tiragens únicas são fundamentalmente impressos a laser.

Funcionamento:

1. Feixes de laser carregam eletrostaticamente um cilindro de selênio nas áreas que correspondem ao que será impresso. O cilindro serve de suporte para uma matriz que é virtual.
2. Simultaneamente o toner recebe uma carga eletrostática de sinal negativo ao do cilindro.
3. A eletricidade estática do cilindro, concentrada nas áreas que formam a imagem que será reproduzida, atrai o toner, que então adere ao cilindro.
4. Em seguida a imagem é transferida para o papel.
5. Finalmente a imagem é fixada no papel por aquecimento ou pressão.
6. Finda a impressão a “matriz” se regenera para receber novas informações.
7. Em policromias a impressão a laser utiliza cores de seleção CMYK e exige que o processo de carregamento ocorra por quatro vezes consecutivas.

Vantagens:

• Não há custos fixos (gravação da matriz, lavagem de máquina)
• Boa para pequenas tiragens: 50, 200 e até 500 unidades
• Prazo: impressão imediata
• Possibilidade de correções in line
• Permite dados variáveis.

Desvantagem:

• Custo unitário é mesmo para 10 ou para 10.000
• Não vale a pena para grandes tiragens
• Qualidade inferior ao offset: os chapados apresentam falhas
• Tons não são vivos
• Não há uma boa representação de tons de pele.
• Gerenciamento de cores complexo.

Suporte:

• Aceita apenas papel e preferencialmente offset
• Área de impressão pouco maior que A3
• Gramatura até 120 g/m
Previsão de se tornar o processo hegemônico em 30 anos.

Uso:

Baixas tiragens de cartazes, folders, displays.

Como reconhecer:

• Impressão com leve brilho acetinado
• Chapados com falhas
• Camada de toner possui relevo sutil
• Mudanças bruscas de tons

PROCESSO HÍBRIDOS

Processo de impressão do Índigo:
1. Nas policromias – assim como na impressão a laser que possui matriz virtual – o entintamento da matriz com as 4 cores CMYK ocorre em sequ?encia.
2. Logo após, todas as 4 cores aderidas ao cilindro são transferidas para a blanqueta ao mesmo tempo.
3. Da blanqueta todas as tintas são transferidas simultaneamente para o papel.
4. O processo se reinicia na impressão de cada cópia, ou seja: a cada volta do cilindro se inicia uma matriz diferente que pode receber dados variáveis em cada exemplar.
5. Os equipamentos imprimem em até 7 cores imprimindo simultaneamente as duas faces do papel.

Uso:

• Similar à impressão digital:
• Baixas tiragens
• Media qualidade (abaixo do offset)
• Custo unitário alto – porém compensa em dados variáveis

PLOTTER

São geralmente:

• Impressoras a jato de tinta com possibilidades de receber papéis com largura superior a 50 cm em folhas ou bobinas.
• Definição de 300 a 600 ppi.
• Utilizadas para baixa tiragem para banners, cartazes etc.
• Aceitam imagens em RGB
• Imprimem com retícula estocástica

Plotter eletrostática:

• Em nada tem a ver com a plotter de jato de tinta.
• Melhor definição e maior velocidade.
• Similar à impressão a laser.

Corte eletrônico:

- Máquina de corte equipada com pequenas facas que determinam as imagens através do recorte de lâminas de vinil adesivo

- Muito utilizado em placas de sinalização, letreiros com iluminação frontal e adesivos para frotas. Só imprimem imagens à traço chapadas. Atentar para o número de cores – cada cor é um vinil.

Routers:

- Não é propriamente um processo de impressão.
- Plotters dotadas de facas capazes de cortar, esculpir ou cavar madeira, alumínio, poliuretano e outros suportes rígidos.
- Muito empregados em projetos de sinalização
Transferência térmica:
- Adequado para a produção de prints.
- Transferência de pigmentos através de cera ou plástico em forma de fita.
- Impressão de excelente qualidade para o segmento: cores vivas e ótimasimulação de tons contínuos
- Pode exigir o uso de papéis especiais

Jato de tinta

- Processo empregado pela maioria das impressoras pessoais (já começa a perder terreno para as lasers pessoais)
- Adequadas para prints – provas de layout
- Pequenos jatos são disparados para o papel
- Resolução e velocidade adequados a seus fins
- Utiliza retícula estocástica

Sublimação

- Indicado para apresentação para clientes.
- Tintas sólidas em forma de filme são transferidas para o suporte por cabeçotes via pressão e ação térmica em 256 níveis diferentes. A tinta e o papel também obedecem proporcionalmente a estes níveis. Quanto mais
quente mais pigmento. Esta nuance garante a qualidade da impressão.
- Alta resolução e qualidade quase fotográfica
- Equipamento e insumos de alto custo.
- Oferecidos por birôs e gráficas rápidas.

- proj (realizada pelo designer)
- pré-impressão (realizada pela gráfico)
- impressão (realizada na gráfica)
- acabamento (realizada na gráfica ou terceirizada)

obs : CMYK = quadricromia

Retícula

tom-contíonuo – imagem com extensa gama de tons do claro ao escuro.

meio-tom – são impressões que representam gradações tonais através de minúsculos pontos que induzem a uma ilusão de óptica. Com variações de posições, tamanho e cores. São obtidos nas impressões através de retículas.

Fotos:

P&B – meios tons em preto

Colorida – meios tons que se misturam através de retículas. Cada tinta é impressa separadamente.

Impressão a traço – impressão formada por uma única tinta, apenas uma cor, não há meio-tom.

Ganho de ponto (entupimento) – aumento do ponto impresso de acordo com o tipo de suporte.

Retículas podem ser divididas em 3 grandes áreas de acordo com a densidade dos pontos:

- máximas (ou sombra) -  75% a 100%
- meias-tintas – 25% a 75%
- mínimas (altas luzes) – menores de 25%

PIXEL

- é o menor elemento de uma imagem digital

PPI

- refere-se a resolução da imagem digitalizada

DPI

- quanto maior é o DPI melhor é a resolução da imagem e sua qualidade

LPI

- consiste no número de pontos por linha de impressão, quanto mais linhas tivermos na imagem, menores os pontos e maior a sua definição.

obs: a cada unidade de LPI deverão corresponder 2px de imagem.

MATRIZES:

chapa – offset
cilindro – rotogravura
tela – serigrafia
borracha – flexografia
clichê – tipografia

BITMAP

- qualquer imagem, desenho ou pintura.

VETORIAIS

-  qualquer imagem gerada em programas vetoriais.

IMPRESSãO P&B e MONOCROMIA

cinza – gradação de tinta preta
cinza escuro – retícula mais fechada, mais e maiores serão os pontos

área chapada em preto – não utiliza pontos, é a traço; não tem retícula, não tem meio-tom; aplicada de maneira uniforme

branco ou cor de papel – não tem retícula; ausência de cor.

MONOCROMIA

- a traço ou meio-tom (degrade)

RETíCULA :

vantagens – baixar custos; agilizar a impressão e possibilita impressão colorida.

4 tintas são utilizadas para produzir todas as demais.

POLICROMIA

a traço -  2 cores / bicromia; 3 cores / tricromia

com retícula – 2 cores / duotone; 3 cores / tritone

ESPECIFICAÇÃO

cor de seleção – cores básicas; CMYK e RGB

escala -  conjunto das diversas cores formadas a partir das cores de seleção

cor de escala (process) -  cor gerada a partir da mistura de cores de seleção

ROSETA

- conjunto de 4 pontos (CMYK); meio-tom; ângulo diferentes

MOIRE

- padrão fora de ângulo

HiFiColor

- mais 3 cores a escala CMYK; vermelha, azul e verde /  requer 7 chapas diferentes

PANTONE HEXACHROME

- apresenta mais 2 chapas; verde e laranja bem saturado.

Vantangens

- cores mais vivas (escala CMYK não alcança)
- impressos de alto luxo e projetos especiais

Desvantagens

- maior custo – são 6 impressões

CORES ESPECIAIS

-  a traço, qualquer uma que não seja CMYK

Desvantagem

- lavagem de máquina, antes e depois da impressão; aquisição ou produção de tinta especial.

ÁREA CHAPADA

para gráfico -  utiliza uma única chapa a traço, nunca a meio tom
para designer – qualquer cor uniforme podendo ter sido impresso a meio-tom

ENTRADA EM MÁQUINA

cada impressão requer uma entrada em máquina, cada entrada aumenta o custo e o designer precisa informar quantas entradas em máquinas o trabalho requer.

UCR

- remoção da cor de base

GCR

- remoção do componente cinza.

Pasta química:

Couché L2

– revestimento dos 2 lados: brilho, maciez, melhor impressão (cores vivas, nitidez)

Offset

– não revestido: superfície fosca e mais áspera: melhor leitura – livros de texto

Papéis de melhor qualidade

Agentes químicos retiram a lignina e hemicelulose da
madeira.
Agentes branqueadores.
Mais caros (gera menor quantidade de pasta)

GRAMATURA

Baixa gramatura: até 60 g/m2

- Pouca opacidade: indicação de impressão de um só lado
- Exceção: papel bíblia

Media gramatura: de 60 a 130 g/m2

- Revistas, folders, folhetos e livros
- Miolo de livro: comumente entre: 75 a 90 g/m2
- referência para media gramatura: papel offset 75 g/m2

Alta gramatura: acima de 130 g/m2

- capas, cartões, embalagens
- acima de 180 g/m2 chama-se cartolina
- Acima de 225 g/m2 chamas-se cartão.
- A maioria das gráficas trabalha com papéis até 300 g/m2 – acima disse procurar gráficas para cartonagem

OPACIDADE

- Possibilita impressão em ambas as faces
- Quanto mais opaco, menos transparente
- Gramatura mais alta – possibilita opacidade
- Verifique a opacidade se seu papel antes de utiliza-lo.

GRAU DE COLAGEM

- Quase todos os papéis para impressão recebem cola na pasta ou superfície
- Visa diminuir absorção de umidade
- Evita borrões
- Aumenta a resistência na impressão, no acabamento e durante o manuseio.
- Aumenta o brilho e a vivacidade

LISURA E TEXTURA

Offset

- Quanto mais liso mais nítida a impressão
- Calandragem – o papel é pressionado contra cilindros aquecidos: calandra.

Papéis texturizados

- Singulariza o produto final
- Não indicados para policromia com nitidez de detalhes
- Não usar em textos com corpos pequenos

ALCALINIDADE

- pH define a vida útil do papel
- processo offset: utiliza umidade
- pH neutro = 7 (pH da água)

pH ácido: abaixo de 7

- mais rápido envelhecimento (~50 anos)
- maior tempo de secagem
- menos qualidade de impressão (tintas sem tonalidade)

pH alcalino: acima de 7

- mais duradouro (~300 anos)
- menor tempo de secagem – bom para clima úmido.
- maior amarelamento
- papel couché: pH entre 8 e 10

PAPEL CARTÃO

Cartão Duplex:

- 2 camadas: uma de pasta química – branca e lisa e outra de pasta mecânica – tipo papelão)
- Uso: embalagens

Cartão Triplex:

- 3 camadas: verso é branqueado e calandrado.
- Uso: embalagens nobres, capas de livro, cartões-postais.

Problemas com o mau aproveitamento:

- Gráficas cobram por milheiro de impressão.
- Além do custo do papel acrescenta-se o custo de impressão.

CALCULO DA ÁREA DE IMPRESSÃO

Levar em consideração:

Formato de entrada e máquina menos:
- margens laterais,
- margem da pinça
- área das marcas de impressão e barra de controle

Ou seja área de impressão é igual a:

- Menor dimensão da folha menos 3 cm (margem da pinça + margem lateral inferior + marcas de impressão)
- Maior dimensão da folha menos 2 cm (margens laterais inferior + marcas de impressão + barra de controle)
- Sangramentos 0,5 cm em cada dimensão sangrada. Lâminas sem sangramento:
- (M1 – 2 cm)/número de lâminas no lado desta medida
- (M1 – 3 cm)/número de lâminas no lado desta medida

Paginados sem sangramento:

- (M1 – 2 cm)/número de formatos abertos no lado desta medida
- (M1 – 3 cm)/número de formatos abertos no lado desta medida
- Depois divide-se o maior resultado por dois (se esta for dimensão que recebe a dobra), encontrando-se o formato do livro fechado

Lâminas com sangramento:

- [(M1 – 2 cm)/número de lâminas no lado desta medida] – 0,5 cm para cada sangramento
- [(M1 – 3 cm)/número de lâminas no lado desta medida] – 0,5cm para cada sangramento

Paginados com sangramento:

- [(M1 – 2 cm)/número de formatos abertos no lado desta medida] – 0,5 cm para cada sangramento
- [(M1 – 3 cm)/número de formatos abertos no lado desta medida] – 0,5 cm para cada sangramento
- Depois divide-se o maior resultado por dois (se esta for dimensão que recebe a dobra), encontrando-se o formato do livro fechado

Os 4 tipos de menus

Os dois primeiros exemplos vou fazer em lista:

1 ) primeiro de menu feito em lista na horizontal:

<!– código html!–>

<div id=”menu-lista-horizontal”>

<ul>

<li><a href=”#”>link 1</a></li>

<li><a href=”#”>link 2</a></li>

<li><a href=”#”>link 3</a></li>

<li><a href=”#”>link 4</a></li>

</ul>

</div>

/* código css */

#menu-lista-horizontal{ width:400px; margin:20px 20px;} -  aqui especifiquei o tamanho do menu, colocando margin top, right, botton e left.

#menu-lista-horizontal ul li{display:inline;float:left;} – display:inline e float:left, faz com que o texto se mova para o seu lado esquerdo.

#menu-lista-horizontal ul li a{padding: 0 5px ; color:#000;} -  especifiquei o espaçamento entre o texto e a cor da tag a (que é pré-determinada pelo programa).

#menu-lista-horizontal ul li a:hover{ color:#0F0;} – e o atributo hover faz com que quando a pessoa passe o mouse em cima do texto ele troca de cor automaticamente.

Agora vou por o menu de lista na vertical:

<!– código html!–>

<div id=”menu-lista-vertical>

<ul>

<li><a href=”#”>link 1</a></li>

<li><a href=”#”>link 2</a></li>

<li><a href=”#”>link 3</a></li>

<li><a href=”#”>link 4</a></li>

</ul>

</div>

/* código css */

#menu-lista-vertical{ width:100px; margin:20px 25px;} – coloquei largura do menu e margin.

#menu-lista-vertical ul li{ margin:10px 0;} -  espaçamento entre os textos

#menu-lista-vertical ul li a{padding: 5px 0 ; color:#000;} – espaçamento entre as tags a e especifiquei a cor dessa tag.

#menu-lista-vertical ul li a:hover{ color:#0F0;} – e coloquei um hover, como já citado acima mudará a cor do texto quando passar o mouse em cima do texto.

A diferença entre o menu horizontal para o vertical, é que no horizontal tivemos que colocar o display:inline e float:left na tag li. Na vertical não necessitamos colocar esses atributos porque fizemos em lista, é seu estilo já é pré-definido. E ocorrem algumas diferenças de margin e padding.

Agora vou colocar os outros dois exemplos de menus, que serão feitos sem lista. Serão feitos apenas com a tag “a”.

<!– código html!–>

<div id=”menu-lista-horizontal”>

<a href=”#”>link 1</a>

<a href=”#”>link 2</a>

<a href=”#”>link 3</a>

<a href=”#”>link 4</a>

</div>

/* código css */

#menu-a-horizontal{ width:400px; margin:20px 20px;} -  aqui especifiquei o tamanho do menu, colocando margin top, right, botton e left.

#menu-a-horizontal a{float:left;padding: 0 5px ; color:#000;}-  coloquei o float:left para posicionar o texto no lado esquerdo, especifiquei o espaçamento entre o texto e a cor da tag a (que é pré-determinada pelo programa).

#menu-a-horizontal a:hover{ color:#0F0;}-  aqui especifiquei o tamanho do menu, colocando margin top, right, botton e left.

Agora vou por o menu de lista na vertical:

<!– código html!–>

<div id=”menu-a-vertical>

<a href=”#”>link 1</a>

<a href=”#”>link 2</a>

<a href=”#”>link 3</a>

<a href=”#”>link 4</a>

</div>

/* código css */

#menu-a-vertical{ width:100px; margin:20px 25px;} – coloquei largura do menu e margin.

#menu-a-vertical a{padding: 5px 0 ; color:#000; display:block;} - espaçamento entre as tags a, especifiquei a cor dessa tag e coloquei o display:block para haver o quebramento de linha.

#menu-a-vertical a:hover{ color:#0F0;} - e coloquei um hover, como já citado acima mudará a cor do texto quando passar o mouse em cima do texto.

A diferença entre os menus é quase igual o de lista. O horizontal eu coloquei o float:left para o acertar o posicionamento do texto e na vertical tirei o float e coloquei o display:block para haver o quebramento de linha. E ocorrem algumas diferenças de margin e padding.

Isso que coloquei é o básico para fazer os 4 tipos de menus, agora é com você fazer a personalização deles. Boa sorte!

Em outros browsers como ie7 , firefox, safari entre outros, já aceitam o método normal de colocar no css background transparente com formato em png, um exemplo:

background: transparent url(../imagens/background-menu.png) no-repeat top left;

transparent – para não aparecer seu fundo (que seria fundo branco, clássico);

no-repeat – serve para não repetir a imagem mais de uma vez, você pode por repeat-x ou repeat-y. Nesses dois casos a imagem iram se repetir respectivamente na horizontal e na vertical;

top left – isso significa o modo como a imagem vai aparecer, ai estou especificando de cima para esquerda!

Agora vem o grande problema. Mesmo com esse código bonitão, você vai ter problemas com a transparência no ie6, uhuulll shift. Mas como somos brasileiros, e nunca desistimos de nada, damos um jeito para tudo. E ai vai o filtro que vai nós dar a transparência para esse browser.

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagens/background-menu.png’);_background:none;

Esse é o grande salvador da pátria!

Colocamos background:none; (onde especifica que não temos background) e consequentimente colocamos o filtro linkando a imagem no formato png. E o underline para especificar para o ie6.

Para explicar esse post vou por o formulario do meu site, nele só existe 3 campos de textos para o usuário preencher. O campo nome, email e mensagem.

<form action=”formulario.php” method=”post” >
<ul>
<li>
<label>Nome:</label><input name=”nome” type=”text” />
</li>
<li>
<label>E-mail:</label><input name=”email” type=”text” />
</li>
<li>
<label>Mensagem:</label><textarea name=”mensagem” type=”text” ></textarea>
</li>
<li>
<input type=”submit” value=”Enviar”  />
</li>
</ul>
</form>

Para começar qualquer formulário é essencial a tag form. Nela coloquei os atributos action onde linko a página php, na qual irá conter as informações dos campos do formulário (formulario.php) e também coloquei o atributo method, no qual eu especifico o método do formulário, que será POST.

Depois da tag form fiz uma lista, na qual inclui label para por os textos do formulários e inputs(com os atributos como name e type). Esse atributos são muito importante para o seu formulário, o type é onde você vai especificar o que você quer que apareça no campo input e o atributo name é importante para fazer a programação php, porque é nela onde você irá por o nome do seu input que vai ser enviado pelo formulário e o arquivo php receberá como variável.

<?php

// a variavel nome é criada e ela recebe o nome do atributo “name” do input, que foi enviado via método post pelo formulário, como foi especificado no começo na tag “form” //

$nome = $_POST['nome'];
$email = $_POST['email'];
$mensagem = $_POST['mensagem'];

// variável mensagem recebendo todo o conteúdo da variável nome, email e mensagem //

$msg = “Nome: \t$nome
“;
$msg .= “E-mail: \t$email
“;
$msg .= “Mensagem: \t$mensagem“;

$mensagem = “$msg”;

// variável rementente, na qual vai receber a variável email, onde tem o email preenchido no formulário //
$remetente = “$email”;

// variável destinatario, nela irá por o email no qual você irar querer receber todo o conteúdo //
$destinatario = “marcufile@gmail.com”;

// variável assunto, que receberá um assunto especificado por você que aparecerá como título, assunto do email que chegará para você //
$assunto = “carnevale design.”;

// variável headers que será enviado junto com o email, dizendo o mime da mensagem //
$headers = “From: “.$remetente.”\nContent-type: text/html”; # o ‘text/html’ é o tipo mime da mensagem
if(!mail($destinatario,$assunto,$mensagem,$headers)){
print “falha no envio da mensagem”;
} else {
header(“Location:../index.html”); // location é o local onde o usuário irá entrar depois de enviar o email //
}
?>

Definição de liderança é difícil, é mais fácil reconhecer quem a possui.

LIDERANÇA – é um processo de influenciar as atividades de um grupo, de dar propósito ao esforço coletivo e provocar o desejo de despender este esforço para atingir o objetivo. Dá a uma organização sua visão e capacidade para transformar essa visão em realidade.

DESAFIOS ATUAIS EM GERENCIAR UMA EMPRESA

- enfrentar a velocidade e a complexidade das mudanças rápidas;
- confrontar-se com as ambiguidades;
- compreender as necessidades do mercado e antecipar-se as suas expectativas;
- garantir um sentido de direção em meio ao caos;
- manter calma diante da perda de significado do q se ajudou a construir;

NA ORGANIZAÇAO MODERNA O TRABALHADOR DESEJA :

- entender o sentido do seu trabalho;
- participar do processo decisório;
- participar dos lucros ou resultados;
- contribuir para um objetivo maior;

Os líderes das novas organizações estão voltados para as prioridades do momento ignorado a busca das pessoas por um trab q dê qualidade e significado as suas vidas. A auto-suficiência da abordagem técnica, n é mais suficiente. As pessoas querem oportunidades para utilizar seu conhecimento, talentos e competências, para sentirem-se importantes e envolvidas na construção do futuro da organização. O líder além das suas responsabilidades do atingimento de metas devem também se preocupar com o desenvolvimento de pessoas e novos líderes, capazes de dar continuidade ao processo.

CRISE DE LIDERANÇA

Ocorre uma crise de liderança e de consciência, há uma valorização maior do pensamento imediatista, de curto prazo e com soluções rápidas para problemas “urgentes”.

- comportamento “bombeiro”;
- gestores falam constantemente ” n tenho tempo”;
- gestores mergulhados na rotina e reuniões;
- gestores q n enxergam além do seu pqn mundo de trab;

MUDANÇA DE PARADIGMA

Os níveis de poder gerou uma separação entre as pessoas no ambiente de trab, refletindo-se no comportamento de pessoas, levando-as a agir como seres isolados e insatisfeitos. Em mts organizações existem barreiras hierárquicas e funcionais, q impedem a troca de informações sobre experiências, conhecimentos e habilidades. Ex: ” isso n é da minha responsabilidade” ou ” já fiz a minha parte.”
Os paradigma pressupõe : troca e participação; aprendizagem individual e coletiva; diminuição da dicotomia entre trab e prazer; rede de relações e trab como veículo de satisfação, realização e crescimento profissional.

A relação do líder com a equipe deve se dar de FORMA PESSOAL E BILATERAL, ex sonhos, aspirações, visões e valores devem ser compartilhados, para o comprometimento para a realização das metas organizacionais.

O LIDER EM TEMPOS DE MUDANÇAS

As pessoas demonstram o desejo de serem mais do q os cargos que ocupam em seu trab, além de se orgulharem da empresa da qual fazem parte.
A empresa deve responder as mudanças e crises com harmonia e equilíbrio:
- gerenciar mudanças é gerenciar pessoas no processo de mudança;
- os líderes devem lidar com uma questão perturbadora e frustante, a resistência humana;
- a resistência dificulta a adesão e o comprometimento dos empregados com os programas de mudança;

RESISTÊNCIA HUMANA

Momentos de transição e incerteza, o líder precisa :

- mostrar o caminho em meio ao caos;
- dar luz a novas possibilidades;
- induzir pessoas a acreditar na visão de futuro;

“se vc n acredita no mensageiro, n acredita na mensagem e vc n pode acreditar no mensageiro se n sabe no q ele acredita”

O seu humano quer uma boa causa para investir seu tempo e esforço, sentir-se útil e importante; ex: Por uma boa causa, o ser humano dá o melhor de si, não sente fome, sede nem cansaço e não vai fazer contagem regressiva para ir embora.

CONSIDERAÇOES – para nos tornarmos um líder, o primeiro passo deve estar voltado para a transformação pessoal, q se dará por questionamento constante de crenças e valores q servem de base para as ações e decisões gerenciais, para a criação de um clima de confiança e respeito, q concretização da visão de futuro.

GERENCIAMENTO E LIDERANÇA

LIDERANÇA – voltada para fazer as coisas certas e conseguir que os outros façam.

LEGITIMIDADE – a habilidade de influenciar um grupo em direção a realização de metas.

- inova
- prioriza as pessoas
- tem perspectiva de futuro
- pergunta o q e pq
- inspira confiança
- desafia o status quo
- é a sua própria pessoa
- faz a coisa certa

GERENCIAMENTO – se preocupa em fazer certo as coisas e conseguir que os outros desejem fazer.

LEGALIDADE – o uso da autoridade formal inerente a um cargo para obter resultados através dos membros organizacionais.

- administra
- prioriza sistemas e estrutura
- tem uma visão de curto prazo
- pergunta como e qd
- exerce o controle
- aceita e mantém o status quo
- é o clássico bom soldado
- faz certo as coisas ( é eficiente)

SITUAÇÃO IDEAL PARA GESTÃO = LEGITIMIDADE + LEGALIDADE

TEORIA SOBRE LIDERANÇAS

TEORIA DOS TRAÇOS – quem tiver certas caracteristicas(fisicas, intelectuais, sociais e de direcionamento p/ tarefa) seria um líder, quem n nascesse com esses traços seria liderado. Embora essas características possam estar associadas com o sucesso do líder, nenhuma delas garante o sucesso. A presença de alguma caracteristica pode facilitar ou dificultar o processo de liderar.

- fisicos – aparência, estatura, energia e força física;

- intelectuais – adaptabilidade, entusiasmo, autoconfiança, elevado coeficiente intelectual;

- relacionados a tarefa – impulso de realização, persistência, iniciativa.

LIMITAÇÕES

- não há traços universais, que prever liderança
- ignorar fatores situacionais
- não há evidências claras da causa e do efeito sobre liderença
- prediz melhor a aparência da liderança do que distingue a efeitiva liderança.

TEORIAS COMPORTAMENTAIS – busca oferecer respostas mais conclusivas sobre a natureza da liderança e as consequências práticas do comportamento líder. Comportamentos especificos diferenciam os lideres dos não-lideres.

- TEORIA DOS ESTILOS DE LIDERANÇA

- autocrático – lider centralizador, q toma decisões unilaterias, determina métodos de trabalho e tarefas, n deixando participação para os liderados;

- democráticos – líder envolve subordinados nos processos decisórios, incentiva a participação de tds, procura delegar e usa feedback com forma de treinamento;
quase sempre desempenho mais alto. satisfação dos liderados

- Laissez-faire – deixa o grupo completamente a vontade para decidir sobre os trab a serem executados e a forma.
Ausência de liderança, o líder n exerce influência na equipe.

ESTILOS BÁSICOS DE LIDERANÇA

- ORIENTADA PARA TAREFA – focaliza o trab do funcionario e enfatiza cumprimento de prazos, padrões de qualidade e economia de custos; tem necessidade de cumprir metas, superar a concorrência e o desempenho passado; esclarece as responsabilidades individuais e distribui as tarefas as pessoas.

- ORIENTADA PARA PESSOAS – focalizada o proprio funcionario ou grupo e enfatiza as relações humanas e o desenvolvimento da capacidade de trab em equipe; ouve e presta atenção; apoia os funcionários.

- TEORIA DO GRID GERENCIAL – uma visão bidimencional da liderança onde o líder pode combinar os dois estilos, pessoas e tarefas. Dando mt ou pouca ênfase para a tarefa ou pessoa.

TEORIA DOS TRAÇOS X TEORIA COMPORTAMENTAL

TRAÇOS – lideres nascem lideres, n se formam, apenas são selecionados. Foco na figura do líder.

COMPORTAMENTL – traços de liderança podem ser ensinados: infinitos lideres. Foca na relação entre líder e liderado.

1,9 – preocupação maxima c tarefa e minima com pessoas, utiliza autoridade para alcançar resultados
9,1 – preocupação maxima com as pessoas e minima com a tarefa, faz o ambiente de trab um clube de amigos
5,5 – preocupação média com a produção, ve as pessoas do trab dentro do pressuposto do homem da organização
9,9 – maxima preocupacao com tarefas e pessoas, o lider q ve no trab em equipe a única forma de alcançar resultados

TEORIAS CONTINGENCIAIS – enfatizam os aspectos q cercam o processo de liderança, sem deixar de focar os diferentes tipos de comportamento do líder. A liderança é vista sobre 3 aspectos – lider, liderados e contexto de liderança (ambiente).

- TEORIA DA LIDERANÇA SITUACIONAL – foco voltado para os seguidores, essa liderança só é bem sucedida por meio da seleção de um estilo de liderança adequado, que depende do nível de preparo e maturidade dos seguidores. Dividem-se em 2 : maturidade no trab (capacidade) e maturidade psicologica (motivação). Maturidade é a capacidade e a disposição das pessoas de assumir a responsabilidade de dirigir seu próprio comprotamento.

- maturidade no trabalho – é a capacidade de fazer alguma coisa, conhecimento e a capacidade técnica.

- maturidade psicologica – refere-se a disposição ou motivação para fazer alguma coisa. autoconfiança, empenho e realização pessoal.

MATURIDADE DOS LIDERADOS = CAPACIDADE + MOTIVAÇÃO

M1 – BAIXA CAPACIDADE E BAIXA MOTIVAÇÃO – TAREFA ALTA E RELACIONAMENTO ALTO ( dar ordens, guiar, dirigir, estabelecer )

Determinar/dirigir – não tem capacidade e nem vontade de assumir a responsabilidade de fazer algo, não são nem competentes nem seguras de si. Liderança com estilo diretivo, que dá orientação e supervisão clara e específica.

M2 – BAIXA CAPACIDADE E ALTA MOTIVAÇÃO – TAREFA ALTA E RELACIONAMENTO BAIXO ( vender, explicar, clarificar, persuadir)

Não tem capacidade mas sentem disposição para assumir responsabilidades, tem confiança em si, mas ainda não possuem as habilidades necessárias. Liderança com estilo persuasivo e com comportamento diretivo, por falta de capacidade, mas ao mesmo tempo de apoio para reforçar a disposição e o entusiasmo.

M3 – ALTA CAPACIDADE E BAIXA MOTIVAÇÃO – TAREFA BAIXA E RELACIONAMENTO BAIXO ( participar, encorajar, colaborar, comprometer)

Tem capacidade, mas não estão dispostas a fazer o que o líder quer, muitas vezes consequências da falta de confiança em si mesmo ou insegurança. Liderança com estilo participativo, de apoio não diretivo.

M4 – ALTA CAPACIDADE E ALTA MOTIVAÇÃO – TAREFA BAIXA E RELACIONAMENTO ALTO ( delegar, observar, monitorizar)

Tem capacidade e disposição para assumir responsabilidades. Liderança com estilo discreto de delegação, que dá pouco apoio, embora possa ainda ser o líder quem identfica o problema, a responsabilidade de executar os planos cabe a esses liderados maduros.

MODELO DOS SETES NíVEIS DE BARRET

SOCIEDADE / 7 / SáBIO,VISIONÁRIO
COMUNIDADE / 6 / PARCEIRO, SERVO
ORGANIZAÇÃO / 5 / COLABORADOR
TRANSFORMAÇÃO / 4 / FACILITADOR
AUTO-ESTIMA / 3 / ADMINISTRADOR
RELACIONAMENTO / 2 / PATERNALISTA
SOBREVIVÊNCIA / 1 / AUTORITÁRIO

BEM COMUM 1,2,3,4,5,6,7, INTERESSE PRÓPRIO

CONSCIENCIA CORPORATIVA

NíVEL 1

CORPORAÇÃO :

- foco em lucratividade e preocupação com saúde financeira;
- excessivamente voltada para a sobrevivência;
- insegura quanto ao futuro

LIDERANÇA :

- os líderes tornam-se autoritários;
- motivado pela necessidade de controlar;
- não confiam nas pessoas;
- relação impessoal com os subordinados;
- baixa preocupacao com as necessidades indivíduais

NíVEL 2

CORPORAÇÃO :

- manter um bom relacionamento com os funcionários, como forma de garantir a sua sobrevivência

LIDERANÇA :

- lideres paternalistas e motivados pela necessidade de serem aceitos;
- protetores da equipe;
- esperam em troca lealdade, disciplina e obediência

NíVEL 3

CORPORAÇÃO :

- voltada para auto-estima;
- necessidade de ser percebida pelo mercado como a melhor no q faz;
- se concentra em melhorar produtividade, eficiência e qualidade;

LIDERANÇA :

- líderes são administradores;
- cumprimento de metas organizacionais e manutenção do status quo;
- garantir o sucesso já alcançado;

NíVEL 4

CORPORAÇÃO :

- nivel que representa a ponte que as organizações devem atravessar;
- transformação da consciência, antes voltada apenas para o interesse próprio e agora também para o bem comum;
- tirania do resultado financeiro cede lugar a visão, missão e valores;

LIDERANÇA :

- lideres são facilitadores;
- comunicação interpessoal, solução de conflitos e desenvolvimento de equipe;
- mudança do controle para a confiança, da punição para a recompensa, do sigilo para a transparência.

NíVEL 5

CORPORAÇÃO :

- foco na construção e manutenção de uma cultura valorizada de seu pessoal;
- importância de valores como confiança, transparência, espírito de equipe e coesão interna;

LIDERANÇA :

- líderes são colaboradores;
- buscam o significado do trabalho e do seu papel como gestores de pessoas;
- não agem em função do interesse próprio ou da necessidade de aprovação quanto ao seu desempenho

NíVEL 6

CORPORAÇÃO :

- foco voltado para o apoio a comunidades locais e o incentivo para que seus funcionários façam diferença nessas comunidades;
- incentiva programas de voluntariado e cidadania;
- valores consideram a integridade do ser humano;

LIDERANÇA :

-líderes são servos/parceiros;
- motivador por ir além de seu funcional;
- inversão de valores, líderes que servem a sua equipe;

NíVEL 7

- a empresa e líderes partilham a responsabilidade pelo todo;
- visão holística e integradora ao invés de mecanicista e fragmentada do trab;
- equilíbrio das necessidade de sobrevivência e de crescimento com as necessidades de realização pessoal dos funcionários e as necessidades de sustentabilidade econômica, social e ambiental

exemplo: indústria química pode tentar transformar-se ao eliminar a ameaça dos tóxicos no ambiente.

Motivação refere-se aos fatores que provocam, canalizam e sustentam o comportamento de um indivíduo, reflete-se na quantidade de tempo e na atenção dedicadas as suas atividades.

RESULTADOS depende diretamente do desempenho de cada um da equipe, e isso depende de dois fatores: CAPACIDADE E MOTIVAÇAO (eficácia, redimento, aprendizado, aplicação de habilidades e quantidade de tempo e atenção). Motivação no ambiente organizacional n objetiva que os individuos trabalhe mais, mas conseguir chegar a uma interseção entre os interesses de cada um e as demandas da organização e da sociedade. Exemplo de alta motivação (trabalho voluntário).

PROBLEMÁTICA MOTIVACIONAL – CONTRADIÇAO DE LEVY-LEBOYER

Teorias de motivação:

TEORIA DE CONTEUDO – foco na necessidade do indivíduo

- HIERARQUIA DE NECESSIDADES (MASLOW) - auto-realização, estima, sociais. segurança e fisiológicas
- necessidades humanas estão organizadas e dispostas em níveis e busca da satisfação das necessidades

PIRAMIDE - “esta em ordem” – enquanto n estiverem satisfeitas, as necessidades situadas na base da pirâmide permanecem predominante na deteminação do comportamento, qt satisfeitas, passam a n mais motivar e as necessidades acima passam a direcionar as ações dos indíviduos. A motivação pode ser baseada na deficiência ou no crescimento, em pessoas auto-realizadas. Um msm comportamento pode relacionar a necessidades diferentes, de acordo com o individuo.

- necessidades secundáruas

- auto-realização – crescimento pesoal, auto-satisfação, realização do próprio potencial. ( encorajamento ao comprometimento do empregado, trabalho que se torne uma principais dimensões de expressão da vida do empregado)
- estima - auto-respeito, amor-próprio, autonomia, status, reconhecimento, consideração. ( criação de cargos que permitam realização, autonomia, responsabilidade e controle pessoal, trab que valorize a identidade pessoal, reconhecimento pelo bom desempenho/promoções/condecorações/empregado do mês)
- sociais – interação social, afeição, companheirismo, amizade. ( organização do trab de modo a permitir interação c os colegas, possibilidade de atividades sociais e esportivas, reuniões sociais de fora da organização )

- necessidades primárias

- segurança - senso de estabilidade, proteção contra danos físicos e emocionais. ( segurança no emprego, seguro-saúde e planos de aposentadoria, divulgação do desencadeamento do plano de carreira dentro da organização)
- fisiológicas – respiração, fome, sede, sono. ( salario e beneficios / condições agradáveis de trab )

EXEMPLO: Dinâmicas que ocorrem em uma equipe influenciam a motivação

Se necessidades sociais têm um peso importante, e o setor em que trabalha tem uma norma implícita de desempenho moderado, isto é, “produzir muito não pega bem”, o indivíduo tenderia a reduzir seu desempenho para ser aceito pelo grupo.

Indivíduos podem agir de diferentes formas para atender a mesma necessidade

Preocupado com segurança, um indivíduo retêm o máximo de informação,sem repassar, para se tornar “peça essencial”. Outro, realiza cursos de atualização para proporcionar novas contribuições.

- ERG (ALDERFER) - crescimento, relacionamento e existência –

- existência – necessidades fisiológicas e de segurança. Os primeiros dos níveis de Maslow.

- relacionamento – necessidades sociais. O terceiro nível de Maslow.

- crescimento – necessidade de atualização, desejo de ser criativo, produtivo e de terminar tarefas significativas. Os quarto e quintos níveis de Maslow.

Maslow – os níveis mais elevados de sua pirâmide requer a satisfação dos níveis mais baixos.

ALDERFER (ERG) – as necessidades devem ser atendidas simultaneamente. ( um trabalhador tem necessidades múltiplas que devem ser satisfeitas simultaneamente), reconhece a importância das três categorias pode variar para cada indivíduo.

- DOIS FATORES (HERZBERG) – Descobriu que os fatores envolvidos na produção da satisfação são distintos dos que levam a insatisfação no trab. A principal implicação desta teoria é que uma concentração em fatores higiênicos apenas impede a insatisfação no trab, n, necessariamente, motivando, para obter satisfação e maior desempenho, é necessário incorporar fatores motivadores.

Ex: Um bebedouro estragado e um chefe hostil podem causar insatisfação, porém, um bebedouro funcionando e um gerente educado não provocam satisfação.

- motivacionais (progresso profissional, realização e reconhecimento) -reconhecimento recebido, conteudo do trab, responsabilidade e desenvolvimento.

- higiênicos (segurança, condições trab, salário/benefícios e participação no grupo) – politica e adm da empresa, supervisao, relacionamentos interpessoais, condições de trab, salário e status / segurança.

HERZBERG X MASLOW – IMPORTANTE – necessidades na base da pirâmide, se em falta, geram desconforto, porém se atendidas, n motivam mais e necessidades no topo da pirâmide, msm qd satisfeitas, continuam motivando.

- NECESSIDADES SOCIALMENTE ADQUIRIDAS (McCLENLLAND) – somos influenciados por necessidades e momentos diferentes, porém cada indivíduo possui uma tendência dominante para uma determinada necessidade, reflexo de uma história e experiências. Necessidades não são fixas e imutáveis, podendo ser aprendidas.

necessida de realização - necessidade de superar desafios e atingir metas

- trabalhar com pessoas tecnicamente capazes;
- receber uma avaliação detalhada de seu gerente sobre seu comportamento no trab;
- discursos em q a tônica seja a superação de desafios e a busca da excelência;

necessidade de poder – necessidade de influenciar pessoas e situações.

- buscam criar um impacto em suas organizações, assumindo riscos ao fazê-lo.

necessidade de aceitação / afiliação – necessidades sociais, de relacionamento e pertencimento.

- trabalham melhor qd elogiadas por atitudes de cooperação, valorizando trabalhar entre amigos.

Um individuo com grande necessidade de realização n seria necessariamente um bom gerente. Pq tais pessoas estão interessadas na eficácia com q trabalham e n em influenciar os outros a ter um bom desempnho. Um bom desempenho gerencial estaria associado a uma necessidade de moderada para alta de poder combinada com uma necessidade baixa de afiliação.

- ALTA NECESSIDADE DE PODER – desejo de ter influência ou impacto sobre os outros

- NECESSIDADE BAIXA DE AFILIAÇAO – permite que decisões difíceis sejam tomadas sem receio de q n gostem dele.

TEORIAS DE PROCESSO – foco no pensamento interior e nos aspectos cognitivos.

- teoria do estabelecimento de metas – pessoas concentram seus esforços em direção a objetivos, de modo q o estabelecimento de metas energiza um individuo, direcionando seus pensamentos para uma finalidade.
CARACTERISTICAS DE METAS MOTIVACIONAIS - fazer sentido para os individuos, n entrar em conflito c os valores pessoais, envolver os funcionarios no estabelecimento de metas torna mais provavel a aceitacao delas e gera maior comprometimento. ( devem ser desafiadoras, mas possiveis de serem atingidas, se o individuo n tem as habilidades necessarias dificilmente se motivara). Um gestor deve prover feedback precisos sobre o desempenho do individuo para q este se sinta encorajado a persistir e ajustar os metodos de trab ou o individuo deve poder monitorar o proprio progresso.

METAS DEVEM SER ESPEFICIFICAS – quantificaveis, mensuraveis, ” dê o máximo de si”, produz menos resultados.

- TEORIA DAS EXPECTATIVAS – um individuo para se motivar precisa dar valor a recompensa, acreditar que um esforço adicional o levará a um desempenho melhor e que o desempenho melhor resultará em recompensas maiores.

- expectativa – crença de q um esforço maior trará um bom desempenho ( escolher pessoas com habilidades adequadas, treiná-las bem, apoiá-las c recursos necessários)

- instrumentalidade – percepção de q um bom desempenho trará certa recompensa ( definir metas de desempenho alcançáveis, esclarecer as relações entre desempenho e recompensa e cumprir o estabelecido)

- valência - valor ou atração de recompensa para a pessoa. ( identificar as necessidades que são importantes para cada pessoa, tentar combinar as recompensas disponíveis c essas necessidades)

ESTILO DE RECOMPENSA

EXPERIMENTADA DIRETAMENTE AO EXECUTAR UMA ATIVIDADE – sentimentos de realização, auto-estima e satisfação por desenvolver novas habilidades.

DADA POR UM AGENTE EXTERNO - bonificações, elogios e promoções.

Pergunta: A expectativas de obter uma promoção sempre motivará um funcionário?
Resposta: Depende

A motivação será baixa se o indivíduo:

• Se sentir incapaz de alcançar o nível necessário de desempenho;

• Não estiver confiante em que o alcance de um alto nível de desempenho resultará em uma promoção;

• Se considerar pouco importante a promoção.

- TEORIA DA EQUIDADE – as pessoas n estão interessadas apenas nas recompensas absolutas que recebem pelo seu trabalho, elas são sensíveis as diferenças relativas entre seus parceiros, estão sempre se comparando, buscam garantir que n estão sendo tratadas de forma injusta, verificam se estão recebendo menos que outros pelo msm esforço, comparam o que recebem da organização com aquilo q outros de características parecidas recebem, memsmo q ganhe bastante um individuo pode se desmotivar por n se sentir tratado de forma equânime. Ao perceberem diferenças, buscam restaurá-lo ( reduz ritmo de trab, busca aumento de recompensa ou abandona o trab).

Essa teoria explica uma disfunção grupal chamada ociosidade social, onde pessoas dedicam menos esforços ao trabalhar em grupo do que individualmente, exemplo: grupo de faculdade, contornada com estabelecimenoto de metas individuais associadas as coletivas

- TEORIA DO X e Y (McGREGOR) – acreditava que tds os trabalhadores se encaixavam em dois grupos, X e Y.

- gerentes q aceitam a teoria X - acreditam q as pessoas precisam ser acompanhadas a cada minuto. ” Seriam pessoas irresponsáveis, evitam responsabilidade e evitam trab sempre q possível”

- gerente q aceitam a teoria Y - acreditam q as pessoas desejam trab sem supervisão, e desejam resultados. ” direcionam seus próprios esforços”

IMPORTANTE – um elemento relevante é o significado q cada individuo percebe em relação ao seu trab. ” o significado para a vida dos outros, clientes externos e clientes internos.” E função do lider transmitir aos colaboradores a importância do trab de cada um.

O siginificado do trab é fundamental, para um real envolvimento na tarefa, com o sentido de estarem totalmente vivos e realizados, isso é chamado de experiência de fluxo.

FRUSTRAÇÃO NO AMBIENTE DE TRABALHO:

Significativa do sofrimento das pessoas emerge do contexto profissional ou esta a ele relacionado, pois as pessoas investem e passam cerca de um terço da vida no trab ou desenvolvendo outras atividades em sua função, o trab mts vezes traz frustrações. ( chefias n apoiadoras, normas restritivas, pouca transparencia, inconsistencia entre discursos e ação, relaxionamento difícil c pares e clima de insegurança)

FONTE DE SOFRIMENTO:

Conflito entre o papel profisional e outros papeis da vida, desconformidade com seus valores, conduta discrepante c o proprio senso etico e sentimento de ser injusticado), Conflitos intrapessoais e interpessoais geram tensão, insatisfação e ansiedade, podendo ter repercussões psicossomáticas

FORMA DE MOTIVAÇAO

• Estabeleça metas para seus recursos;
• Capacite os indivíduos para que possam alcançar essas metas;
• Ofereça recompensas, atentando para a equidade;
• Transmita o significado do trabalho de cada um;
• Forneça autonomia conforme a maturidade;
• Compreenda e aprenda a lidar com as diferenças;
• Perceber a singularidade de cada colaborador;
• Compreenda as experiências de frustração e sofrimento, buscandominimizá-las;
• Atue de forma autêntica e verdadeira.