Sim, eu sei, eu já devia ter feito isso faz um tempo. Como amanhã vou falar em público sobre (entre outras coisas) Microformats, não deu mais pra adiar. Coloquei um hCard na página “Sobre”, e um hCalendar no post do segundo sábado+web. Não levou nem 10 minutos, com o hCard Creator e hCalendar Creator. Daqui pra frente, vou usar mais microformats. Promessa.
Tutorial Intermediário de HTML: Exercícios
22 04 2008Antes 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
- Próxima Página: Tutorial Intermediário de CSS
- Página Anterior: Juntando Tudo
- Tutorial Avançado de HTML
Comentários : 3 Comments »
Tags: html, htmlintermediario, intermediario
Categorias : html, htmldog, minicursos
sábado+web foi um sucesso!
20 04 2008Como 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!
.
Minha palestra:
Comentários : 1 Comment »
Tags: +web, cefet, cefetrn, palestra, sabado+web
Categorias : +web
curso online grátis de introdução ao desenvolvimento web
19 04 2008Hoje 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.
Comentários : 2 Comments »
Tags: +web, minicursos, sabado+web
Categorias : +web, minicursos
jquery: perfeita, mas nem tanto…
18 04 2008Comecei 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.
Comentários : 5 Comments »
Tags: estagio jquery javascript dica-rapida
Categorias : estágio
repita comigo: um prepared statement por conexão
15 04 2008Trabalhando 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
Comentários : 2 Comments »
Tags: dica rapida, estágio, mysqli, php, prepared statement
Categorias : estágio
minicursos(3): cursos interessantes: desenvolvendo direito pra web!
12 04 2008Nos ú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!
Comentários : 2 Comments »
Tags: minicurso, produtividade, rails, ror, ruby, semantica, web2.0, web3.0, xslt
Categorias : minicursos