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!!!
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 <div>.
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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <title>Layout 1</title> <link rel="stylesheet" type="text/css" href="reset-fonts-grids.css" mce_href="reset-fonts-grids.css"> </head> <body> <div id="doc2"> <div id="hd">Parte 1</div> <div id="bd"> <div id="yui-main"> <div class="yui-b"> <div class="yui-gb"> <div class="yui-u first">Parte 2</div> <div class="yui-u">Parte 3</div> <div class="yui-u">Parte 4</div> </div> </div> </div> </div> <div id="ft"> Parte 5 </div> </body> </html>
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!!!
