Inserir Flash corretamente em XHTML

Postado por: Pedro Rogério em
  • 3 out
  • 33

Embora o Flash seja um elemento muito ativo nas páginas Web, muitos desenvolvedores ainda não sabem como inserí-lo corretamente em XHTML. O conceito padrão, utilizado pela macromedia é absolutamente fora de contexto:


<object
  classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
  width="550" height="400">
  ...
  <param name="movie" value="movie.swf" />
  <param name="quality" value="high" />
  ...
  <embed src="movie.swf" quality="high" bgcolor="#ffffff" width="550" height="400"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/go/getflashplayer">
  </embed>
</object>

Os atributos <object> são subordinados somente as necessidades do IE e não trabalharão em outros browsers. O atributo <embed> é para os outros browsers, mas ele não é listado nas especificações do HTML ou XHTML. O código consequentemente é inválido. O maior problema é que você não há uma forma de você fornecer conteúdo alternativo aos usuários que navegam com flash desabilitado.

Continuar lendo »

Central Server

A semântica e o elemento HTML q

Postado por: Pedro Rogério em
  • 20 set
  • 8

Provavelmente você nunca deve ter usado o elemento <q> do HTML, eu particularmente também não tinha conhecimento de sua importância, que serve para marcar o texto com citações, outros preferem usar entidades de caracteres para citar o texto, mas isso com certeza fere a semântica. Usar o <q> ao invés das entidades de caracteres nos permite também que você aplique estilos CSS, como alterações da cor, tamanho, etc.

Exemplo:


<q>Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse John Kennedy.

Que seria renderizado dessa forma: “Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade”, disse John Kennedy.

13 elementos que deveriam conter em sua página

Postado por: Pedro Rogério em
  • 15 set
  • 9
  • 1- Buscador interno amigável e eficaz.
  • 2- Mapa do site.
  • 3- Links internos com URI absoluta.
  • 4- Conteúdo significativo no início da página.
  • 5- Desenvolver com as últimas tecnologias.
  • 6- Validar o HTML, XHTML e o CSS.
  • 7- Comprovar que não existem links quebrados.
  • 8- Uso limitado de tabelas.
  • 9- Uso limitado de Flash.
  • 10- Arquivos externos para folhas de estilo e javascript.
  • 11- Incorporar sempre atributos de identificação (alt, title).
  • 12- Incluir informação de contato.
  • 13- Uso moderado de imagens. Sempre justificadas e com valor não superior a 12KB

Estou atacando de colunista

Postado por: Pedro Rogério em
  • 13 set
  • 6

É gente, além de escrever para esse humilde blog, agora também vou começar a escrever para o site Oficina da Net, um portal direcionado aos desenvolvedores web. Estou escrevendo na coluna XHTML, que pode ser acessada aqui. Nesse 1° artigo eu publiquei uma matéria que havia colocado aqui no meu blog, que se chama: Uma vez programando errado, sempre dará errado. Eu acho importante isso, manter o código sempre organizado que para uma eventual manutenção, não ocorra problemas.

Apresentações na web com HTML Slidy

Postado por: Pedro Rogério em
  • 6 set
  • 1

Muitas vezes quando precisamos desenvolver alguma apresentação, o primeiro programa que nos vem a cabeça com certeza é Power Point, e na maioria das vezes acabamos criando apresentações com uma interface pobre, sem imagens, mas hoje em dia existem várias opções, que dentre elas posso citar o HTML SLIDY, desenvolvido por Dave Ragget, que se encontra hospedado nos servidores da W3C, com isso temos a certeza de absoluta adequação aos padrões web e a acessibilidade.

Para utilizá-lo basta baixar o script e seguir as instruções para formatar o código adequadamente.

Uma vez programando errado – Sempre dará errado

Postado por: Pedro Rogério em
  • 21 jul
  • 2

Manter o seu código organizado e bem estruturado não é luxo de nenhum programador, pelo contrário, não importa a linguagem em que você está programando, seja ela HTML, CSS, ASP, JavaScript, PHP, manter um código limpo e claro é essencial para uma eventual manutenção e compreensão, tanto sua como de terceiros. Principalmente se você trabalha em uma agência, onde existe toda uma equipe de desenvolvimento, manter o código limpo é primordial para o desenrolar dos projetos.

Peguemos como exemplo a área de CSS, onde temos que definir nomes para várias classes, devemos procurar dar nomes adequados, seja para os arquivos, para as classes ou para IDs. Pra você ver como pode haver uma confusão, você fez aquele site lindo para o seu cliente, código o mais semântico possível, e lá você tem um menu que fica do lado direito, logicamente, você quer colocar o nome de sua referência como menudireita, mas o cliente lhe liga pedindo que mudou de idéia, quer o menu no topo do site, você tem uma div chamada menudireita que fica no topo do site, entendeu agora a extensão do problema, você agora teria que mexer não só no CSS, mas também no HTML, não seria mais fácil, se você tiver um só menu em seu site, chamá-lo simplesmente de menu? Por isso é que devemos usar nomes simples e diretos para tudo, referentes as suas funções, por que programando uma vez errado, sempre dará errado!

Páginas:«12345678»