Archive for 'dreamweaver'
Curso Interativo Adobe Dreamweaver CS3
September 26th, 2007. Published under adobe, ajax, css, curso, dreamweaver, spry. 15 Comments.
A TI Shop acabou de lançar meu novo curso, Adobe Dreamweaver CS3. O curso está divido três grandes capítulos e 40 tópicos, abordando cada uma das novas novas funcionalidades e recursos do Dreaweaver CS3.
Veja as principais diferenças na interface e funcionamento da nova versão do DW; aprenda a trabalhar com CSS e a sua grande integração com essa nova versão; e desenvolva novas interfaces mais ricas e dinâmicas utilizando o Spry Framework para AJAX.
Mais detalhes sobre o Curso Adobe Dreamweaver CS3, em CD-ROM.
Curso de Dreamweaver Avançado
May 29th, 2007. Published under curso, dreamweaver, iped, padrões da web, tableless. 4 Comments.
Estou ministrando aulas de Dreamweaver no iPED Premier através do Curso de Dreamweaver Avançado.
O curso é totalmente on-line, contendo exercícios e exemplos práticos. Criei o curso com uma metodologia voltada para os padrões da web, tableless e o desenvolvimento web em camadas.
Acredito que você, leitor deste blog, tem conhecimento sobre a ferramenta. Sendo assim, ajude-me divulgando o Curso de Dreamweaver Avançado para seus amigos 
Conteúdo do Curso:
* Definição de uma página web estática
* Conhecendo o HTML/XHTML
* As diferenças entre o XHTML e o HTML
* O Dreamweaver e a forma como ele trabalha com o HTML e o XHTML
* Funcionamento e a sintaxe da CSS
* Uma visão sobre a web semântica
* Uma visão sobre o desenvolvimento web em camadas
* Explorando a interface do Dreamweaver
* O Painel de preferências do Dreamweaver
* Como Como definir sites e projetos no Dreamweaver
* Criando uma página no Dreamweaver
* Salvando arquivos no Dreamweaver
* As opções de visualização de arquivos do Dreamweaver
* Pré-visualização de páginas
* Visualização de meta-tags e informações de cabeçalho do documento
* Inserindo imagens no Document window
* Inserindo placeholder no Document window
* Como alterar um placeholder por uma imagem
* Edição de imagens com o Dreamweaver
* Inserindo conteúdos do Flash no Dreamweaver
* Sobre a inserção de vídeos Flash no Dreamweaver
* Criando formulários HTML
* Visão geral sobre acessibilidade em formulários web no Dreamweaver
* Compreendendo o caminho das páginas
* Criando mapas de imagens
* Tipos de mídias nas CSS
* Como inter-relacionar a camada de apresentação à camada de conteúdo
* Sobre o painel Behaviors
* Os eventos mais utilizados no desenvolvimento web
* Sobre os padrões da web e a metodologia tableles
* Planejando a criação de um mini-site
* Validando o formulário de contato - camada de comportamento
* Configuração FTP
As novas funcionalidades do Dreamweaver CS3
March 30th, 2007. Published under adobe, dreamweaver. No Comments.
Foi publicado ontem no iMasters meu artigo sobre as novas funcionalidades do Dreamweaver CS3.
Para quem ainda não sabe, no Dia 27 de março de 2007, a Adobe lançou a Creative Suite 3. Entre os integrantes dessa novidade, está a nova versão do Dreamweaver: o Adobe Dreamweaver CS3. E no artigo, As novas funcionalidades do Dreamweaver CS3, pretendo lhe contar as novas funcionalidades que foram adicionadas a essa versão.
Spry framework e Dreamweaver CS3
March 19th, 2007. Published under ajax, dreamweaver, spry, xml. 2 Comments.
A nova versão do Dreamweaver, a CS3, terá suporte ao Ajax. E tal suporte será feito com foco no Spry framework.
Spry é um framework client-side em forma de bibliotecas JavaScript; o que significa dizer que não só o Dreamweaver poderá utilizá-lo, mas qualquer outro editor HTML.
A única requisição para se trabalhar com o Spry é a utilização da XML. E vários exemplos do que pode ser feito com esse framework pode ser conferida no Spry Demos.
Particularmente, não gostei muito da forma de utilização do Spry, não achei tão simples como prometiam. Mas, o pior de tudo é a utilização de atributos proprietários nas tags HTML. Resultando em JavaScript obstrutivo e inacessível e na invalidação da página.
Cheguei a pensar no seguinte, se o Dreamweaver valida a marcação utilizada nas páginas, informando o erro encontrado e tal. Será que ele alertará quanto a marcação proprietária do Spry?
É esperar para ver, por enquanto, o Spry ainda se encontra na versão BETA, e tomara que eles mudam a forma como ele é utilizado.
E você, o que acha do Spry?
Dreamweaver 9 ou CS3?
February 25th, 2007. Published under adobe, dreamweaver. 12 Comments.
Qual será o nome da nova versão do Dreamweaver? Dreamweaver 9 ou Dreamweaver CS3? Acredito mais nessa última opção, ainda mais ao visualizar as imagens demonstradas abaixo:
Nas imagens acima comprovamos o nome da nova versão do Dreamweaver, CS3. Em seguida, vemos a inclusão da aba Spry na Insert bar. Isso eu já esperava, afinal de contas não é nenhuma novidade que a nova versão do Dreamweaver trará suporte ao Ajax.
E você tem alguma novidade quanto a nova versão do Dreamweaver?
Fonte das imagens utilizadas neste post.
Gecko DOM Code Hints 0.2
February 1st, 2007. Published under DOM, adobe, code hints, dreamweaver, gecko, labs, mozilla. 3 Comments.
Finalizei a versão 0.2 da Gecko DOM Code Hints - uma extensão para o Dreamweaver que adiciona code hints ao Gecko DOM - e nessa versão há correção de bugs encontrados na versão 0.1.
Os bugs estão relacionados a duplicação dos itens que apareciam na lista do Code Hints.
Leia o poste relacionado a versão 0.1 - Gecko DOM Code Hints - Extensão para o Dreamweaver
Mais informações sobre a Gecko DOM Code Hints no meu Labs.
Gecko DOM Code Hints - Extensão para o Dreamweaver
January 29th, 2007. Published under DOM, add-on, adobe, dreamweaver, gecko, labs, mozilla. 15 Comments.
Após a criação da freeDOM.js inside Dreamweaver - uma extensão para o Dreamweaver que oferece Code Hints para as funções da freeDOM.js - acabei de finalizar a versão 0.1 da Gecko DOM Code Hints.
A Gecko DOM Code Hints é uma iniciativa minha em oferecer Code Hints ao se trabalhar com o DOM no Dreamweaver. Inicialmente nesta versão inicial 0.1, você terá Code Hints para todos os métodos e propriedades do objeto document. Além do Code Hints há algumas tooltips dos métodos do objeto document.
Exemplo de uso
Ao digitar o prefixo: “document.” (sem aspas) o Dreamweaver exibirá um menu popup com os métodos e propriedades do objeto document. Como demonstrado na imagem abaixo:
Agora, veja um exemplo da tooltip para lhe ajudar no preenchimento dos parâmetros dos métodos.
Faça o download da Gecko DOM CodeHints versão 0.1.
Aguardo seu feedback
freeDOM.js inside Dreamweaver
January 23rd, 2007. Published under DOM, add-on, adobe, dreamweaver, freeDOM.js, javascript. 7 Comments.
O Dreamweaver passará a reconhecer as funções da freeDOM.js através da extensão freeDOM.js inside Dreamweaver.
Criei essa extensão para facilitar meu trabalho ao utilizar a freeDOM.js no Dreamweaver. A versão atual é a 0.1 e toda sugestão será muito bem vinda
Exemplo de uso
Uma vez que a instalação foi instalada, abra um arquivo do tipo JavaScript e digite $ (cifrão). Ao digitar esse caractere será exibido um menu popup com as funções da freeDOM.js, com isso utilize as teclas para cima e para abaixo do seu teclado para navegar entre as funções do menu.
Observe a imagem de exemplo:
Ao digitar o nome da função e abrir o parênteses, por exemplo: $after(. O Dreamweaver exibirá uma tooltip com os parâmetros da referida função; à media em que você for adicionando as vírgulas para informar o parâmetro posterior o menu é atualizado; sempre exibindo em negrito o parâmetro em questão.
Observe outra imagem de exemplo; agora com a tooltip:
Faça o download da freeDOM.js inside Dreamweaver (freeDOM-inDW), versão atual 0.1
Espero que go
Alterar o visualizador de código fonte do Firefox
January 5th, 2007. Published under dreamweaver, firefox, microsoft. 15 Comments.
Você pode utilizar o Bloco de notas - Notepad, o Dreamweaver, ou qualquer outro programa para visualizar o código fonte de uma página web aberta no Firefox.
O Firefox por padrão exibe o código fonte de uma página web através de um visualizador próprio. Eu o adoro, pela sua simplicidade e pela coloração nos códigos.
O problema do visualizador de código fonte padrão do Firefox está na impossibilidade de editar e salvar o código que estamos visualizando. Então se você deseja alterar o visualizador de código fonte do Firefox por algum outra programa externo é possível.
Para realizar essa alteração é super simples, digite na barra de endereços - Address bar - do Firefox o seguinte: about:config. Após procure por: view_source.editor.external e altere o valor para true - para alterar dê dois cliques sobre a linha informada. Com isso, você está dizendo ao Firefox para abrir o código fonte da página em um programa externo.
Mas o Firefox não irá adivinhar qual o programa a ser utilizado na exibição do código fonte, então você irá informá-lo através do seguinte comando view_source.editor.path informando como valor o endereço para o programa desejado.
Por exemplo, para usar o Notepad informe o seguinte valor: C:\Windows\NOTEPAD.exe ou para usar o Dreamweaver informe: C:\Arquivos de programas\Macromedia\Dreamweaver 8\Dreamweaver.exe - é claro se você tiver tal programa instalado
Dreamweaver + PHP + MySQL. É simples e fácil!
November 16th, 2006. Published under dreamweaver, iMasters, mysql, php. 5 Comments.
Neste mês de novembro, o CD-ROM Dreamweaver + PHP + MySQL de minha autoria e lançado em parceria com o iMasters Shop completa um ano de vida.
Fiquei muito satisfeito com a receptividade que ele obteve perante ao público do iMasters. E mais ainda com os feedbacks recebidos. A grande maioria fala sobre a didática simples e de fácil entendimento, fator que considero primordial para facilitar o aprendizado e que me preocupo muito quando escrevo.
O curso é divido em 10 capítulos e aborda o trabalho diário de desenvolvimento integrando o Dreamweaver, o PHP e o MySQL. O objetivo final do curso é o desenvolvimento de um sistema completo de notícias e administração, utilizando todas as tecnologias abordadas.
Se você ainda não teve a oportunidade de conhecer o CD-ROM Dreamweaver + PHP + MySQL , conheça-o.