11° Encontro Locaweb de Profissionais da Web

Vemmm ai o 11° Encontro Locaweb de Profissionais da web em são paulo, mais exatamente no Centro de Convenções Frei Caneca, na Bela Vista.

Putzz dessa vez eu preciso ir!!

O Encontro Locaweb de Profissionais de Internet é um dos principais eventos de tecnologia e internet do Brasil. Um encontro anual que é realizado desde 1998, e já reuniu mais de 11.000 pessoas. Em sua 11º edição, o evento será realizado em 6 cidades, levando conteúdo relevante para você que trabalha com internet.

Veja a programação com renomados profissionais do mercado que apresentarão tendências, conhecimentos técnicos, informações sobre o mercado e muito mais.

http://www.locaweb.com.br/sobre-locaweb/eventos.html

Curso introdutório C#

Fala galera, postando diretamente do centro de inovação Microsoft aqui no Senac Santo Amaro, SP.
Estou fazendo um curso introdutório de  C# pelo programa SOL da Microsoft, por intermédio da empresa que trabalho, a SimbioX.

“C# (CSharp) é uma linguagem de programação orientada a objetos desenvolvida pela Microsoft como parte da plataforma .Net. A sua sintaxe orientada a objectos foi baseada no C++ mas inclui muitas influencias de outras linguagens de programação, (Delphi e Java).”

Não vou detalhar muito pois o curso é introdutório e como eu não tinha noção nenhuma de POO, estou aprendendo tudo agora.

Mas estou curtindo, pelo visto é uma linguagem muito prática e organizada. Será muito útil.
Basta estudar e me dedicar bastante para aprendê-la.

Abçs

Site de Moda Infantil – Jujuba

Fala meninada tudo certo ?
Estou postando aqui um layout que fiz recentemente para a empresa Jujuba que atua no setor de moda, mais exatamente com moda infantil. Estou postando a página Quem Somos e a de Produtos.
O banner onde possui as fotos das crianças será uma transição de imagens obviamente  de crianças usando as roupas da empresa.
A idéia do layout foi passar um estilo que representasse ao mesmo tempo simplicidade, dinamismo, clareza e todo o ar “kids”. A família tipográfica escolhida para os menus e títulos é arredondada reforçando o estilo infantil mas preservando a legibilidade.
Avaliem! Cada comentário é muitooo importante.

Abraçoss, até mais. =] 

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>

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. ;]

Yahoo terá cara nova

O Yahoo começa a implementar na quinta-feira uma reestruturação gráfica radical de sua home page, adotando mudanças que oferecem aos usuários uma visão mais personalizada da Internet.
A companhia está sob pressão para cumprir promessas feitas um ano atrás quanto a transformar o Yahoo de uma rede de propriedades mais ou menos insulares em “pontos de partida” que ajudariam os internautas a navegar rapidamente pelo restante da Web.
“Vamos colocar as coisas que interessam a vocês diretamente ao alcance de seus dedos”, disse Tapan Bhat, vice-presidente sênior encarregado das “portas da frente” -os principais destinos no Yahoo, entre os quais Yahoo.com, MyYahoo e a barra de ferramentas Yahoo.
A nova home page do Yahoo apresenta uma coluna na esquerda da página que oferece links sofisticados aos 10 ou 20 sites favoritos do usuário. Ela funciona como alternativa a métodos de navegação do tipo listas de favoritos, barras de links ou abas de navegadores, disse ele.
Para simplificar, o Yahoo está combinando a visão centralizada e controlada pelos editores que a página Yahoo.com há muito oferece e uma visão de informações personalizada, sob seleção dos próprios usuários, como a que o serviço myYahoo oferece há um bom tempo. A página mistura coisas que os usuários sabem que desejam com o inesperado ou coincidente.
“Pela primeira vez, vamos unir esses dois elementos para aproveitar ambos ao máximo”, prometeu Bhat.
As mudanças, que o Yahoo está testando inicialmente com apenas um pequeno grupo de usuários, levarão a uma reforma em larga escala mais tarde. Dois anos atrás, a última grande mudança de projeto gráfico na Yahoo.com demorou seis meses a ser implementada plenamente, disse o executivo do Yahoo.
A reforma da página Yahoo.com marca a evolução da empresa em 14 anos, de um guia pioneiro de sites a um complexo site que oferece diversos tipos de mídia, passando por estágios como índice de links e serviços de buscas.

fonte: Globo.com

Tamanho do seu Layout para um site

Olá galerinha do mal, beleza ? Passando para deixar uma dica para os designers e web designers que não sabem em qual tamanho (largura) projetar o seus respectivos layouts. Vamos pensar o seguinte, a menor resolução, mesmo que pouco usada, para um monitor é de 800×600 certo ? Então vamos fazer um layout de largura 800 px no Photoshop CS3 Crackeado certo ? ERRADO! Este erro é comum e desanima qualquer programador ou quem quer que seja que irá estruturar o site no (X)HTML. Há um ponto muito importante para se pensar para escolher a largura do seu layout: o browser(navegador).
Pois embora a grande maioria dos usuários utilizem o Internet Explorer, temos no mercado alguns outros de grande importancia e que estão crescendo e atingindo um maior número de fãs a cada dia como por exemplo o glorioso FireFox, o Safari e o Opera.

Voltando para a largura do layout, criei uma página com o valor que acho ideal para todos os navegadores:
778 px de width confiram no print que tirei em um LG 17” com resolução propositalmente ajustada para 800×600:

 
No caso aqui, o meu quadrado vermelho div está definido com a largura de 788px. Agora um print com a mesma resolução no Firefox:

Notaram a diferença ? Não ? Nem eu.. rsrs, brincadeira, olhe bem, no IE ele cria a barra de rolagem
vertical mesmo sem necessidade e no Firefox inteligentemente não. Ou seja para ambos o tamanho de 778px de largura não gerou uma horrível  desagradável barra de rolagem HORIZONTAL.

Fica aí a dica. Comentem. Qualquer dúvida é só falar, depois eu vou continuar falando disso mas pensando em como projetar para a resolução mínima de 800×600 e ficar legal em uma resolução maior.

Abçs.

Web 3.0

Design Digital – Web Design / Olhar Digital

Segue a materia do programa Olhar Digital falando um pouco sobre oque é o Design Digital e Web Design.
Achei meio misturado e confuso mas vale a pena dar uma olhadinha ;]
obs. Illustrator e nao Ilustrator =P 

Bora pro Intercon 2008? É 25 de Outubro.

Eu ainda não fui em nenhum mas neste ano pretendo muito ir só vai ter fera. Acesse o site INTERCON08
Para quem não conhece o Intercon:
Revolucionário é pouco. A edição de 2008 do iMasters InterCon trará 2 eventos paralelos no auditório principal, num modelo inovador, nunca realizado no Brasil: a programação tradicional do InterCon, com palestras e painéis de 1h00 de duração, e o FF´08, uma série de palestras rápidas com profissionais que são referência em inovação no Brasil.

E ainda 2 oficinas técnicas externas, mais avançadas. Os programadores terão palestras avançadas e com completa interação com o palestrante, na Oficina de Programação, durante todo o evento. Os criativos se reunirão para discutir técnicas de Photoshop e manipulação de imagens na Oficina de Photoshop.

O participante do evento poderá escolher a programação que preferir, a qualquer momento, de acordo com seus interesses. Haverá interação completa entre os ambientes.

O evento será apresentado por Fabio Seixas, Sócio-Criador do Camiseteria, e Luli Radfahrer, Professor-Doutor da USP e deve reunir 700 profissionais de internet no mesmo lugar. As oficinas técnicas serão comandadas por Fábio Lody e Paulino Michelazzo. E ainda, durante o almoço, o grupo de humor DEZNecessários vai relaxar o público com um grande espetáculo! Todo evento será coberto por WiFi.