Archive for October, 2008
Iframe
Primeiramente devemos saber que iframe não é frame!
- iframe é quando temos uma página dentro de uma outra página HTML;
- frames são duas página distintas que dividem o site (está cada vez mais em desuso).
Iframe define-se quando você coloca uma página HTML dentro de outra página HTML, ou seja, você precisa ter no mínimo duas páginas HTML, confira o código:
<iframe src=”principal. html” heigth=”100%” width=”100%” frameborder=”0″ name=”principal”></iframe>
Explicação:
-
src=”principal.html” é a página que logo ao entrar no site irá ser mostrada no iframe.
-
heigth=”100%” altura do iframe (colocando 100% ele automaticamente se ajudará a altura que você definiu no elemento pai);
-
width=”100%” largura do iframe (colocando 100% ele automaticamente se ajudará a altura que você definiu no elemento pai);
-
frameborder=”0″ para não mostrar o contorno do iframe. (indica a espessura da borda do iframe, no caso de zero, ela é inexistente);
-
name=”principal” aqui está a “mágica”, é a través deste nome que você irá quais os links do menu serão visualizados no iframe.
3) Já estamos terminando, agora iremos editar o menu, fazendo com que todos as páginas dos links sejam visualizadas no iframe que criamos, você deve adicionar o atributo target na tag com o valor “principal”, nome de nosso iframe, ficando desta forma: target=”principal”.
Exemplo: <a href=”contato.html” target=”principal”>Contato</a>.
4) Veja como ficaria um exemplo do código:
<table width=”100%”>
<tr>
<td colspan=”2″>Topo</td>
</tr>
<tr>
<td width=”20%” heigth=”400″>
<a href=”contato.html” target=”principal”>Contato</a>
</td>
<td width=”80%”>
<iframe src=”principal.html” heigth=”100%” width=”100%” frameborder=”0″ name=”principal”></iframe>
</td>
</tr>
</table>
Observação: Aconselho o uso de iframes por quem está começando somente, mas não é recomendável a sua utilização em páginas comerciais, pois existem alguns fatores, como por exemplo, acessibilidade, que prejudicam a qualidade final do site.
Exemplo:
Você tem uma página que se chama principal.html com o código:
<html>
<head>
<title>Teste</title>
</head>
<body>
<table width=”800″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>Textossss1</td>
</tr>
<tr>
<td>Textossss2</td>
</tr>
<tr>
<td>Textossss3</td>
</tr>
</table><table width=”600 border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>Aqui eu quero que entre o IFRAME depois, ou seja, eu retiro o código inteiro dessa tabela daqui e coloco o código do Iframe com o src com o nome da página</td>
</tr>
<tr>
<td>Textossss2</td>
</tr>
<tr>
<td>Textossss3</td>
</tr>
</table>
</body>
</html>
E quer jogar o conteúdo dela (no caso, as tabelas), dentro de um Iframe, você deve criar uma nova página html com o nome, exemplo conteudo.html, e jogar o que tinha na outra página dentro dele, entao seu arquivo conteudo.html ficará assim:
<html>
<head>
<title>Teste</title>
</head>
<body>
<table width=”600 border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>Aqui eu quero que entre o IFRAME depois, ou seja, eu retiro o código inteiro dessa tabela daqui e coloco o código do Iframe com o src com o nome da página</td>
</tr>
<tr>
<td>Textossss2</td>
</tr>
<tr>
<td>Textossss3</td>
</tr>
</table>
</body>
</html>
E aqui será a sua página chamada principal.html já alterada com o código do iframe indicando a nova página chamada conteudo.html:
<html>
<head>
<title>Teste</title>
</head>
<body>
<table width=”800″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>Textossss1</td>
</tr>
<tr>
<td>Textossss2</td>
</tr>
<tr>
<td>Textossss3</td>
</tr>
</table><iframe src=”conteudo.html” heigth=”400″ width=”600″ frameborder=”1″ name=”conteudo”></iframe>
</body>
</html>
E a cada vez que quiser direcionar um link ( <a> ) para ele basta colocar assim <a href=”link_que_deseja.html” target=”conteudo”>Menu</a>
Add comment October 27, 2008
Pouco importa a ferramenta que você usa! (Referências e Inspirações)
Seja photoshop, seja 3D studio max, seja fireworks, ou até Paint Brush, seja pincel, lápis, ou carvão, ou ainda digo mais, seja até Phyton ou C++, o importante não é a ferramenta, e sim a técnica e habilidade de colocar em prática todos os conceitos e a bagagem cultural com um propósito. Software é só uma ferramenta, cada um tem suas limitações, mas a criatividade é infinita, veja trabalhos fantásticos em diferentes ferramentas:
Pintura, Monalisa:
Monalisa no Paint Brush, acredite se quiser rsrs..:
Pixel Art
Desenho na calçada com giz (acredite se quiser, o trabalho desse cara é FANTASTICO)
Add comment October 14, 2008
Encontro de Web Design (EWD) – São Paulo – 08 Novembro 2008 50% desconto
O 13º Encontro de Web Design ocorrerá em oito cidades do Brasil durante o ano de 2008. A programação é voltada para designers, programadores, jornalistas, publicitários, empresários, estudantes e quem trabalha ou se interessa por web. Hoje, considerado o maior evento da área, o Encontro tornou-se uma referência: reúne anualmente quase dois mil profissionais com o objetivo de trocar informações sobre o potencial da internet e a importância do design neste meio.
E o mais bacana é que se inscrevendo aqui no site, entre os dias 22 à 24 de Outubro, você paga apenas a metade, ou seja, miseros 30 reais. Vale a pena heim, eu to dentro poi acho que não vou conseguir ir no Intercon08 mesmo. ;]
Add comment October 14, 2008
Concurso Cultural “Sua Foto” National Geographic Outubro08 – Viagem para Washington
Entre os dias 1º de agosto e 31 de outubro de 2008, as fotos enviadas ao concurso cultural Sua foto também concorrem a uma viagem para Washington para conhecer a sede da National Geographic Society
Nesse período, os leitores selecionados como vencedores (1º lugar) nos concursos locais (Sua foto, no caso do Brasil), que acontecem em vários países ao redor do mundo, concorrem automaticamente ao Concurso Internacional de Fotografia National Geographic 2008.
Esse concurso elege a melhor foto de natureza, pessoas e lugares. O resultado dos vencedores brasileiros serão divulgados em novembro de 2008, no site da National Geographic Brasil e haverá um vencedor por categoria. O resultado final, com os vencedores internacionais, será divulgado no dia 15 de dezembro de 2008.
Premiação
O primeiro lugar de cada categoria (natureza, pessoas e lugareas) receberá uma viagem para conhecer a sede da National Geographic Society em Washington, D.C. por cinco dias e quatro noites em datas ainda a serem definidas, em Dezembro de 2008 ou começo de 2009.
Saiba mais clicando aqui
Add comment October 13, 2008
Número de Ouro com Pato Donalds
Vale a pena assistir este vídeo explicando o tão famoso número de ouro, o primeiro é um desenho, com o pato donalds, que eu lembro de ter assistido na 5° série, mal sabia eu quer seria tão importante, explicativo e esclarecedor como hoje é, o segundo também é muito bom, porém é em espanhol mas dá para entender direitinho. Abçs.
Add comment October 9, 2008
BOOM SP DESIGN – 23 e 24 de Outubro de 2008
O BOOM-SP DESIGN reunirá designers, arquitetos, publicitários, empresários, lojistas e meio acadêmico, nacionais e internacionais que estão envolvidos com este fenômeno global, para trocarem idéias e experiências sobre essa nova relação entre o setor de Design, empresas e consumidores.
Evento multimídia, Transmissão ao vivo para estudantes em sala especial, Painéis de discussão, Lounge com mostras de vídeo e curtas, Espaço “Exhibition”, que abrigará obras e produtos dos palestrantes do fórum
Promover uma discussão sobre a transversalidade entre arquitetura, design e arte e seu impacto nas novas formas de tecnologia, consumo, e comportamento. É esta a proposta do “BOOM SP DESIGN – Fórum de Arquitetura, Design e Arte”, evento que acontece em São Paulo, nos dias 23 e 24 de outubro.
Dirigido a designers, arquitetos, publicitários, empresários, lojistas e meio acadêmico, o evento visa reunir personalidades envolvidas com o fenômeno global do consumo. O objetivo é que eles possam apresentar seus conceitos sobre o futuro e formar um painel da diversificação da arquitetura, design e arte e como essas áreas se aproximam cada vez mais das marcas e seus consumidores. O evento antecede a semana KM.MM.M-Viver Design em São Paulo, série de seminários, oficinas e mostras promovida pela Prefeitura de São Paulo para debater design de forma ampla.
Entre os palestrantes convidados estão Adolfo dos Santos, criador do projeto “A4”, que deu origem ao jipe Stark 4WD Flex, ganhador do troféu IDEA/Brasil 2008 na categoria Transporte Terrestre Ouro, e o designer Karim Rashid, que produz para marcas como Alessi, Dirt Devil, Umbra, Prada, Miyake, Method, Fauchon, Mikasa, Sony, Giorgio Armani, Hyundai, Cytibank, Swarovski, a brasileira Melissa.
Também integram a programação nomes como André Cruz, autor premiado na Bienal de Saint Etiénne e no Museu da Casa Brasileira; Andreas Angelidakis, arquiteto que está projetando a Bienal de Artes de Atenas de 2009; Arne Quinze, que comanda a agência de arquitetura e design baseada na Bélgica e que já realizou mais de 4 mil projetos de design em 60 países do mundo nas áreas de transporte, arquitetura, design de interiores, mobiliários, iluminação, moda, vídeo, música, calçados, urbanismo e instalações de arte.
Estão entre os palestrantes convidados o escultor e o fotógrafo Chico Bicalho, criador dos brinquedos de corda Critter, que são vendidos nas lojas do MoMA e Guggenheim em Nova York e do Centro Cultural Georges Pompidou, em Paris; Greg Foley, diretor de design e de criação das revistas Visionaire, V Magazine e VMan; João Batista Ciaco, responsável pela Publicidade e Marketing de Relacionamento da Fiat Automóveis; Mauricio Queiroz, autor de projetos para a Mont Blanc, Jóias Vivara, Phytoervas, Dryzun e Etna, entre outros; Ricardo Ohtake, arquiteto que tem escritório de design gráfico, projetos de imagem corporativa, de identidade visual; Todd Bracher, que projetou para as marcas Tom Dixon e Jaguar e tem móveis produzidos por empresas como Zanotta; e Xenia Kalpaktsoglou (co-diretora da Bienal de Arte de Atenas).
As inscrições custam R$ 1500,00 (à vista) para a sala principal, com 250 lugares. Estudantes podem se inscrever por R$ 400,00 (à vista) para uma sala exclusiva, com 130 lugares.
Localização
SHOPPING IGUATEMI
AV. Brigadeiro Faria Lima, 2232 – Jardim Paulistano
9º ANDAR – Itaim – São Paulo – SP
Mais informações
1 comment October 9, 2008
CONAPHP – Congresso Nacional de PHP 18 e 19 de Outubro 08
O que é o CONAPHP?
Quando?
Onde?
Add comment October 8, 2008
Fotografia
Fotografia tirada da roda gigante no Hopi Harri, sem retoques no photoshop. As luzes formando a roda gigante dão um efeito muito legal. E a parte central com uma concentração maior de luz aparenta o sol ou uma grande bola de fogo contrastando com o fundo escuro devido ter sido tirada de noite.
por Douglas Riu.
Add comment October 8, 2008
