Tutorial Intermediário de HTML: Exercícios

22 04 2008

Logo do +web em tom verde escuro

Antes de irmos pro próximo assunto, vamos praticar um pouco o que vimos por aqui.

Primeiro, dê uma incrementada no projeto que você começou lá atrás. Use as tags novas que você aprendeu, retire as tags más. Atualiza o seu servidor e envie o resultado pra meu email.

O segundo exercício é esse:

Exercício

Como você viu no começo desse curso e nesse texto que foi indicado, html é pra conteúdo e CSS é pra apresentação.

No código abaixo temos conteúdo e apresentação misturados no HTML – muito feio. Sua missão é limpar esse código. Substituir tudo que for relativo a apresentação por CSS, acrescentar o que estiver faltando, usar a tag certa pra cada elemento – p para parágrafos, h# para cabeçalhos, etc.

<html>
  <head>
    <title>Minha Página Misturada</title>
  </head>

  <body bgcolor="#00FFFF">
  <p align="center"><b><font size="6" face="Verdana">Um Cabeçalho</font></b></p>
  <p align="center"></p>
  <hr>
  <p><font face="Verdana" size="2">Esse texto que você está lendo foi retiradao de um <b> curso</b> de html.
  Desse mesmo jeito. <b> Só estou mudando os textos</b>, pro autor não ficar com raiva de mim</b>.</font></p>
  <p><font face="Verdana" size="2">E eu vou continuar escrevendo <b>qualquer coisa</b>, <b>qualquer coisa mesmo</b>,
  <b>sem ter nada pra falar</b>, <b>enrolando</b>, mais um pouco.</font></p>
  <p><font face="Verdana" size="2">E não ligue se isso não fizer sentido</font></p>
  <p align="center"><font face="Verdana" size="2">
  <img border="0" src="imagem.jpg" width="400" height="300"></font></p>
  <p><font face="Verdana" size="2"><b>Correio Electrónico:</b><a href="mailto:htmlvelhinho@algumauniversidade.pt">htmlvelhinho@algumauniversidade.pt</a></font></p>
  <p> </p><p><a href="um-link.html"><font face="Verdana" size="1">código HTML desta página</font></a></p>
  <p><a href="diario.html"><font face="Verdana" size="1">Um texto bem pequeninho.</font></a></p>
  </body>
</html>

O que é importante aqui: Compare o tamanho do arquivo antes de depois de ser limpado e você vai perceber que o arquivo limpo é bem menor. Um arquivo menor significa uma página que carrega mais rápido e que ocupa menos espaço.

Quem não quer uma página carregando mais rápido?

Quando estiver pronto, sigara para a próxima parte: CSS Intermediário.

Páginas Relacionadas





sábado+web foi um sucesso!

20 04 2008

Como eu já tinha anunciado aqui antes, aconteceu ontem o primeiro sábado+web. Foi o primeiro encontro do grupo de estudos de desenvolvimento web que eu estou organizando aqui no Cefet – o +web – junto com um pessoal massa.

Eu estava esperando mais ou menos 40 pessoas, e o evento foi organizado pra 60 pessoas, pra ter uma faixa de segurança. Apareceram 90! A gente teve que providenciar uma sala maior – obrigado Minora! – e o evento atrasou 1h. Mas o pessoal não desanimou, continuou lá!

A primeira palestra foi a minha, com o temas “bem vindos ao +web”. Tem gente que diz que eu fiquei vermelho, mas acho que não. Não sou muito dessas coisas.

Depois teve o Mayron, falando sobre “web 2.0: + poder pro usuário”. Todo mundo se emocionou quando ele passou o vídeo “The Machine is us/ing us” em português.

Evandro falou sobre o desenvolvimento pra web, começando com cliente/servidor e parando na parte dos padrões web, passando pelo desenvolvimento em camadas. Muito massa!

Depois o Prof. Régis falou um pouco sobre uddi, pontos de função, EaD e mais um pouco.

E teve o lançamento do curso online grátis de desenvolvimento web! Qualquer um pode participar. Apareçam por lá!

Queria agradecer ao pessoal que faz o +web: Pedro Anderson, Mayron, Joelly, Evandro. Ao Prof. Minora, por ter conseguido a sala pra a gente. Prof. Régis, por ter aparecido pra palestrar! E principalmante a todo mundo que apareceu por lá.

Até o próximo, dia 17/04!

Fotos no Flickr

Mayron, Evandro e Eu mexendo em um notebook na sala de audiovisual da Datinf
Pessoas assistindo a palestra \.

Minha palestra:





curso online grátis de introdução ao desenvolvimento web

19 04 2008

Hoje pela manhã acontece o Primeiro sábado+web, com o lançamento oficial do Curso Online de Introdução ao Desenvolvimento Web. O curso é grátis, e qualquer pessoa pode participar. Nos assuntos, XHTML, CSS e Javascript – e o jeito certo de fazer as coisas.

Mais informações sobre o curso você encontra lá na página do curso ou na lista de discussão do +web.

Espero ver vocês por lá!

Depois publico os slides e as fotos das palestras, com mais detalhes do curso e do grupo.





jquery: perfeita, mas nem tanto…

18 04 2008

Comecei a usar JQuery aqui no trampo, e estou me surpreendendo. É tudo tão simples, que dá vontade de fazer tudo na tela ficar piscando e sumindo e aparecendo – mas eu me controlo, só uso onde necessário.

A única raiva que JQuery me deu até agora (além de não ter aparecido pro programador anterior desse projeto) foi ter me deixado meia hora tentando descobrir porque aquele $(“#id”) tão inocente não funcionava.

Era o acento. O seletor JQuery não aceita caracteres acentuados.
Fica a dica: acento com seletor JQuery não rola.





repita comigo: um prepared statement por conexão

15 04 2008

Trabalhando com php+mysqli, perdi um tempão procurando saber porque a minha prepared statement não funcionava.

Coisinha besta: um prepared statement está ligado a uma conexão. Se você fecha a conexão, mata ele. Também tive problemas tentando usar dois statements numa só conexão.

Portanto, fica a dica: um prepared statement pra cada conexão.

Hope that helps! ;D





sábado+web: primeiro encontro do +web!

15 04 2008

Lembram do +web? O grupo de estudos de desenvolvimento web que eu já falei por aqui?

Pois é. A idéia amadureceu, graça ao apoio do pessoal que tá junto comigo nessa, e o primeiro encontro do grupo já tem data marcada: Sábado, 19 de abril, às 8h no Cefet/RN (projeções da Datinf).

Na programação, palestras sobre: o grupo +web, seus objetivos e planos (minha primeira palestra!); web 2.0: + poder pro usuário, um foco diferente do que costuma ser visto por aqui, pelo grande Mayron Cachina; introdução do desenvolvimento web com xhtml, css e javascript, por Evandro Myller, o mago do javascript em Natal; e uma palestra surpresa (surpresa mesmo, nem eu sei o tema) com o prof. Régis Falcão.

Pessoal de Natal que acompanha o blog, conto com a presença de vocês lá.

Pro pessoal de fora de Natal que acompanha o blog (alguém?), uma notícia legal: vai haver também o lançamento do Curso Online de Introdução ao Desenvolvimento Web. Vai ser nos moldes dos cursos de ruby e rails que eu divulguei aqui, e o material vai ser esse que eu venho publicando aqui no blog. O curso é gratuito e aberto – qualquer pessoa pode participar. Sábado posto o link aqui.

É isso.

Quem quiser aparecer, vai ser muito bem vindo! e quem quiser ajudar, manda um email pra mim. A gente ainda está procurando por uma hospedagem baratinha.

Cartaz do primeiro sábado+web





minicursos(3): cursos interessantes: desenvolvendo direito pra web!

12 04 2008

Nos últimos dois posts com minicursos (esse e esse) passei links que ensinavam o básico – programar. dessa vez trouxe uns links mais divertidos – cursos que fazem a diferença

Primeiro, tem o pdf grátis sobre xslt do pessoal da visie – já viu que tem qualidade. A visie lançou também um pdf sobre produtividade e web 2.0, que eu tô com muita vontade de ler mas ainda não deu. É baratinho, e um investimento que com certeza compensa, mas estágio em programação no Rio Grande do Norte paga tão pouquinho…

Tem ainda o sun student courses. Até agora estão disponíveis dois cursos bem legais: Real World Technologies: NetBeans GUI Builder, JRuby, JavaFX, and JavaME e Introduction to Solaris and opensolaris.org. Se não fosse coisa de primeira, não tava na sun. Nem aqui.

Você também devia dar uma olhada no ambiente de aprendizado da DERI, NUI Galway (se não me engano, uma universidade). O cadastro é fechado, mas você pode acessar como visitante pra conferir o material das disciplinas
de Next Generation Technologies I (Semantic Web), Advanced Studies in IT (Semantic Web and Semantic Web Services), Digital Information (Multimedia Semantics) e Emerging Web Media. Pra quem quer desenvolver “direito” pra web, são quase um must read.

Ainda tem dois cursos deveriam ter entrado na lista anterior, ótimos pra quem quer começar com Ruby on Rails mas não sabe direito por onde: O curso de Ruby de Salish Talim, que está com inscrições abertas até 6 de maio, e o curso de Rails de Sunil Kelkar, com inscrições abertas até 15 de abril. Corra! Esses dois são gratuitos, de muita qualidade, e se complementam. O ideal é fazer o de Ruby e o de Rails logo depois.

Espero que vocês tenham aproveitado a listinha. Comentem aí outros materiais que vocês conheçam que eu vou adicionando aqui!