Bem, hoje vou falar um pouco sobre meu projeto final da faculdade que foi sobre acessibilidade.

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 … Continue Reading

Bom, como já expliquei a algum tempo existe uma forma de colocar pngs com transparência no ie 6, mas agora a minha primeira explicação a tag utilizada era para por no css, agora eu vou explica outra maneira de por essa transparência, só que agora direto no html. Iremos fazer isso com um js, um script no html e uma class na tag “img”, mole mole …

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 … Continue Reading

Tanto tempo que não escrevo no blog que especialmente para minha amiga Mariana Gibara vou escrever sobre o que ela pediu! Nós sempre nos questionavamos sobre esse menu, falando que não daria certo se o fizessemos, mas um belo dia eu tentei fazer e consegui, e por incrivel que parece ficou melhor que os outros!!!
Então venho compartilhar com vocês essas experiência!

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 … Continue Reading

Planografia – 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 … Continue Reading

Etapas de produção:
- 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 … Continue Reading

Vou colocar 4 exemplos de menus, dois na horizontal e dois na vertical. Um usando lista e outro usando apenas a tag a.

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;} … Continue Reading

Como eu, muitas outras pessoas já devem ter passado por isso. Ralei muito para colocar o background em png transparente no ie6.

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 … Continue Reading

A pedidos do meu amigo ratinho, estou postando um formulario php. Mesmo não sabendo muito bem fazer, quebrei muita a cabeça para deixar isso funcionando, e com isso vou tentar passar um pouco o que eu consegui fazer.

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 … Continue Reading

LIDERANÇA

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 … Continue Reading

Motivação

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 … Continue Reading