Minha primeira página… XD

f2jales — Thu, 20 Mar 2008 04:45:17 +0000

Eae galera!!!!

Curti só ai a primeira página web que fiz…. Ela foi um trabalho final de uma matéria na faculdade… ficou meio tosca, mas pra primeira ta massa… rsrs

O link é esse: http://www.sistemasabertos.com.br/~fjales/index.html

O layout foi todo feito com div e CSS… Deu bastante trabalho, mas eu aprendi muito…=D

Flw…

Muita Paz!!!

Primeiro dia…..

f2jales — Thu, 20 Mar 2008 04:27:40 +0000

Blz, Galera!!!Sejam bem vindos todos… Esse blog foi criado com o objetivo de compartilhar o aprendizado com o pessoal da empresa em que sou estagiário. Segunda passa começamos o treinamento… vamos ao primeiro dia…

No primeiro dia nos foi apresentada um biblioteca de interface com usuário open-sorce da empresa Yahoo! – a Yahoo! User Interface Library (YUI). Essa biblioteca consiste de um conjunto de scripts disponibilizados no site , http://developer.yahoo.com/yui/, que nos auxilia no desenvolvimento de páginas web. Nesse primeiro dia vimos apenas uns scrits de CSS que servem de base para começarmos a desenvolver páginas html. Os scripts que vimos servem basicamente para preparar a página para o desenvolvimento da mesma. Então, o que esse scripts fazem é resetar alguns parâmetros dos elementos do Html, como margin e padding, entre outros, e resetar valores de fontes, que esses possuem valores diferentes para cada Browser, então esses scripts além de resetar esses elementos e definem valores padrões que serão usados por qualquer Browser que executar a página. Além desses, ainda tem um Script destinado a auxiliar no desenvolvimento do layout do site, de acordo com a documentação você consegue cerca de 1000 layouts diferentes. Abaixo segue uma descrição dos arquivos CSS.

Reset: Destinado a resetar todas as propriedades iniciais da página como margens, espaçamentos, de tabelas e outros elementos da página, e define valores padrões que serão usados independente do browser;

Fonts: Outro script destinado a resetar valores e definir padrões, só que esse é somente para as fontes. Então todas as propriedades das fontes podem ser trabalhadas apartir desse script;

Grids: Esse é utilizado para auxiliar no desenvolvimento do layout, ele fornece uma variedade de elementos para o desenvolvimento de layouts utilizando a tag

O arquivo CSS pode ser conseguido no seguinte link: http://yui.yahooapis.com/2.5.0/build/reset-fonts-grids/reset-fonts-grids.css

Esse arquivo possui os três scripts em um só, o reset, fonts e o Grids. Acesse, salve e use em suas paginas.

Abaixo seguem um exemplo de utilização:

 

 

 Layout 1 

  

 

 

  

 Parte 1  

  

   

    

     

     Parte 2 

     Parte 3 

     Parte 4 

     

   

   

   

  

 Parte 5

Esse código cria um layout bem simples (que fica mais simples ainda de ser feito com a biblioteca do Yahoo!), ele possui apena um cabeçalho, um corpo dividido em três colunas e um rodapé.

É isso ai galera… a biblioteca é facil de se usar e poupa um grande trabalho… estudem a documentação e ótimos trabalhos… Até a próxima…

Fiquem na Paz!!!

Olá mundo!

f2jales — Tue, 18 Mar 2008 16:56:53 +0000

Oi.

Felipe Jales

Minha primeira página… XD

Primeiro dia…..

Olá mundo!