El Tabisz

SEO na Construção do HTML – Parte 1

Graffo — Tue, 24 Aug 2010 17:49:18 +0000

Por tem um prazo apertado durante a transformação de layouts em psd para HTML, muitos não prestam atenção em pequenos detalhes que vão realmente fazem difereça no SEO do site, uso de tags para Títulos importantes, endereços, palavras relevantes e termos de língua estrangeira.

A prepração do site já começa pelo header, tags como meta description e meta keywords já indicam qual as definições dos eu site, então é simples defini-las, antes do finalizar a sessão HEAD do HTML você deve inserir as tags, vou utilizar as tags usada no Eltabisz como exemplo:

Na tag description você vai inserir as descrição do site, sempre o contéudo da tag fica dentro de “content”. Portanto use um descrição sólida para o seu site, pois ela que vai aparecer na descrição do Mecanismos de Busca.

Na tag keywords você vai inserir as palavras chaves para o seu site, mas não insira mais do que 160 caracteres, os mecanismos de busca ignoram o conteúdo em excesso na tag.

Dentro do Corpo do Site tags muito importantes a ser usadas são as tags

até

apra definir imfportância de títulos dentro do html, e para links usar as tags alt e title.

Logo posto a Parte 2

Subscribe to the comments for this post?

Share this on del.icio.us

Digg this!

Post on Google Buzz

Stumble upon something good? Share it on StumbleUpon

Share this on Technorati

Tweet This!

Share this on Facebook

Add this to Google Bookmarks

Css – Pseudo-seletores e Propriedades desconhecidas

Graffo — Mon, 26 Jul 2010 03:09:13 +0000

Sexta no #EBCWB estava conversando com o @persocon e o papo caiu no css, veio a pergunta se ele sabia pra que serviam algumas propriedades de CSS e pseudo-seletores como “kbd”,”samp” e “stress”, como estavamos na duvida, perguntei ao Oráculo e irei compratilhar esss experiência.

CITE
A tag indica uma citação ou referência a outras fontes.

”A inteligência… é a capacidade de criar objetos artificiais, especialmente ferramentas para fazer ferramentas”, disse Henri Bergson
.

DFN
A tag indica uma definição.

HTML é uma linguagem de marcação de hipertexto

VAR
A tag indica a instancia de uma variável ou argumento de programa.

A variável $nome é uma string.

SAMP
A tag indica a saída de um programa, script, etc. A mensagem Update notification has successfully submitted será exibida se tudo der certo. KBD A tag indica um texto que foi inserido pelo usuário. Sua resposta foi 42. TT A tag renderiza o texto em teletype ou monospaced. Texto com teletype ou monospaced. Stress Propriedade Stres serve apra definir o pitch-range de um áudio dentro da tag. p{ stress: 50;} Propriedaes quase todas chupinhadas do blog JARBS, TY MAN! Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks
Muito Trabalho – Pouco Post Graffo — Thu, 22 Jul 2010 15:38:16 +0000 Pessoal, A coisa tá feia, tem muito trabalho empilhando, este como é ano de eleição e a empresa que trabalho atende mais o ramo politíco, minha vida está de pernas pra cima, então pra não deixar vocês abandonados, vou passar uns blogs sobre assuntos variados pra não ficar no limbo. Behar Trips – http://trips.behar.net.br/ – Blog sobre Viagem do @papaleguas, muito bom, fala sobre suas experiências em viagens por Israel onde ele mostra o Museu do Holocausto e também de suas visitas pela América do Sul. Bar do Celso – http://www.bardocelso.com.br/ - Cerveja, boteco, botecagem, cervejas e já falei de cerveja? Lente Aberta – http://www.lenteaberta.com.br/ – Fotografia e Tecnologia NerdExpress – http://universonerd.com.br/nerdexpress/ – Podcast sobre cultura Nerd que participo Provavelmente será quase impossível fazer do que mais um post por semana até Outubro, mas fazer o que, É A VIDA! Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Novo Tema – NerdReview Dynablue Graffo — Tue, 29 Jun 2010 20:42:54 +0000 Trabalhando em cima das funções do tema Dynablue, eu desenvolvi o Tema do Blog NerdReview, como teria um tema mais distinto e sarcástico, optei por usar a folha de papel como fundo dos posts, quem nunca resolveu usar uma folha de papel de caderno pra fazer uma piada, dobra-la 200 vezes e repassar para alguem da sala? Usei um tom de madeira pra simular uma mesa e ícones “feitos a mão” e ai está, o Tema Nerd Review. Quer um tema personalizado para seu blog? Entre em Contato com a gente! Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Squint Opera – Maquetes Digitais Graffo — Tue, 22 Jun 2010 21:00:22 +0000 Esta agência tem todo um novo mode de agir, desde seu site até a produção de vídeos, não tem como definir em palavras, acesse o site da Squint Opera e vejam o que eles descrevem abaixo. Squint opera / está a transformar o processo tradicional de produção digital, combinando desenvolvimento criativo, a produção, pós-digital e áudio sob o mesmo teto. A história de embarque do produto final, a empresa é singular em sua abordagem colaborativa multidisciplinar através de uma variedade de mídias. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Mostrando para os clientes como eles comportam Graffo — Tue, 08 Jun 2010 13:29:19 +0000 Todo designer, programadou o professional de internet já teve problemas com clientes, mas o principal problema é o preço, nunca tem dinheiro para pagar o preço sugerido, dá-se a entender que o design não tem valor nenhum para eles, já ouvi frases como: Se o site der dinheiro, eu te pago; Meu sobrinho faz por xx e você tá pedindo xxx; Essa logozinha é coisa rápida e você tá cobrando tudo isto?. Realmente irrita a desvolarização causada por micreiros que fazem tudo mais barato, rápido e mal feito. Mas o pior é o preço, o cliente quer um trabalho de R$5.000,00 mas quer pagar R$1.000.00, isso é praticados por algumas agências que vem com a desculpa que não estão ganhando nada em cima, e desde os tempos mais remotos sabemos, NINGUÉM FAZ NADA DE GRAÇA! Então se o seu cliente ficar chorando, exiba este vídeo para ele: Enviado por diversas pessoas no Twitter Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Usabilidade: O que fazer e o que não fazer no Design de Interação Graffo — Sun, 23 May 2010 23:01:00 +0000 Costumamos falar sobre como tornar os nossos sites mais úteis, seja aprimorando a estrutura de páginas HTML para beneficiar o processo de usuário ou descobrir a melhor forma de exibir uma mensagem via CSS. Mas nunca levamos isso em nosso processo de pensamento baseado em jQuery (e outras baseadas em JavaScript) elementos. Como podemos melhorar a experiência do usuário e usabilidade dos nossos eventos jQuery? Nunca deixe o usuário no escuro A maioria, se não todos jQuery é acionado por meio de eventos do usuário, se ele está carregando novos conteúdos, formas de postagem, ou simplesmente modificar a apresentação de um item. Enquanto os designers e desenvolvedores sabem que algo está acontecendo, sem uma representação visual, o usuário fica adivinhando o que está acontecendo. Se o usuário clica em um elemento e nada acontece imediatamente, eles poderiam saber se a página está quebrada ou que fizeram algo errado. Mas simplesmente exibir uma mensagem de que o conteúdo está carregando para o usuário, eles sabem que algo está acontecendo e que será concluído em breve. Pinchzoom oferece uma experiência consistente ao carregar um novo conteúdo, exibindo um gráfico girando ao lado da palavra “Carregando”. O movimento constante do gráfico informa ao usuário que o site está trabalhando. Pinchzoom mostra uma animação e texto em um box para chamar a atenção do usuário e dizer-lhes que o conteúdo está sendo carregado. Sempre teste seu código Como parte de qualquer processo de testes, certifique-se que o seu design interativo irá funcionar em vários navegadores. Infelizmente, nós não testamos nossos elementos de design, utilizando-os como um usuário normal faria. Você ficaria surpreso quão diferente nós usamos nossos próprios sites. Usuários variam muito em seu comportamento, portanto, não seja relutante em usar o seu design de formas diferentes e com diferentes configurações. Ao tentar modifcar o seu JavaScript, você pode deparar com bugs que você não tenha notado antes, que o levará à construção de uma sólida e mais estável experiência do usuário . O clique de um usuário em um um elemento que parece estar quebrado ou não funcionando corretamente, muitas vezes, faz usuários perdem a confiança no site como um todo. Não use jQuery ao acaso Uma das últimas coisas que você quer é um usuário confuso Adicionando demais elementos interativos podem tornar o usuário capaz de decidir o que fazer ou como encontrar o que precisam. Ao construir o seu site, restringir o número de controles para aqueles que irão ajudar o usuário a conseguir seu objetivo Ao limitar a escolha, você cria uma experiência de usuário muito mais eficaz. Um exemplo deste problema pode ser visto sobre a Crispin Porter + Bogusky website. Este site tem um monte de rolagens e muitos links “Read More” que carregam mais conteúdo na página. Isto sobrecarrega o usuário com informações. Novos usuários podem estar incertos ao que fazer, aonde ir, assim se eles perdem toda a gama informações importantes. Crispin Porter + Bogusky mostra muita informaçãod e uma vez só Velocidade nem sempre é chave Nós sempre otimizamos o nosso código para carregar páginas mais rápido e ajudar os usuários a concluir suas tarefas mais rapidamente. Por outro lado, há casos em que utilizar animações podem melhorar a usabilidade de um website. Animações como aqueles mostrando a rotação por meio de mensagens ou imagens são geralmente muito rápidas. Devemos lembrar que os usuários não queremos pressa. Dê-lhes tempo para ler tudo dentro, evitar que usuário esteja no meio da leitura tem um item. Se você usa um plug-in para gerar o efeito ou código jQuery, as configurações devem estar disponíveis para alterar a velocidade da animação. Na maioria dos casos, palavras-chave como “slow(lenta)” ou “fast(rápido)” podem ser usadas. Se você deseja ser mais exato com o tempo valores numéricos, como “800″ ou “1200″ estão disponíveis, que deverão especificar o tempo em milissegundos. O site Postbox apresenta uma lista rotativa de notícias e elementos essenciais. Embora não seja uma característica proeminente do projeto, o tempo de transição entre cada item é longo o suficiente permitindo ao usuário absorver toda a informação. Home do site Postbox com mensagem rotativas Use Guias Embora mais top que seja a usabilidade para o projeto, as guias devem ser usadas. Se você estiver usando guias para mostrar e ocultar o conteúdo, verifique se eles são importantes e que cada guia descreve o seu conteúdo também. Guias são uma grande economia de espaço e alguns dizem que permitirá uma maior criatividade no design. Mas não corre o risco de sobrecarregar a visão do usuário com um conteúdo potencialmente não importante. Ao fazer guias, você habilita os usuários a encontrar mais facilmente informações que necessitam. Além disso, ser mais descritivo no seu título deixa claro ao usuário o que ele espera Delibar estiliza suas abas. O verde forte chama a atenção do usuário. Usa uma só palavra para transmitir sucintamente as características do produto e conteúdo por trás das guias. Por exemplo, o guia “Manage” leva a que descreve o conteúdo de várias maneiras que os usuários possam gerenciar seus bookmarks do Delicious usando Delibar. As guias chamam a atenção do usuário para o contéudo relevante Não tire o controle do usuário Um site com uma página com rolagem suave (horizontal e / ou vertical) são uma crescente tendência agora. Mas não deixe os usuários presos querer usar a navegação que não lhes agrada. Os usuários que perceber que a página se estende para além da tela provavelmente vai tentar usar o mouse ou barra de rolagem para navegar para baixo. A remoção de rolagem só mostra como tirar a funcionalidade de navegação básica (e, portanto, assumir o controle do utilizador) pode prejudicar a experiência global. Os usuários vão sentir que não estão no controle de sua própria navegação. Se você está incluindo a rolagem de página em seu design, você pode melhorar a usabilidade através de navegação pelo teclado e teclas de atalho. Isto fornece uma outra opção pela qual os usuários podem navegar na página. Agora eles vão ter a barra de rolagem, o mouse e o teclado. jQuery for Designers tem um tutorial sobre a navegação do teclado usando jQuery . Ao decidir como o seu design e seu jQuery deverão funcionar, pense em como as suas escolhas possam impedir a funcionalidade básica e como os usuários podem reagir a isso. Enquanto oferece links para navegar pela página, o designinsocial não permite que os usuários naveguem livremente com o mouse ou barra de rolagem. Como você pode ver abaixo, o conteúdo existe e os usuários vão querer rolar. Screenshoot do site designsocial com resolução de 1024 x 768px Use jQuery para validação de formulários O jQuery pode facilmente melhorar a validação de formulário e pode ser desencadeado tanto pelo botão “Enviar” ou pelo usuário focar fora do campo (. blog ()). Mas lembre-se que a validação do formulário JavaScript nunca deve substituir inteiramente a validação server-side. Usando jQuery para ajudar a validar formulários pode ter dois benefícios muito importantes para os usuários: 1. O usuário não terá que esperar para recarregar a página para saber que cometeu um erro. Além disso, se a página tem de recarregar antes de uma mensagem de erro ser exibida, o usuário pode assumir que a sua ação foi bem sucedida e ignorar a mensagem. 2. O jQuery permite a mais eficaz e mais fácil modo de destacar o erro, por exemplo, mudando a cor de fundo das bordas e dos campos relevantes ou através de animação, com uma dica, chamando a atenção do usuário. Trevor Davis escreveu um artigo intitulado “AJAX Forms with jQuery”, que tem algumas ótimas dicas sobre a execução de validação de formulário com jQuery. Validação jQuery no fomrulário de contários da Blue Sky Resumes A Blue Sky Resumes usa jQuery no seu formulário de comentário do blog, alterando a cor de fundo e de borda para destacar campos com erros. Um descritivo também aparece acima do formulário, para explicar o erro. Animações para impedir o empilhamento Uma das grandes características do jQuery é que ela permite um design animado de elementos. Isto inclui fade, mudnça de cores e elementos móveis. Uma animação com jQuery, muitas vezes usado para aperfeiçoar uma interface, é a de ocultar informação, tais como legendas de imagem e depois exibi-lo em foco. Uma mostra de animação CSS que utiliza jQuery para exibir o título e a descrição quando é apontado pelo mouse. Um problema que muitos designers e desenvolvedores esquecem, porém, é que as animações podem atingir rapidamente uma “pilha”. Quando uma página tem várias miniaturas, e um usuário rapidamente clique sobre várias de uma vez, a animação irá se item por item, até mesmo que o usuário tenha parado de mover o mouse. Passando o mouse sobre os quatro painéis de conteúdo da druckbar temos esse problema. Você pode usar uma de duas soluções para salvar os usuários de esse incômodo primeiro é a função .stop (). Quando .stop() é chamado em um elemento, o funcionamento de animação atualmente (se houver) é imediatamente interrompido. Por exemplo, para um elemento oculto com .slideUp() , quando .stop() é chamado, o elemento será exibido, mas em uma fração de sua altura anterior. As funções de callback não são chamadas. $("ol#gallery li").hover(function () { $(".thumb-meta", this).stop().animate({ bottom: '0px' }, 400); }, function () { $(".thumb-meta", this).stop().animate({ bottom: '-22px' }, 400); }); Alternativamente, você pode usar um plug-in jQuery como hoverIntent , que dispara uma animação só se o mouse do usuário estiver sobre o item, tornando-se óbvio que eles são intencionalmente passando sobre um elemento. Mantenha no mínimo a animação do conteúdo Porque funções JavaScript são tão fáceis de implementar com jQuery, muitos de nós caímos facilmente com animações, causando a interrupção para o usuário. Alguns sites usam jQuery para carregar as imagens quando o usuário rola a página para baixo, tornando o carregamento da página inicial mais rápida, permitindo que usuários acessem o conteúdo mais rapidamente. O Mashable, um popular site de mídia social faz isso. Enquanto isso é ótimo para os usuários que têm uma conexão lenta à Internet, ela tem suas desvantagens. O fade-in de animação ligadas a esta técnica podem ser muito perturbadoras para o usuário. Se um usuário está imersa em um artigo, o fade-in ao rolar pode quebrar o seu fluxo. Seria mais eficaz se a imagem carregada, sem animação, de preferência um pouco antes da área de imagem entrou na área de visão, para evitar rupturas. Então, pense sobre como animação e funcionalidade jQuery afetará a capacidade do usuário em se concentrar sobre o conteúdo principal. Conclusão – Ben MacGowan O jQuery trouxe à luz o amplo leque de possibilidades que ela oferece. Os pontos discutidos aqui são apenas um punhado das atuais tendências de design interativo. Como você faria com qualquer elemento de design, pensar em como suas decisões irão afetar os usuários. É o elemento mais fácil de usar? Os processos são facilmente compreensíveis? Se algo der errado para o usuário, como eles poderiam reagir? Perguntas como estas podem ajudar a resolver os erros, dando aos usuários um projeto com um design interativo mais sólido à experiência do usuário. Minha Conclusão Na questão da usabilidade ao Brasil, não temos a mesma experiência do usuário em sites como temos em países de primeiro mundo, outro problema que enfrentamos é a desatualização e uso de navegadores obsoletos como Internet Explorer 6 e 7, devido a isso e ao publico alvo de um site, devemos testar o código em todos os navegadores, onde, em se um script jQuery falhar em um navegador chave como Mozilla Firefox e Internet Explorer tornarão a pratica inviável, pois funções importantes ficarão restritas a um grupo, sendo que devemos atingir a todos. Site com uso correto de Jquery Crush + Lovely Crush + Lovely usa jQuery para criar um efeito de rolagem suave quando um item de navegação é clicado A experiência do usuário é melhorada através da navegação de teclado: teclas de seta à esquerda e à direita de rolagem da página entre as partes. Shaun Inman Shaun Inman usa jQuery para destacar o item que o usuário está com o mouse sobre. As outras animações fazem com que a interface e experiência se torne divertido para o usuário. Robotcat Robotcat reforça a sua newsletter a validação do formulário de inscrição com jQuery, destacando os erros Os campos do formulário são destacadas com uma borda vermelha proeminente. Panelfly Panelfly utiliza guias de conteúdo de alto impacto em seu projeto para que o utilizador não perca o conteúdo importante. Orman Clark Orman Clark fixou navegação e o jQuery cria uma rolagem suave entre as seções do design da página, enquanto ainda permite ao usuário mover-se com a barra de rolagem ou o mouse. Jan-Eike Koormann Jan-Eike Koormann usa jQuery e AJAX para carregar itens em seu portfólio Quando um item está carregando, um gráfico permite ao usuário saber que algo está acontecendo. YAY Paulo YAY Paulo usa eventos hover para animar e mostrar os títulos das peças de seu portfólio. Utilizando os métodos descritos acima, Paul West impede que as animações se sobreponham. IconDock IconDock usa jQuery para criar uma experiência única e divertida quando o usuário adiciona itens ao carrinho. Além de ser capaz de clicar no botão “Add to Cart”, os usuários podem arrastar as imagens para o ícone de carrinho. Um carregamento de gráfico permite que os usuários saibam que o carrinho de compras está sendo atualizado. Obrigado a Smashing Magazine e Ben MacGowan por ter feito uma artigo tão descritivo e útil para usabilidade. Tradução relizado por Diego “Graffo” Tabisz de Freitas. Clique aqui para ver o post original. Thanks to Smashing Magazine and Ben MacGowan for making an article as descriptive and useful for usability. Translation by Diego “Graffo” Tabisz de Freitas. Click here to see the original post. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Murat Dogan – Encartes para CD Graffo — Sun, 23 May 2010 20:04:02 +0000 Murat Dorgan é um designer turco com boas idéias pra encartes e embalagens para CD, utiliszando poucoas cores e como se o encarte e o cd fossem impressões continuas do trabalho, quem quiser ver mais trabalhos deles, que também é um excelente fotágrafo podem visitar seu site. Toggle ratings Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks BBoy Joker – Interação entre vídeos do Youtube Graffo — Thu, 15 Apr 2010 18:22:33 +0000 Patrick Boivin, diretor de animação produziu vários vídeos que mostram como podem ser feitas a interações entre vídeos do Youtube, criando um roreiro de um pequeno jogo. Este é um duelo de Break entre o Batman e o Coringa. Confiram o Vídeo: A roupa do Batman deixa você com -2 de movimento. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Cufon – Títulos com Imagens sem prejudir o SEO Graffo — Fri, 12 Feb 2010 14:14:02 +0000 O Cufon é um Javascript(JQuery) que tranformas textos em imagems, por exemplo, você define para o script que todas as tags H1 do seu site serão tranformadas, mas para o busca elas continuam sendo texto, quando forem exibidas na página serão imagens, de exemplo, o Header do meu blog, o Eltabisz, está sendo usado Cufon, ele aparece como imagem, mas no código ele é um texto. Tag H1 exibida como texto Tah H1 está como texto dentro do Código Como Funciona? Você deve ir até o Gerador do Pacote Cufon, selecionar a fonte que você quer usar, que deve estar salva na sua máquina, selecionar qual os caracteres a serem usados, recomendo selecionar o “All”(Todos), e no final da página clicar em “Let’s do this”, ele vai gerar um arquivo js, faça o download dele. Após isso baixa a biblioteca Jquery aqui. Coloque dentro da pasta “js” dentro da raiz do site, caso a pasta não existe crie uma. Agora vamos para a parte do código, você deve embedar os aquivos js no seu código, para ficar mais prático, vamos inserir no header da página. O código é o seguinte: - aqui você embedou a biblioteca do script - aqui você embedou a biblioteca gerada pelo site Segundo o site do Cufon, ele também funciona para Id’s e Classes do Css, mas eu não consegui usar.Pronto, todas as tags definidas ali agora são textos no código-fonte e na página serão imagens. Mas por que usaria este recurso? Quando você trabalha as Páginas para o SEO, as tahs H1, hH2 e outras que defineem cabeçalhos são de extrema importância, como são usadas para títulos, com tamanhos acima de 20px, elas ficam serrilhadas, alguams vezes ficam destonando o resto do layout, fazendo isto você tem imagens, mas não prejudica o SEO para seus títulos. Esse artigo do GeekLove tembém esta massa apra o Cufon Não sou programador, mas se precisarem de ajuda com o Cufon, é so deixar um comentário. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Site Criativo – Agencia BooneOakley.com Graffo — Fri, 08 Jan 2010 18:51:44 +0000 A Agência norte-americana Boone Oakley desevolveu todo o seu site dentro de um vídeo no Youtube, eles usam a Progress Bar para dividir as seções do site, e usaram as marcações do vídeo para links externos , quem quiser conferir pode assistir o vídeo abaixo. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Fotografia – não é TÃO simples como parece Graffo — Wed, 26 Aug 2009 13:55:10 +0000 Com a volta da aulas, depois das férias súinas, começamos as aulas práticas de fotografia, com uma câmera boa, vai ser fácil…Não! O esquema é bem diferente, aprendemos como usar cade tipo de lente: normal, grande angular e objetiva, você pode saber um pouco mais neste artigo do Luciano de Sampaio do Lente Aberta. Primeiros começamos trabalhando somete com a abertura da câmera, na aula de 26 de agosto, o bicho pegou, a Professora Anuschka nos mostou como funciona a câmera totalmente no manual, trablhando com a velocidade do obturador mais a abertura da lente, usando o fotômetro da câmera, muito foda, ainda teriamos que ter cuidado pra não tremer, tudo isso sem utilizar o flash, reusmindo, braços cansados depois de uam hora fotografando. Mas a experiência é extremaente reconfortante, as fotos com o equilíbrio de luz ok, não tremidas, ficam massas. As fotos abaixo foram da segunda aula, as fotos da primeira aula sumiram. Ah, já estava esquecendo, utilizamos um Câmera Digial Nikkon D80. Tem mais fotos no meu Flicker! Voa Postal, Voa! Renato "Ponta Firme" Luz Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Visibilidade + Publicidade + Globo = Criança Esperança Graffo — Fri, 14 Aug 2009 17:36:50 +0000 No 1º Período, eu tive uma matéria chamada “Comuniação e Novas Tecnologias”, falamos sobre o Mito da Caverna, mas uma coisa que me interessou foi a questão da Visibilidade, uam explicação bem simples é “Quem não é visto, não é Lembrado!”, quando uma empresa busca um Ator ou Personagem para divulgar o seu Produto, ela quer alguém que esteja bem presente na Mídia Atual. A Globo aplicou isto nos comerciais do “Criança Esperança”, mas Como? Bem simples, as novelas que mais chamam a atenção atualmente são “Caras & Bocas” e “Caminhos das Índias”, como este projeto visa ajudar crianças, ecolheram atores mirins que estão muitos evidentes em seus horários. Em “Caras & Bocas” dois personagens mirins em Evidência, “Bianca”(Isabelle Drummond) seguindo a história da patyzinha que perdeu todo o seu reino e tem que conviver como uma mera plebéia, tem a sina de reatar o relacionamento de seus pais e todo aquele blá blá blá; “Espeto”(David Lucas) seu pai pintor tem um hiato criativo, surge o macaco na história que pinta, seu pai vende os quadros, ele sempre defende seu pai, mas tem um grande zelo pelo macaco fujão. No caso “Bianca” é a personagem emotivo e “Espeto” é o personagem engraçado. Em “Caminho das Índias”, “Hari”(Cadu Paschoal) é um intocável, casta mais baixa da sociedade indiana, sofre coma descriminação e que tem como ideal acabar com ele, e tem sua tia que quer ser eleita governanta da cidade, e tudo aquilo que faz um personagem coitado se tornar um herói. Esses três personagem foram usados para as propagandas de doação do Criança Esperança, não adiantaria usar um Ator que está desaparecido da mídia, isso não é rentável, pois o ator que sempre é lembrado na propaganda, pessoas lembram “Não é aquele menino da novela tal?” ou “Olha a menino amigo do macaco”. Isso é uma das tiradas mais usadas em publicidades para doações, causar emoções na pessoas, dizendo que estes atores ou seus personagens são solidários, também causando mais publicidade para novela, criando assim um círculo vicioso. Vejam os vídeos: Isabella Drummond David Lucas Cadu Paschoal O uso dos atores foi muito bem feito, mas aquelas efeitos de criar elementos como se fossem rabiscados no vídeos foi HORRÍVEL! Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Eu, eu mesmo e o Design #1 Graffo — Thu, 06 Aug 2009 21:02:36 +0000 Iniciei meu trabalho com design em 2003, ou melhor, fui iniciado. Até o momento era mais um micreiro que criava site no HPG (Home Page Gráts – http://www.hpg.com.br), participava de fórum sobre desenhos e filmes, usava Mirc, mas ainda não fazia algo produto. Em dezembro de 2003, fui convidado para trabalhar em uma gráfica, ai se inicia todo o meu conhecimento. A minha função era substituir um Diagramador que estava saindo, durante um mês aprendi os processos, normas, alguns padrões que eram utilizados, aquela mecânica que parece boba, mas se torna essencial para pegar o ritmo. Esta gráfica que iniciou, digamos que esta empreitada é na minha cidade natal, Palmeira, a cidade clima do Brasil, o qual origina também o nome da Empresa, Cidade Clima Soluções em Parceria. Tínhamos padrões a serem seguidos, afinal os Clientes eram Montadoras de Automóveis Multinacionais, Fabricantes de Climatizadores de Ar, Metalúrgicas e também clientes locais, os padrões eram os mesmos, a qualidade era a mesma, nenhuma empresa era mais importante, um ideal interno, não existiam clientes, e sim PARCEIROS, tratar os clientes como um peça importante de sua empresa, desde a “Mercearia do Seu Zé” até a “Grande Montadora Multinacional”, para manter um padrão de qualidade e garantir o networking mais conhecido como propaganda boca à boca, se você fizer um bom trabalho, seu PARCEIRO, vai te indicar caso surja à oportunidade pelo serviço prestado, caso você tenha feito um trabalho regular, “feito as coxas”, será lembrado no inicio da conversa, como um péssimo fornecedor. Já com um mês de empresa, tinha tarefas que deveriam ser executadas com cautela, o padrão deveria ser seguido, qualquer alteração a ser feita deveria ser pré aprovado pelo cliente, alguns clientes já tinham expressado que nunca, mas nunca deveria se alterar o padrão. Este trabalho me trouxe muito conhecimento, pela primeira vez criei um manual do zero, neste caso, o Ney JR, o qual me convidou para trabalhar na gráfica, me ensinou como usar o Adobe PageMaker 6.5, criar e aplicas estilos ao textos, tamanho de página, pra quem não entendia nada, criou um manual, que não foi uma excelência, mas a evolução durante minha estada na empresa foi notável, quando o meu gerente de setor, ma falou “gramatura 75”, logo foi seguido de um “HÂ?”, não fazia a mínima idéia do que seria, isso significa a grossura do papel, a sua espessura, quanto maior a gramatura, mais grosso seria o papel. Uma empresa que começou produzindo um jornal local, evoluindo para PARCEIROS de com um grade fluxo de trabalho, cumprimentos de prazos, e por final as certificações, a gráfica já estava com a Certificação ISO9001:2000, eu passei somente por uma auditoração, qualidade total em seus serviços, é um dos requisitos para uma boa concorrência. Mas o tempo que passei no Cidade Clima me trouxe muito conhecimento,e também em iniciou neste seguimento que trabalho até hoje, o Design Gráfico. Pra quem quiser conhecer acessem: http://www.cidadeclima.com.br Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks O Primeiro Semestre já se foi! Graffo — Mon, 13 Jul 2009 00:37:54 +0000 O Primeiro semestre já acabou, em algumas disciplinas minhas notas não foream notáveis, mas o que importa é ter concluido o primeiro semestre. Como meu curso é tecnológico, a cada semestre obtemos uma formação, agora eu sou Auxiliar em Artes Gráficas. Eu já tenho uma certa experiência na área, já trabalhei em gráficas, e atualmente trabalho em um Escritório de Web, como estagiário, usando XTHML e CSS. Agora no Segundo Semestre começa a certficação em Design Editorial. Como mostra a grade: As matérias de Processos Fotográficos e Tecnologias de Produção Gráfica. Como eu tenho muita pouca noção de fotografia, as Aulas de Processos Fotográficos serão muito importantes, muitas pessoas que conhecem a professora desta matéria falaram pra prestar muita atenção em suas aualas pois ela é uma ótima profissioanl. As aulas de Tecnologias de Produção Gráfica são as minhas preferidas, pois gosto muito trabalhar com papel eu gosto de ver o resultado fisíco do trabalho, como ficaram as cores, as formas impressas, a qualidade, fechamento de arquivos e a calibragem das cores. Vamos esperar a vamos ver o que acontece no segundo semestre Abraço Pessoal Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks O Colecionador – Filme Independente Graffo — Thu, 21 May 2009 14:08:44 +0000 Não é de hoje que os Irmãos Gurski, Fábio e Fabrício, vem produzindo alguns curtas, finalizando sua última produção, “O Colecionador”, com duração de 4:01 minutos, contando a história de misteriosos desaperecimentos em uma cidade do interior. Ficha Técnica Título Original: Colecionador Gênero: Terror/Mistério. Tempo de Duração: 4:01 Ano de Produção(Brasil): 2005 Direção: Irmãos Gurski (Fábio e Fabrício Gurski) Roteiro: Irmãos Gurski (Fábio e Fabrício Gurski) Produção: Irmãos Gurski (Fábio e Fabrício Gurski) Música: Tharik Hajar Fotografia: Irmãos Gurski (Silvano, Fábio e Fabrício Gurski) Edição Irmãos Gurski (Fábio e Fabrício Gurski) Efeitos Visuais:Irmãos Gurski (Fábio e Fabrício Gurski) Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Projeto Interdisciplinar Graffo — Wed, 29 Apr 2009 21:17:12 +0000 Como meu curso é tecnológico, a cada semestre nso recebemos um diploma e temos que apresentar um pequeno TCC, aqui é chamado de projeto interdiciplinas. Para este projeto devemos escolher um artista, trabalho ou movimento artistíco de 1900 a 1970 e desenvolver padrões com referências e temas definidos na entrega do estudo. O trabalhos é em dupla e apresentado em 3 fases: Estudo, Pré-Conceito e Banca. Primeiramente tinhamos escolhido Roy Liechenstein, artista da Pop Art, muitas referências a quadrinhos, acabamos trocando por uma grande quantidade de pessoas terem escolido este artista, nossa outra Opção foi Alphonse Maria Mucha, designer gráfico checo, com um traço bem interessante. Alphonse Maria Mucha Um dos principais expoentes da Art Noveau nasceu em 24 de julho de 1880, em Ivancice, Checoslováquia. Ingressou na Academia de Belas Artes de Praga onde foi dispensado ouvindo a frase “Procure outra profissão que você será mais útil”. Estudou na Academia de Arte de Munich na Alemanha, na Academia Julian e Academia Colarossi em Paris, deixando a Academia Colarossi seguindo seu trabalho como ilustrador. Desenvolveu cenas de ilustração para os episódios da l’Histoire d’Allemagne de Charles Seignobos, também desenvolveu pôster para as peças Sarah Bernhardt, Gismonda encenadas por Victorien Sardou. Teve obras publicadas no Periódico “La Plume” e participou do Grupo Simbolista Joins Salon des Cent, os quais integravam também Bonnard, Grasset, Toulouse-Lautrec, Mallarme and Verlaine. Ingressou como professor da Escola de Artes de Nova Iorque, Boston e Philadelphia, foi convidado para decorar o Teatro New German em Nova Iorque. Retornou a Praga para trabalhar em pinturas épicas Eslavas, realizando um tour pela Polônia e Rússia coletando material para seus trabalhos sobre pinturas épicas. O ciclo completo de suas pinturas épicas foi oficialmente apresentada ao povo Checo por Mucha e Chrales Crane na cidade de Praga durante a Trade Fair Place. Sobre este artista e seus trabalhos nós selecionamos os seguintes padrões: 2 padrões com tema de formas geométricas 2 padrões com tema de formas orgânicas 2 padrões com tema de formas da natureza 2 padrões com tema tipográfico Trabalhos Agora os trabalhos que desenvolvemos com referências a Mucha O empenho para tal trabalho é tanto, mas dá um surto criativo muito inesperado também. Abraços e até a próxima Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Estudando Design Gráfico Graffo — Thu, 12 Mar 2009 04:54:57 +0000 Este ano de 2009, iniciei minha faculdade em Design Gráfico, estou cursando Curso Tecnológico em Design Gráfico, um curso rápido, somente 2 anos, mas tenho que ter 230 horas de atividades extra curriculares. DISCIPLINA CARGA HORÁRIA Desenho Técnico 80 Artes Gráficas 80 Desenho Artístico 80 Composição Gráfica 40 História da Arte e do Design 40 Comunicação e Novas Tecnologias (4) 80 Subtotal 400 A grade curricular para o 1° Período é muito boa, História da Arte e do Design, a matéria que acharia que seria um saco, atualmente junto com a de Artes Gráficas. Nas aulas de História da Arte do Design, vi muita coisa legal, como Ex-Libris, marcas usadas por donos de bibliotecas para marcar seus livros, identificando seus proprietários, fizemos até um nosso, na aula de Artes Gráficas, o meu ficou horrível, confeccionamos ele em Linóleo, um tipo de borracha, mas o processo em si, deve ser feito em Madeira, a Xilografia. o Bom é que estamos desenhando muito e melhorando o traço e a precisão com as aulas de Desenho Técnico e Desenho Artístico (Desenho de Observação). Aprendendo a usar os diferentes tipos de grafite, o escalímetro e a régua paralela, também os lápis de cores, coisa que não usava desde a Oitava Série. Agora temos nosso Projeto Interdisciplinar para apresentar, devemos escolher um artista, movimento ou obra de 1900 à 1970, desenvolver uma padronagem sobre os mesmo, trabalho em duplas, escolhemos Lichtenstein, um artista muito relacionado ao Design Gráfico e aos quadrinhos, cores chapadas, muito bom mesmo. Logo eu vou postar nosso projeto interdisciplinar pro pessoal dar uma avaliada. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Gmail agora tem Skins Graffo — Thu, 20 Nov 2008 01:42:53 +0000 O Google lançou uma série de Skins ou Temas para o Gmail, um que me chamou a atenção foi o “Terminal”. Procure no seu gmail pela Aba ou Tab chamda Temas ou Themes ] O GMAIL Implantou o sistema de Skin, será que porque muitos usuários reclama do Design minimalista do Google Atualizando Os Skins ou Temas somente estão ativos para Contas do Gmail que estão com o Idioma em Inglês, mas esta propriedade ainda não fi aplicada a todas as contas. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Adobe Libera CS4 Graffo — Thu, 13 Nov 2008 15:20:34 +0000 Hoje a Adobe liberou os downloads das versões de Teste dos Produtos da família CS4 (Cerative Suite 4), desde a compra da Macromedia a Adobe vem caprichando em seus programas para desenvolvimento. Foram corrigidos muitos bugs do Adobe Captivate, Adobe Flex, Adobe Flash. Tendo como novo foco o Action Script 3, a Adobe não retirou o Action Script 2 de seus produtos. Todas a interfaces foram refeitas para que a Família Adobe tenha somente uma face, com o mesmo alinhamento das ferramentas e menus. Captivate CS4 Photoshop CS4 Fireworks CS4 Lançamento Flash CS4 Os downloads estão disponíveis na Seção de Downloads da Adobe aqui. Todas a pessoas que baixaram versões Portáteis ou qualque outra antes de ontem, baixaram a versão beta, este ano a Adobe extendeu seu período de testes para alavancar o lançamento. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Criando um Botão em As2 Graffo — Mon, 25 Aug 2008 16:24:30 +0000 Bom um botão server para executar várias ações, usaremos para criar a função de abrir um Link Primeiro, vamos criar um retângulo, e converter ele em um botão pressionando a tecla F8: Depois disto, será inserido o código em As2 para abrir o link pressionando a Tecla F9 para abrir a tela de Actions: on (press) { getURL(“http://eltabisz.com.br“,”_blank”); } Entendendo o Código: on (press): Para que quando clicado execute a ação getURL: para abrir o endereço (“http://eltabisz.com.br“,”_blank”); http://eltabisz.com.br é o endereço será aberto e “_blank” o local que será aberto o link, que pode ser _self, _top pu um local personalizado. É só pressionar Ctrl+Enter e testar o seu botão! Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Combinando Flash e Captivate Graffo — Mon, 25 Aug 2008 15:47:33 +0000 Uma das vantagens de se trabalhar com Captivate, principalmente mais agora nessa versão 2.0 é que você pode facilmente exportar o seu trabalho do Captivate para dentro do Flash e costumizar mais ainda o seu trabalho até mesmo economizar em frames para o seu filme final, dando mais controle de consumo de banda para o seu usuário final que está assistindo sua aula. Basicamente se você for parar e observar o que é que o arquivo final do Captivate produz é simplesmente .swf o mesmo formato final que o Flash também faz. Então é 100% compatível com o Flash, mais tem vários outros aderechos que você pode incorporar na sua animação vinda do Captivate para o Flash, isso é e exclusivamente possível, apenas se você tiver o Captivate instalado em sua máquina. Por exemplo um caso hipotético: Você não tem o Captivate instalado em sua máquina, apenas o Flash e pega o arquivo fonte do Captivate com extensão (.cp) e quer importar para dentro do seu Flash, isso não é possível à não ser que você tenha o Captivate previamente instalado. Como fazer então? Facil, pegue seu arquivo de origem do captivate (.cp) , abra seu flash e vá em File > Import to Stage > e escolha seu arquivo fonte .cp para dentro do Flash. E você já pode usar facilmente. Depois de ter feito isso é simples, o arquivo se comporta da mesma forma que um arquivo de flash, é como se você tivesse pego, vários printscreens e adicionado novos cursores. Entretanto, muitos de vocês quando estão fazendo isso para costumizar, esquecem que pode ocorrer um erro com código 508 que é para aproveitar e simular backsteps do filme. Como usar então? Na área de propriedades do Projeto em Captivate, você pode ajustar isso nas preferências. Fonte: www.captivatebrasil.com Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks Action Script Graffo — Mon, 25 Aug 2008 15:39:26 +0000 ActionScript é uma linguagem de programação orientada à objetos baseada em ECMAScript, primariamente utilizada para construção de aplicações Internet rica (do inglês RIA – “Rich Internet Applications”). É executada em uma máquina virtual (AVM – “ActionScript Virtual Machine”, atualmente na versão 2) que está disponível no Flash Player (plug-in encontrado em navegadores web) e também no ambiente Adobe AIR. O ActionScript é uma linguagem que evoluiu dos recursos de script do Flash Player. Embora esteja na terceira versão, existem duas versões lançadas como ActionScript (a versão 1.0 foi nomeada somente quando lançada a versão dois). Action Script 2.0 * Tipos em tempo de compilação e dinamicamente tipados em tempo de execução. * Orientação à objetos baseada em protótipos, novas classes criadas a partir da extensão de outras pré-existentes. * Tipo primitivo numérico. Um apenas :Number, ponto flutuante com dupla precisão. Action Script 3.0 Nesta versão foram introduzidos novos recursos: * Verificação de tipos em tempo de compilação e de execução: os tipos são agora preservados em tempo de execução. O Flash Player faz verificação de tipos no momento da execução. *Estas informações de tipo também são utilizadas na máquina virtual para melhorar desempenho e reduzir uso de memória. * Exceções em tempo de execução: Erros em tempo de execução disponiblizam estado da pilha (“stack traces”) com indicação de arquivo fonte e número de linhas, como em java, para rápida identificação de onde o erro foi gerado. * Separação do sistema de herança de classes do sistema de herança de prototipação utilizado na versão anterior: Vários recursos que antes era disponibilizados por funções de biblioteca foram incluídos na linguagem. * Classes seladas: o comportamento padrão é que as classes não podem ser estendidas em tempo de execução, melhorando a alocação de memória e mantendo a aplicação mais segura. *Classes dinâmicas podem ser utilizadas se definidas com o modificador dynamic. * Suporte a pacotes (package), como em Java, namespaces. * Métodos com Closure: as closures nos métodos guardam o estado dos objetos da qual originaram. * A API do flash player foi reorganizada em packages * Sistema unificado de tratamento de eventos baseado no Document Object Model. * Integração do ECMAScript para XML (chamada E4X). A antiga API, da versão 2.0, ainda existente. * Acesso direto à lista de componentes do Flash em tempo de execução, permitindo controle completo em ActionScript. * Implementação da especificação do ECMAScript (quarta edição). * Expressões regulares: suporte nativo à expressões regulares. * Novos tipos primitivos númericos: int (com sinal) e uint (sem sinal), ambos com 32 bits. História Desenvolvido pela empresa Macromedia, hoje é controlada pela Adobe (que comprou a Macromedia em 2005), o ActionScript começou como uma linguagem de script para a ferramenta Macromedia Flash. As primeiras três versões das ferramentas Flash possuiam recursos de interatividade limitados. Os programadores podiam incluir comandos simples, chamados de “action”, à um botão ou frame. O conjunto de ações era limitado a controles de navegação básicos, com comandos como “play”, “stop”, “get URL”, e “goto and play”. Com a introdução do Flash 4 em 1999, o conjunto de ações foi incrementado e gerou uma linguagem de scripts. Novos recursos como variáveis, expressões, operadores diversos, blocos de condição (“if”), e loops foram adicionados. Apesar de ser chamado internamente de “ActionScript”, o manual do Flash 4 e documentos de marketing continuaram a usar o termo “actions” para descrever a linguagem. Versões do Flash * Flash Lite 1.0 e 1.1: Flash Lite tem foco em aplicações móveis e dispositivos eletrônicos. Flash Lite 1.1 utilizava Flash 4 ActionScript. * Flash Lite 2.1: Suporte à versão 2 do ActionScript (Flash 7). * Flash Player 2: Primeira versão com suporte a scripts, comandos incluíam gotoAndPlay, gotoAndStop, nextFrame e nextScene para controlo da timeline. * Flash Player 3: Capacidade de carrega arquivos SWFs externos (loadMovie). * Flash Player 4: Primeiro Flash com implementação completa da linguagem de scripts (chamadas de Actions). A linguagem possuia recursos como loops, conditionais (if), variáveis e outras construções de linguagem básicas. * Flash Player 5: Primeira versão completa do ActionScript. Utilizava programação baseada em protótipos (classes não disponível onde os objetos são clonados a partir de um protótipo ECMAScript. Disponibilizava completa linguagem de programção que podia ser utilizada de forma procedural ou orienta à objetos. * Flash Player 6: Modelo para tratamento de eventos adiconado, suporte a seleção múltipla (switch). * Flash Player 7: Flash Player 7 incluiu suporte ao CSS e melhoria no desempenho de execução. Compilador foram disponibilizados juntamente com o Flash Player 7, com possiblidade de traduzir ActionScript 2.0 e inclui também suporte a definição de classes com base no ECMAScript 4. Adicionalmente, o ActionScript 2.0 também podia ser compilado para ActionScript 1.0 byte-code, portanto compatível com o Flash Player 6. * Flash Player 8: Mais recursos adicionados ao ActionScript 2.0, como nova biblioteca de classes e nova funções de API. * Flash Player 9 (inicialmente chamado 8.5): ActionScript 3.0 introduzido, bem como uma nova máquina virtual chamada de AVM2 (ActionScript Virtual Machine 2). A AVM 2 coexiste com a versão anterior para fornece compatibilidade à todas versões do ActionScript no Flash Player 9. Melhoria do desempenho foi alcançada com um novo compilador JIT (“Just In Time”). Agora chamado de Adobe Flash Player. Versões do ActionScript 2000–2003: ActionScript 1.0 Lançado com a versão 5 do Flash em Setembro de 2000, as actions do Flash 4 foram incrementadas e passaram a ser chamadas de ActionScript pela primeira vez. Tinha influência do JavaScript e do padrão ECMA-262 (terceira edição) . 2003–2006: ActionScript 2.0 Na versão 2.0, introduzida em Setembro de 2003 com o lançamento do Flash MX 2004 e do Flash Player 7. Introduziu verifcação de tipos e classes e herança. Esta versão seguia o padrão ECMAScript (quarta edição), mas apenas parcialmente. 2006–atual: ActionScript 3.0 Lançado em Junho de 2006, a versão 3.0 do ActionScript foi lançada em conjunto com o ambiente de desenvolvimento Adobe Flex 2.0 e o Flash Player 9. Uma reestruturação da linguagem com uma nova máquina virtual. Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks E que Comecem os POSTS! Graffo — Tue, 19 Aug 2008 03:47:44 +0000 Fala Galera, começando um novo projeto, escutem o Áudio que entenderão aqui vão os Links: Digital Paper Web Mulher Design I-Masters Captivate Brasil Me adicionem no Twitter, e podem me adicionar no msn ou gtalk: backdoorgraffo@gmail.com Abraços a todos! Subscribe to the comments for this post? Share this on del.icio.us Digg this! Post on Google Buzz Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Share this on Facebook Add this to Google Bookmarks

DISCIPLINA	CARGA HORÁRIA
Desenho Técnico	80
Artes Gráficas	80
Desenho Artístico	80
Composição Gráfica	40
História da Arte e do Design	40
Comunicação e Novas Tecnologias (4)	80
Subtotal	400