Como usar HTML5 no Dreamweaver

Com o uso de uma extensão oficial, o editor da Adobe permite o uso das novas tags e dos novos atributos
Apesar de a Adobe apoiar o uso do Flash no lugar dos vídeos e animações embutidos do HTML5, a empresa não deixou os usuários do Dreamweaver na mão.

Como o editor da Adobe não tem suporte nativo ao HTML5, é preciso usar o Dreamweaver CS5 HTML5 Pack. A extensão é gratuita e só funciona com a versão mais recente do editor. Depois de obter o pacote, você deve fechar o Dreamweaver e abri-lo com o Adobe Extension Manager para concluir a instalação. No Dreamweaver CS5, acione File > New. Na caixa New Document, no item DocType na parte inferior direita, selecione HTML5 para criar um documento. Para ver as novidades do HTML5, é preciso selecionar o modo Code na barra de ferramentas superior. Ao digitar um código, o recurso code hinting sugere novas tags como header, section, vídeo e nav, além de suas propriedades. A mesma lógica funciona em um arquivo CSS, para propriedades de estilo.

Com o uso de uma extensão oficial, o editor da Adobe permite o uso das novas tags e dos novos atributos
Apesar de a Adobe apoiar o uso do Flash no lugar dos vídeos e animações embutidos do HTML5, a empresa não deixou os usuários do Dreamweaver na mão. Como o editor da Adobe não tem suporte nativo ao HTML5, é preciso usar o Dreamweaver CS5 HTML5 Pack. A extensão é gratuita e só funciona com a versão mais recente do editor. Depois de obter o pacote, você deve fechar o Dreamweaver e abri-lo com o Adobe Extension Manager para concluir a instalação. No Dreamweaver CS5, acione File > New. Na caixa New Document, no item DocType na parte inferior direita, selecione HTML5 para criar um documento. Para ver as novidades do HTML5, é preciso selecionar o modo Code na barra de ferramentas superior. Ao digitar um código, o recurso code hinting sugere novas tags como header, section, vídeo e nav, além de suas propriedades. A mesma lógica funciona em um arquivo CSS, para propriedades de estilo.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s