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:

<script src="js/cufon-yui.js" type="text/javascript"></script> - aqui você embedou a biblioteca do script
<script src="js/Bitstream_Vera_Sans_400-Bitstream_Vera_Sans_700.font.js" type="text/javascript"></script> - aqui você embedou a biblioteca gerada pelo site
<script type="text/javascript"> aqui você definirá quais tags ele mudará
Cufon.replace('h1');
Cufon.replace('h2');
</script>

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.

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

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!

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

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

]]> http://eltabisz.com.br/faculdade/o-primeiro-semestre-ja-se-foi/feed/ 0 http://eltabisz.com.br/cinema/o-colecionador-filme-independete/ http://eltabisz.com.br/cinema/o-colecionador-filme-independete/#comments Thu, 21 May 2009 14:08:44 +0000 Graffo http://eltabisz.com.br/?p=107 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)

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

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.

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.

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.

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.

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!

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

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.

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!